@charset "utf-8";

body {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
}
.clear {clear: both; display:block; visibility:hidden; height:0; border-width:0; margin:0; padding:0; overflow: hidden;}
p {margin-top: 15px; font-family: Verdana, Arial; font-size: 12px; color: #ccc;}
h1 {font-family: Verdana, Arial; font-size: 16px; color: #ccc; line-height: 20px; text-align: left;}
h2 {font-family: Verdana, Arial; font-size: 14px; color: #ccc; line-height: 17px; text-align: left;}
	h2 a {font-family: Verdana, Arial; font-size: 14px; color: #ccc; line-height: 17px;}
h3 {font-family: Verdana, Arial; font-size: 12px; color: #ccc; text-align: left; margin: 0px 0px 8px 0px; padding: 0px;}


#outershadowbox {
	margin: 0 auto; width: 1024px;
	background: url(images/general/bg-main.gif) repeat-y top;
	height: 100%;
}

	#container {
		margin: 0 auto;
		width: 1000px;
		font-family: Verdana, Arial; font-size: 12px; color: #000;
		background-color: #111;
		height: 100%;
	}
	
		/* Header */
		/* ====== */
		#header {width: 1000px; height: 150px; margin: 0px; position: relative; border-bottom: 1px solid #111; background-color: #000;}
			#logo {float: left; margin: 20px 0px 0px 0px; height: 100px; width: 258px; display: inline;}
			#strapline {position:absolute; right: 20px; top: 85px; width: 500px; height: 30px; text-align: right;}
			#strapline h1 {font-family: Verdana, Arial; font-size: 12px; color: #fff; margin: 0px; padding: 0px; text-align: right;}

		
		/* Left Sided Top Content */
		/* ======================= */	
		#content-left {float: left; width: 200px; min-height: 400px; height: auto !important; height: 400px; display: inline; background: #111;}
		
			/* Nav */
			/* === */
			#nav {width: 200px; margin: 0px; padding: 0px; text-align: left; float: left; display: inline;}
				#nav ul {
					margin: 0px; padding: 0px; list-style-type: none;
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;		
				}
				#nav ul li {margin: 0px; padding: 0px;}
				#nav li a{
					float: left;
										text-decoration: none;
					margin: 0px;
					width: 180px;
					padding: 9px 0px 9px 20px; /*padding inside each tab*/
					border-bottom: 1px dashed #444; /*right divider between tabs*/
					color: white;
					background: #111; /*background of tabs (default state)*/
				}
				#nav li a:hover, #nav li.selected a{
					color: #ffffff;
					background: url(images/general/navarrow.gif) left center no-repeat #C02626;
				}
				#facebook {float: left; width: 180px; margin: 0px; padding: 20px 0px 0px 20px;}
				#facebook img {border: 1px solid #666;}
			
				
		/* Right Sided Content */
		/* ======================= */
		#content-right {float: right; width: 800px; min-height: 450px; height: auto !important; height: 450px; display: inline; background-color: #000;}
		
			#imgheader {width: 800px; text-align: center; margin: 0px 0px 20px 0px;}
			#imgheader .imgstyling {border: 1px solid #fff;}

	
			/* General */
			/* ======= */
			#content {
				width: 740px; min-height: 500px; height: auto !important; height: 500px; float: left; display: inline;
				margin: 0px 30px 0px 30px; padding: 0px; text-align: left;
				font-family: Verdana, Arial; font-size: 11px; color: #999;		
			}
				#content h1 {font-family: Verdana, Arial; font-size: 14px; color: #CCCCCC; margin: 0px 0px 20px 0px; padding: 0px;}
				#content h2 {font-family: Verdana, Arial; font-size: 11px; color: #fff; margin: 0px 0px 5px 0px; padding: 0px;}				
				#content p {font-family: Verdana, Arial; font-size: 11px; color: #ccc; margin: 0px 0px 20px 0px; text-align: justify;}		
				#content p a {font-family: Verdana, Arial; font-size: 11px; color: #C02626; text-decoration: none;}
				#content p a:hover {font-family: Verdana, Arial; font-size: 11px; color: #C02626; text-decoration: underline;}
				#content ul {}
				#content ul li {font-family: Verdana, Arial; font-size: 11px; color: #ccc; margin: 0px; padding: 5px;}
				#flashcontent {width: 740px; height: 600px; margin-bottom: 20px; font-family: Verdana, Arial; font-size: 11px; color: #fff; text-decoration: none;}			
				
					.pricebox {width: 700px; padding: 20px 20px 0px 20px; margin: 0px 0px 20px 0px; border: 1px solid #666; background-color: #333;}
					.testbox {position: relative; width: 650px; padding: 20px 45px 0px 45px; margin: 0px 0px 20px 0px; border: 1px solid #666; background-color: #333;}
					.testbox .openquote {position: absolute; top: 0px; left: 0px; width: 36px; height: 36px; background: url(images/testimonials/openquote.gif) no-repeat;}
					.testbox .closequote {position: absolute; bottom: 0px; right: 0px; width: 36px; height: 36px; background: url(images/testimonials/closequote.gif) no-repeat;}
					.friendbox {width: 700px; padding: 20px 20px 0px 20px; margin: 0px 0px 20px 0px; border: 1px solid #666; background-color: #333;}
					.friendbox img {border: 1px solid #ccc; margin: 0px 0px 5px 0px;}
					#clientloginpwd {width: 420px; padding: 20px; margin: 0px 0px 20px 0px; border: 1px solid #666; background-color: #333;}
						.pwdbox {
							width: 100px !important; height: 12px !important; display: inline !important;
							padding: 4px !important; margin: 0px 0px 10px 0px;
							font-family: Verdana, Arial !important; font-size: 11px !important;			
							background-color: #999 !important; color: #000 !important;
							border: 1px solid #ccc !important;
							text-align: center !important;
						}
						.pwdbutton {display: inline !important; margin: 0px 0px 0px 10px;}						
						.clientimgbox {float: left; width: 180px; height: 180px; padding: 20px; margin: 0px 23px 23px 0px; border: 1px solid #666; background-color: #333;}							
						.contactbox {width: 700px; padding: 20px 20px 0px 20px; margin: 0px 0px 20px 0px; border: 1px solid #666; background-color: #333;}
						/* used on contact page and booking form */
						.fieldrow {float: left; width: 650px; display: inline; margin: 0px 0px 10px 0px; padding: 0px;}
						
						.formlabel {
							float: left; margin: 0px 15px 0px 0px; padding: 5px 0px 0px 0px;
							font-family: Verdana, Arial;
							font-size: 11px; color: #ccc; text-decoration: none;
							display: block; width: 220px;
						}
						.formlabel .tiny {font-family: Tahoma, Verdana, sans-serif; font-size: 9px; color: #fff;}
						.formfield-general {
							float: left !important; width: 232px !important; height: 16px !important; display: inline !important;
							padding: 4px !important; margin: 0px;
							font-family: Verdana, Arial !important; font-size: 11px !important;			
							background-color: #999 !important; color: #000 !important;
							border: 1px solid #ccc !important;
						}
						.formfield-dropdowns {
							float: left !important; height: 24px !important; display: inline !important;
							padding: 4px !important; margin: 0px;
							font-family: Verdana, Arial !important; font-size: 11px !important;			
							background-color: #999 !important; color: #000 !important;
							border: 1px solid #ccc !important;
						}				
						.formfield-message {
							float: left !important; width: 400px !important; height: 140px !important; display: inline !important;
							padding: 4px !important; margin: 0px !important;
							font-family: Verdana, Arial !important; font-size: 11px !important;				
							background-color: #999 !important; color: #000 !important;
							border: 1px solid #ccc !important;
							overflow: auto !important;
						}
						.fieldrowsubmit {float: left; display: inline; margin: 0px 0px 20px 233px; padding: 0px; text-align: left;}
						
						
			/* Proofing */
			/* ======== */
			#wrapper {
				width: 740px; min-height: 500px; height: auto !important; height: 500px; float: left; display: inline;
				margin: 0px 30px 0px 30px; padding: 0px; text-align: left;
				font-family: Verdana, Arial; font-size: 11px; color: #ccc; 
			}
				#wrapper a {font-family: Verdana, Arial; font-size: 11px; color: #C02626; text-decoration: none;}	
				#wrapper a:hover {font-family: Verdana, Arial; font-size: 11px; color: #C02626; text-decoration: underline;}	
	

		/* Associations */
		/* ============ */
		#assoc {
			padding: 10px; width: 980px; text-align: center;
			background-color: #000;	
			font-family: Verdana, Arial; font-size: 10px; color: #fff; text-align: center;
			border-top: 1px solid #111;			
		}
			#assoc a {font-family: Verdana, Arial; font-size: 10px; color: #fff; text-decoration: none;}
			#assoc a:hover {font-family: Verdana, Arial; font-size: 10px; color: #C02626; text-decoration: none;}
			#assoc h2 {font-family: Verdana, Arial; font-size: 11px; color: #ccc; margin: 0px 0px 5px 0px; padding: 0px; text-align: center;}
			#assoc img {margin: 10px; border: 1px solid #ffffff;}
			

		/* Copyright */
		/* ========= */
		#copy {
			padding: 10px; width: 980px; text-align: center;
			background-color: #000;	
			font-family: Verdana, Arial; font-size: 10px; color: #fff;
			border-top: 1px solid #111;
		}
			#copy a {font-family: Verdana, Arial; font-size: 10px; color: #fff; text-decoration: none;}
			#copy a:hover {font-family: Verdana, Arial; font-size: 10px; color: #C02626; text-decoration: none;}