@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Reduces 16px browser default to 10px, so now 1em is 10px, 1.2em is 12px etc */
	background-color: #f2f2f2;
	background-image:url(../headings/background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#mainContent a:link, #mainContent a:visited {color:#900;text-decoration:none;font-weight:bold;}
#mainContent a:hover {color:#F00;text-decoration:underline;font-weight:bold;}
#mainContent a:active {color:#F00;text-decoration:underline;font-weight:bold;}

.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
.floatright {float:right;}
.floatleft {float:left;}

#container {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:15px;
}

#header {
	height:118px;
	background-color:none;
	background-image:url(../headings/logo3.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom: 1px solid #FC9;
}

#mainContent {
	padding: 0 20px;
	padding-top:15px;
	background: #FFFFFF;
	font-size: 1.1em; /*11pt*/
	border-left: 1px solid #FC9;
	border-right: 1px solid #FC9;
}

#mainContent p#backtohome {margin:0;padding:10px 0;}

#FlashAccordionHolder {}
#flashImage {	float:left;	width:515px;}
#boxes {clear:both;margin-top:10px;position:relative;}

#insured {
	background: url(../headings/insured.jpg) no-repeat top left;
	height:92px;
	float:left;
	width: 191px;
	margin-right:17px;
}
#insured p {padding:45px 72px 0 9px;margin:0;}

#trusted {
	background: url(../headings/trusted.jpg) no-repeat top left;
	height:96px;
	float:left;
	position:absolute;
	top:97px;
	left:0px;
	width: 191px;
	padding-top:41px;
}
#marquee {width:182px; height:53px; margin-left:6px; overflow:auto;}
#marquee p.spacer{height:70px;}
#marquee .testimonial {color:#600; font-style:italic;}

#approved {
	background: url(../headings/approved.jpg) no-repeat top left;
	height:170px;
	float:left;
	width: 313px;
	margin-right:17px;
	padding-top:45px;
}
#approved p {padding:0px 5px 0 9px;margin:0;}
#approved #brettlogo {float:right; margin:10px 5px 4px 4px; border: 1px solid #000;}

#contactus {
	background: url(../headings/contactus.jpg) no-repeat top left;
	height:165px;
	float:left;
	width: 396px;
	padding-top:45px;
}
#contactus p {padding:0px 5px 0 10px;margin:12px 0;}
.telnumber {font-size:1.3em; color:#900;font-weight:bold;}
.address {color:#900;font-weight:bold;}

#form-container {margin:0;}
#form-container fieldset {margin:0;padding:0;}

#form-container .form-label {
float:left;
width: 100px;
padding-left:15px;
padding-top:3px;
}

#form-container .text-form {padding:5px 0 0 15px;font-weight:bold;}
#form-container .text-form-alt {padding-left:5px;font-weight:normal;}
#form-container .form-button {text-align:center;padding:0;margin:0;}
/* CSS to hide my hidden text field to prevent SPAM */
#quickquoteform fieldset #bait {visibility:hidden; display:none;}


#footer {
	margin: 0 0 10px 0;
	padding: 5px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#FFE2C6;
	border: 1px solid #d1d1d1;
	border-top:1px solid #FC9;
}

#footer p#copyright {
	margin: 0;
	padding: 0 0 0 10px;
	color:#C00;
}

#nautilusweb {
	float: right;
	width:50%;
	text-align:right;
	color:#000;
	font-size:0.9em;
}

#nautilusweb #siteby {margin:0 10px 0 0;}
#nautilusweb #siteby a:link, #nautilusweb #siteby a:visited {color:#03C;text-decoration:none;}
#nautilusweb #siteby a:hover {color:#06C;text-decoration:underline;}

#previousworkHolder {	text-align:center;padding-bottom:15px;margin-top:5px;}
#previousworkContent {
	width:900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the content on the page */
	background-color: #FFE2C6;
	border-left: 1px solid #600;
	border-right: 1px solid #600;
}
#previousworkContent p {margin:0;padding:0 20px 5px 20px;text-align:left;}

#imagegallery {
	padding-top:10px;
	margin-left: 16px;
	margin-right: 16px;
	text-align:left;
}

#imagegallery img {margin:3px;border:1px solid #C00;padding:1px;background-color:#FFF;}
#imagegallery img:hover {
	padding:0;
	border:2px solid #C00;
	opacity:.50; 										/* CSS3 opacity (Firefox 2+ / Safari */
	-ms-filter:"alpha(opacity=50)";	/* IE8 opacity - this MUST preceed IE7 filter for IE8 beta to work. */
	filter:alpha(opacity=50);				/* IE7 & IE6 opacity */
	cursor:pointer; 
}
#ie6Warning {
		background: #FF9;	border: 1px solid #bbb;
		padding: 3px 30px 3px 30px;	margin-bottom: 10px;
		text-align:left;
		}
#ie6Warning h2 {background: url(http://www.nautilusweb.co.uk/images_nautilus/warning.gif) 0 50% no-repeat;
padding: 5px 0 5px 40px; text-align:left;}