﻿body
{
	margin: 0;
	font-family: Arial, Helvetica;
	color: #fff;
	font-size: 62.5%;
	background: #7c756f url('/images/bg.png') repeat-x left top;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a
{
	font-size: 1em;
	color: #94d2bb;
	text-decoration: underline;
}

	a:hover
	{
		color: #fff;
	}

	a:link,a:visited { text-decoration: none }
	a img,:link img,:visited img { border: none }
	a:active, a:focus { outline: 0 }

/* Page header */
h1
{
	font-size: 3.5em;
	font-weight: normal;
	float: left;
}

	h1 a
	{
		width: 227px;
		height: 48px;
		float: left;
		text-indent: -5000px;
		background: url('/images/breakwater_logo.gif') no-repeat top left;
	}

/* Page titles */

/* A seperate style used for all page headings/titles */
.title { padding: 10px 0; float: left; width: 100% }

h2
{
	width: 100%;
	font-size: 2.6em;
	font-weight: normal;
	float: left;
	color: #94d2bb;
}

h3
{

}

/*  */
h4
{
	width: 100%;
	font-size: 1.8em;
	color: #94d2bb;
	float: left;
}

/* Property Info titles */
h5
{
	width: 100%;
	font-size: 1.3em;
	color: #94d2bb;
	float: left;
}

/* Accordion */
h6
{
	float: left;
}

p { font-size: 1.1em; float: left; }
span{ font-size: 1.1em; }

ul { list-style: none; }

address
{
	font-size: 1.1em;
	font-style: normal;
	float: left;
}

pre,code { font-size:1em }

img, div, a, em, span { behavior: url(/htc/iepngfix.htc) }

blockquote
{
	width: 100%;
	font-size: 1.6em;
	color: #95d2bb;
	float: left;
}

/* Custom classes */
.clear { clear: both; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-left-10 { padding-left: 10px; }
.padding-right-10 { padding-right: 10px; }

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }

a.sml-button
{
	width: 59px;
	height: 21px;
	font-size: 1.2em;
	text-indent: -3px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	float: left;
	padding-top: 2px;
	background: url('/images/button_sml.png') no-repeat left top;
}

	a.sml-button:hover,
	a.sml-button-active
	{
		width: 59px;
		height: 21px;
		font-size: 1.2em;
		text-indent: -3px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		float: left;
		padding-top: 2px;
		cursor: pointer;
		background: url('/images/button_sml_over.png') no-repeat left top;
	}

a.med-button
{
	width: 84px;
	height: 21px;
	font-size: 1.2em;
	text-indent: -3px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	float: left;
	padding-top: 2px;
	background: url('/images/button_med.gif') no-repeat left top;
}

	a.med-button:hover,
	a.med-button-active
	{
		width: 84px;
		height: 21px;
		font-size: 1.2em;
		text-indent: -3px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		float: left;
		padding-top: 2px;
		cursor: pointer;
		background: url('/images/button_med_over.gif') no-repeat left top;
	}
	
a.lrg-button
{
	width: 150px;
	height: 21px;
	font-size: 1.2em;
	text-indent: -3px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	float: left;
	padding-top: 2px;
	background: url('/images/button_lrg.png') no-repeat left top;
}

	a.lrg-button:hover,
	a.lrg-button-active
	{
		width: 150px;
		height: 21px;
		font-size: 1.2em;
		text-indent: -3px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		float: left;
		padding-top: 2px;
		cursor: pointer;
		background: url('/images/button_lrg_over.png') no-repeat left top;
	}
	
span.button-l
{
	height: 21px;
	text-decoration: none;
	float: left;
	padding: 2px 10px 0 0;
	cursor: pointer;
	/*background: url('/images/button_l.png') no-repeat left top !important;*/
	background: url('/images/button_l.gif') no-repeat left top;
}

span.button-r
{
	width: 15px;
	height: 21px;
	float: left;
	padding: 5px 0x;
	/*background: url('/images/button_r.png') no-repeat left top !important;*/
	background: url('/images/button_r.gif') no-repeat left top;
}

a.button
{
	font-size: 1.1em;
	text-align: center;
	color: #fff;
	float: left;
}

	a.button span.button-l
	{
		text-indent: 20px;
	}

	a.button:hover span.button-l
	{
		/*background: url('/images/button_l_over.png') no-repeat left top !important;*/
		background: url('/images/button_l_over.gif') no-repeat left top;
	}
	
	a.button:hover span.button-r
	{
		/*background: url('/images/button_r_over.png') no-repeat left top !important;*/
		background: url('/images/button_r_over.gif') no-repeat left top;
	}
	
.admin-link
{
	position: absolute;
	top: 20px;
	right: 150px;	
}

/* Page Layout */
#page-container
{
	width: 100%;
	float: left;
}

	#header-container
	{
		width: 780px;
		margin: 0 auto;	
	}
	
		#header
		{
			width: 770px;
			float: left;
			padding: 25px 0 25px 10px;
		}
		
			#header div.contact
			{
				width: 315px;
				float: right;
				padding: 5px 10px 0 0;
			}
			
			    #header div.contact h3
			    {
			        font-size: 1.8em;
				    font-weight: normal;
				    color: #94d2bb;
				    float: left;
			    }
			    
			    #header div.contact h3.phone
			    {
			        float: right;
			    }
		
		ul#navigation
		{
			width: 780px;
			float: left;
			display: inline;
		}

			ul#navigation li
			{
				display: inline;
			}
	
				ul#navigation li a
				{
					font-size: 1.3em;
					color: #fff;
					padding: 7px 0;
					text-align:center;
					float: left;
					background-color: #4c433c;
					margin-right: 2px;
					border-bottom: 2px solid #382e26;
				}
				
					ul#navigation li a:hover
					{
						color: #000;
						background-color: #95d2bb;
					}
				
				a.nav-about { width: 130px }
				a.nav-news { width: 120px }
				a.nav-local { width: 120px }
				a.nav-spaces { width: 95px }
				a.nav-booking { width: 160px; }
				a.nav-tariff { width: 53px }
				a.nav-contact { width: 90px; }
				
				ul#navigation li.active a
				{
					color: #000;
					float: left;
					background-color: #95d2bb;
					margin-right: 2px;
					border-bottom: 2px solid #95d2bb;
				}
				
					ul#navigation li.active a:hover
					{
						color: #fff;
					}
				
		#subnav-container
		{
			width: 750px;
			min-height: 17px;
			color: #fff;
			float: left;
			padding: 8px 10px 8px 20px;
			background: #94d2bb;
		}
		
			#subnav-container ul#subnav
			{
				width: 100%;
				float: left;
			}

				ul#subnav li
				{
					font-size: 1.3em;
					color: #362c24;
					float: left;
					padding-right: 10px;
				}

					ul#subnav li a
					{
						color: #fff;
					}
					
						ul#subnav li a:hover
						{
							color: #362c24;
						}
			
	#content-container
	{
		width: 100%;
		float: left;
	}
	
		#content-container-center
		{
			width: 780px;
			margin: 0 auto;
		}
		
			#content-container-center table
			{
				float: left;
			}

			#content-container-center .content-1-2,
			#content-container-center .content-2-2
			{
				float: left;
				width: 50%;
			}

	#footer-container
	{
		width: 780px;
		margin: 0 auto;	
	}
	
		#footer
		{
			width: 100%;
			float: left;
			padding: 20px 10px 10px 10px;	
		}
		
		#footer span
		{
			width: 350px;
			float: left;
		}
		
		#footer a
		{
			color: #fff;	
		}

			#footer a:hover
			{
				color: #94d2bb;	
			}
			
			#footer a.highlight
			{
				color: #94d2bb;	
				text-decoration: underline;
			}
			
		#footer ul
		{
			float: right;
			padding-right: 10px;
		}

			#footer li
			{
				font-size: 1.1em;
				float: left;
				padding-left: 10px;
			}

		.credits
		{
			width: 760px;
			text-align: right;
			padding: 5px 10px 0 10px;
		}
		
/* Search */
#search-header
{
	width: 100%;
	height: 1.7em;
	color: #fff;
	background: #94d2bb;
}

	#search-header p
	{
		width: 1px;
		font-size: 1.5em;
		float: left;
	}

	#search-header a#toggle-show,
	#search-header a#toggle-hide
	{
		font-size: 1.2em;
		color: #fff;
		float: right;
		text-indent: 15px;
	}

	#search-header a#toggle-show { background: url('/images/search_show.gif') no-repeat left top; }
	#search-header a#toggle-hide { background: url('/images/search_hide.gif') no-repeat left top; }
	
#search
{
	width: 100%;
	float: left;
	background: #94d2bb;
}

	#search p
	{
		width: 185px;
		font-size: 1.5em;
		float: left;
	}
	
		#search .content-1
		{
			padding-right: 60px;
		}
		
		#search .content-2
		{
			padding: 0 250px 5px 0;
		}
		
		#search p span
		{
			width: 185px;
			float: left;
		}
		
		#search ul
		{
			width: 185px;
			font-size: 1.5em;
			float: left;
		}
		
			#search ul li
			{
				width: 40px;
				float: left;
			}
		
				#search ul li a
				{
					width: 30px;
					color: #fff;
					text-align: center;
					float: left;
					padding: 3px 0;
					background-color: #94d2bb;
					border: solid 1px #fff;
				}

					#search ul li a.active,
					#search ul li a:hover
					{
						width: 30px;
						color: #94d2bb;
						text-align: center;
						float: left;
						padding: 3px 0;
						background-color: #fff;
					}

/* Form */
input, select, .textarea
{
	font-family: Arial, Helvetica;
	font-size: 1.1em;
}

fieldset
{
	width: 100%;
	float: left;
	border: none;
}

dl
{
	width: 100%;
	float: left;
	margin: 0;
}
	
dt
{
	width: 100%;
	float: left;
	padding-bottom: 5px;
}

fieldset .input_l  { /*default styling*/ }

fieldset .input_r  { /*default styling*/ }

fieldset .input input
{
	/*default styling*/
	float:left;
	color: #828282;
	padding-top: 4px;
}
fieldset .input select
{
	/*default styling*/
	float:left;
	color: #828282;
}
fieldset .input select option
{
	/*default styling*/
	color: #828282;
}

fieldset .textarea /*default styling */
{
	width: 295px;
	height: 95px;
	border: 0;
	padding: 5px 0px 5px 5px;
	color: #828282;
	font-size: 1.3em;
}

fieldset .checkbox
{
	float: left;
	margin-left: 5px;
}

fieldset label
{
	font-size: 1.2em;
	color: #94d2bb;
	padding: 2px 0 0 5px;
	vertical-align: top;
}

#address-form
{
	padding-top: 10px;	
}

.sml-text-input { width: 100px; }
.med-text-input { width: 170px; }
.lrg-text-input { width: 295px; }

.validation-container
{
	width: 100%;
	font-size: 1.1em;
	color: Red;
	float: left;
	padding-bottom: 10px;
}

/* Homepage */
.home
{
	width: 780px;
	height: 492px;
	position: relative;	
	background: url('/images/home_bg.jpg') no-repeat left top;
}

	h6.main-heading
	{
		width: 650px;
		font-size: 3.5em;
		color: #fff;
		float: left;
		margin: 70px 0 0 130px !important;
		margin/**/:/**/ 70px 0 0 65px;
	}

	.home em
	{
		width: 505px;
		font-size: 1.6em;
		font-style: normal;
		color: #fff;
		float: left;
		margin-left: 135px;
		padding: 5px;
		background: url('/images/transp_bg.png') repeat left top !important;
		background/**/:/**/ url('/images/transp_bg.gif') repeat left top;
	}
	
		.home em span
		{
			font-size: 1em;
		}
	
	.video-link
	{
		font-style: normal;
		font-size: 1.6em;
		color: #fff;
		float: left;
		margin-top: 10px;
		margin-left: 135px;
		padding: 5px;
		background: none;
		background-color: #94d2bb;
	}
	
		.video-link a
		{
			color: #fff;
		}
	
	.home-ticker-container
	{
		width: 780px;
		margin: 0 auto;
	}
	
		.scroll-left
		{
			width: 28px;
			height: 20px;
			float: left;
			background: url('/images/scroll_left.png') repeat-y left top;
		}
	
		.scroll-right
		{
			width: 28px;
			height: 20px;
			float: left;
			background: url('/images/scroll_right.png') repeat-y left top;
		}
	
		.home-ticker
		{
			width: 780px;
			height: 20px;
			overflow: hidden;
			/*background: url('/images/scroll_bg.png') repeat-y left top;*/
		}

			.home-ticker span
			{
				width: 780px;
				font-size: 0.9em;
				color: #94d2bb;
				float: left;
				z-index: -1;
				padding-top: 3px;
			}

#feature-boxes
{
	width: 760px;
	position: absolute;
	top: 355px;
	left: 0;
	padding: 0 10px;
}
	
	div.feature-box
	{
		width: 210px;
		height: 118px;
		float: left;
		padding: 5px 10px;
		background: url('/images/box_bg.png') repeat left top !important;
		background/**/:/**/ url('/images/transp_bg.gif') repeat left top;
	}
	
	#feature-boxes #feature-1,
	#feature-boxes #feature-2
	{
		margin-right: 35px;	
	}

	div.feature-box img
	{
		float: left;	
	}
	
	div.feature-box h4
	{
		width: 200px;
		padding-bottom: 5px;
	}
	
	div.feature-box p
	{
		width: 200px;
	}
	
	a.featured-property-link
	{
		color: #fff;	
	}

		a.featured-property-link:hover
		{
			color: #94d2bb;
		}
		
	#newsletter
	{
		position: relative;	
	}
	
		#newsletter div
		{
			float: left;
			padding: 5px 0;
		}
		
		#newsletter h4
		{
			line-height: 30px;
		}
		
		#newsletter a
		{
			position: absolute;
			left: 190px;
			top: 85px;
		}
		
			
/* News */
.content-1-2-news
{
	float: left;
	width: 415px;
	padding: 0 25px;
}

	.content-1-2-news h2 { margin: 40px 0 30px 0 }

	#news-accordion
	{
		width: 475px;
		float: left;
	}

	#news-accordion h4,
	#news-accordion p
	{
		float: none;	
	}

	#news-accordion h6
	{
		width: 455px;
	    margin: 0;
	    font-size: 1.4em;
	    color: #362c24;
	    float: left;
	    margin-bottom: 1px;
	    padding: 5px 10px;
	    background-color: #79726c;
	    cursor: pointer;
	}

	.news-element
	{
		width: 415px;
		float: left;
		padding: 10px 30px 10px 30px;
	}
	
		.news-element p
		{
			width: 100%;
			padding: 10px 0;
		}
		
		.news-element img
		{
			padding: 5px;
		}
		
	.news-pagination
	{
		width: 470px;
		float: left;
		padding-top: 10px;
	}
	
		.news-pagination a.right
		{
			float: right;
		}
	
.content-2-2-news
{
	width: 235px;
	float: right;
}

	.content-2-2-news div
	{
		width: 215px;
		float: left;
		padding: 10px;
		margin-top: 30px;
		background: url('/images/box_bg.png') repeat left top !important;
		background/**/:/**/ url('/images/transp_bg.png') repeat left top;
	}

		.content-2-2-news div div
		{
			float: left;
			padding: 0;
			margin: 0;
			background: none;
		}

		.content-2-2-news div h2 { margin-bottom: 10px }
		.content-2-2-news div blockquote
		{
			width: 100%;
			font-size: 1.1em;
			color: #fff;
			float: left;
			padding-left: 3px;
		}
		
		.content-2-2-news div .visitor-info
		{
			width: 100%;
			color: 	#95d2bb;
			float: left;
			padding: 10px 0 15px 3px;
		}
	
/* Testimonials */
.content-1-2-testimonials
{
	width: 320px;
	float: left;
	padding-left: 10px;
}

.content-2-2-testimonials
{
	width: 320px;
	float: right;
	padding-right: 20px;
}

	.content-1-2-testimonials blockquote,
	.content-2-2-testimonials blockquote
	{
		padding-top: 40px;
	}

		span.visitor
		{
			width: 100%;
			color: #fff;
			float: left;
			padding-bottom: 10px;
			border-bottom: solid 1px #544c45;
		}
	
	.content-1-2-testimonials a,
	.content-2-2-testimonials a
	{
		margin-top: 10px;
	}

/* Content Accordion */
#content-accordion-1,
#content-accordion-2
{
	width: 372px;
	float: left;
	padding-top: 30px;
}

#content-accordion-1 p,
#content-accordion-2 p
{
	float: none;	
}

#content-accordion-1 h6,
#content-accordion-2 h6
{
	width: 352px;
    margin: 0;
    font-size: 1.4em;
    color: #362c24;
    float: left;
    margin-bottom: 1px;
    padding: 5px 10px;
    background-color: #79726c;
    cursor: pointer;
}

.content-accordion-element
{
	width: 347px;
	float: left;
	padding: 10px 15px 30px 10px;
}

	.content-accordion-element p
	{
		width: 100%;
		padding: 10px 0;
	}
	
	.content-accordion-element img
	{
		width: 324px;
		height: 126px;
		padding: 10px 0 0 8px;
	}

/* About */
.content-1-1-about
{
	width: 359px;
	float: left;
	padding: 35px 40px 0 10px;
}

	.content-1-1-about p
	{
		float: left;
		padding: 10px 0;
	}
	
.content-1-2-about
{
	width: 371px;
	float: right;
	padding-top: 30px;
}

	.content-1-2-about p
	{
		width: 341px;
		font-size: 1.8em;
		float: left;
		padding: 15px;
		background-color: #4e453e;
	}

/* Golf */
.content-1-1-golf,
.content-2-1-golf
{
	width: 100%;
	float: left;
}

	.content-1-2-golf
	{
		width: 372px;
		float: left;
	}

		.content-1-2-golf p
		{
			width: 100%;
			float: left;
		}

		.content-1-2-golf blockquote
		{
			width: 320px;
			padding: 40px 10px 0 10px;
		}
		
		.content-1-2-golf span
		{
			padding: 0 15px;
		}
		
	.content-2-2-golf
	{
		width: 372px;
		float: right;
	}

		.content-2-2-golf img
		{
			width: 178px;
			height: 119px;
			float: left;
			padding-top: 40px;
		}
		
		.content-2-2-golf h4
		{
			width: 340px;
			margin: 10px 0 0 15px !important;
			margin/**/:/**/ 10px 0 0 7px;
		}	
		
.golf-detail
{
	width: 100%;
	float: left;
}

	.golf-detail a
	{
		float: left;
	}
	
	.golf-detail span
	{
		font-size: 1.4em;
		padding: 0 20px 0 0;
		color: #94d2bb;
	}

/* Bude */
.content-1-1-bude
{
	float: left;
	width: 780px;
	padding-top: 30px;
}

	.content-1-1-bude blockquote
	{
		font-size: 2em;
		float: left;
	}
	
	.content-1-1-bude p
	{
		width: 100%;
	}

	.content-1-2-bude
	{
		float: left;
		width: 349px;
		padding: 0 50px 0 10px;
	}
	
		.content-1-2-bude p
		{
			padding: 10px 0;
		}

	.content-2-2-bude
	{
		float: left;
		width: 371px;
	}
		
		.content-2-2-bude blockquote
		{
			margin: 10px 0;
			width: 90%;
		}
		
		.content-2-2-bude .info
		{
			float: left;
			width: 226px;
			padding: 10px 75px 10px 70px;
			background: url('/images/bude/info_bg.gif') no-repeat left top;
		}
		
			.content-2-2-bude .info p.para
			{
				padding-top: 10px;
			}
			
/* Local info generic */
.content-1-1-localinfo
{
	float: left;
	width: 760px;
	padding: 20px 10px 0 10px;
}

	.content-1-1-localinfo blockquote
	{
		font-size: 1.8em;
		float: left;
	}
	
	.content-1-1-localinfo p
	{
		color: #fff;
		font-size: 1.8em;
	}
	
.content-2-1-localinfo
{
	width: 100%;
	float: left;
}

	.content-1-2-localinfo
	{
		width: 372px;
		float: left;
	}

		.content-1-2-localinfo p
		{
			width: 100%;
			float: left;
		}

		.content-1-2-localinfo span
		{
			padding: 0 15px;
		}
		
	.content-2-2-localinfo
	{
		width: 372px;
		float: right;
	}

/* Eat */
.content-1-1-eat
{
	float: left;
	width: 760px;
	padding: 20px 10px 0 10px;
}

	.content-1-2-eat
	{
		width: 350px;
		float: left;
	}

	.content-2-2-eat
	{
		width: 350px;
		float: right;
		padding-right: 20px;
	}

		.content-1-2-eat h4,
		.content-2-2-eat h4
		{
			margin-top: 10px;
		}
		
		.content-1-2-eat p,
		.content-2-2-eat p
		{
			width: 100%;
			float: left;
			padding: 10px 0;
		}

			.content-1-2-eat p span,
			.content-2-2-eat p span
			{
				width: 100%;
				font-size: 1.4em;
				color: #94d2bb;
				float: left;
			}

		p.bottom-border
		{
			border-bottom: solid 1px #544c45;
		}


/* Campaign */
.content-1-1-campaign
{
	width: 780px;
	float: left;
	padding-top: 125px;
	background: url('/images/campaign_bg.png') no-repeat left top;
}

	.content-1-1-campaign blockquote
	{
		font-size: 2em;
		float: left;
	}
	
	.content-1-1-campaign p
	{
		width: 100%;
	}
	
.content-1-2-campaign
{
	float: left;
	width: 349px;
	padding: 0 50px 0 10px;
}

	.content-1-2-campaign p
	{
		padding: 10px 0;
	}

.content-2-2-campaign
{
	float: left;
	width: 371px;
}

	.content-2-2-campaign p
	{
		padding: 0 0 10px 0;
	}
	
/* Tariff */
.content-1-1-tariff
{
	width: 780px;
	float: left;
	padding-top: 20px;
}
	
	.tariff-1
	{
		width: 370px;
		float: left;
		padding: 5px 0 5px 10px;
		border-bottom: solid 1px #544c45;
	}
	
	.tariff-2
	{
		width: 370px;
		float: right;
		padding: 5px 0 5px 10px;
		border-bottom: solid 1px #544c45;
	}
	
		.tariff-1 p,
		.tariff-2 p
		{
			width: 140px;
			font-size: 1.5em;
			color: #94d2bb;
			padding: 2px 0 5px 0;
		}
		
		.tariff-1 a,
		.tariff-2 a
		{
			float: left;
			margin-left: 10px;
		}
		
/* Contact */
.content-1-2-contact
{
	width: 330px;
	float: left;
	padding: 40px 0 0 35px;
}

	.content-1-2-contact h2
	{
		width: 300px;
	}

	.content-1-2-contact p
	{
		width: 100%;
		padding-top: 10px;
	}
	
	.content-1-2-contact fieldset
	{
		padding-top: 20px;	
	}
	
		.content-1-2-contact fieldset dd
		{
			font-size: 1.2em;
			color: #94d2bb;
			float: left;
			margin: 0;
			padding: 0 10px 5px 5px;
		}
		
		.content-1-2-contact fieldset .input input
		{
			width: 295px;
			padding: 4px 0 5px 0;
		}
		
.content-2-2-contact
{
	width: 375px;
	float: left;
	padding: 25px 0 0 40px;
}

	.content-2-2-contact strong
	{
		width: 305px;
		font-size: 2.6em;
		font-weight: normal;
		float: left;
		color: #94d2bb;
	}

	.content-2-2-contact div.content-2-2-1-contact
	{
		width: 325px;
		float: left;
		padding: 15px 25px;
		margin-bottom: 20px;
		background: url('/images/box_bg.png') repeat left top !important;
		background/**/:/**/ url('/images/transp_bg.png') repeat left top;
	}
	
		.content-2-2-contact div.content-2-2-1-contact p
		{
			padding-top: 5px;
		}
	
		.content-2-2-contact div.content-2-2-1-contact a.button
		{
			float: right;
			margin-top: 10px;
		}
		
	.content-2-2-contact address
	{
		width: 100%;
		float: left;
		padding-top: 20px;
	}
	
	.content-2-2-contact .contact-map
	{
		width: 100%;
		float: left;
		padding-top: 20px;
	}
	
		.content-2-2-contact .contact-map img
		{
			float: left;
		}
		
		.content-2-2-contact .contact-map p
		{
			width: 215px;
			float: left;
			padding-left: 10px;
		}
		
			.content-2-2-contact .contact-map p a
			{
				float: right;
				margin-top: 10px;
			}

/* Sign Up */
.content-1-1-signup
{
	width: 720px;
	float: left;
	padding: 40px 25px 25px 35px;		
}

	.content-1-1-signup p
	{
		font-size: 1.6em;	
	}
	
.content-1-2-signup
{
	width: 330px;
	float: left;
	padding-left: 35px;
}

	.content-1-2-signup strong
	{
		font-size: 1.6em;
		font-weight: normal;
		float: left;
		padding-bottom: 25px;
	}

	.content-1-2-signup p
	{
		float: left;
		padding-top: 20px;
	}

.content-2-2-signup
{
	width: 375px;
	float: right;
}

/* FAQ */
.content-1-1-faq,
.content-2-1-faq
{
	width: 780px;
	float: left;
}

	.content-1-1-faq p
	{
		padding: 20px 10px 0 10px;	
	}

	.content-1-2-faq
	{
		width: 372px;
		float: left;
	}

	.content-2-2-faq
	{
		width: 372px;
		float: right;
	}
	
/* Error pages */
.content-error
{
	width: 100%;
	float: left;
	padding: 40px 20px 0 20px;	
}

	.content-error p
	{
		width: 100%;
		float: left;
		padding: 10px 0 0 0;
	}
	
	.content-error ul
	{
		font-size: 1.1em;
		float: left;
		padding: 10px 0;
	}

.content-generic
{
	width: 740px;
	float: left;
	padding: 40px 20px 0 20px;	
}

	.content-generic div
	{
		float: left;
	}

	.content-generic h2
	{
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}
	
	.content-generic h4
	{
		width: 710px;
		float: left;
		margin-bottom: 5px;
	}
	
	.content-generic p
	{
		width: 710px;
		float: left;
	}
	
	.content-generic ul
	{
		width: 710px;
		font-size: 1.1em;
		float: left;
		list-style-type: decimal;
		padding-left: 30px;
	}

	ol
	{
		width: 710px;
		font-size: 1.1em;
		float: left;
		padding-left: 30px;
	}

/* Video lightbox */
#breakwater-video
{
	width: 732px;
	padding: 30px 0;
	margin: 0 auto;
}

	.video-otherplayers
	{
		width: 700px;
		float: left;
		padding: 10px 0;
	}
	
		.video-otherplayers span
		{
			font-size: 1.1em;
			float: left;
			padding: 3px 10px 0 0;
		}
	
		.video-otherplayers a
		{
			margin-right: 10px;
		}

/* Non-javascript */
#no-javascript
{
	width: 770px;
	height: 57px;
	font-size: 1.5em;
	color: #474747;
	position: absolute;
	top: 130px;
	left: 237px;
	padding: 15px 0 5px 10px;
	background-color: #94d2bb;
}

	#no-javascript a { color: #fff; padding-right: 10px; }
	#no-javascript a:hover { color: #474747; }