@import url("reset.css");

html, body {
	background: #fff;
	height: 100%;
	color: #222;
	font-family: verdana, geneva, sans-serif;
}

#container {
	width: 800px;
	margin: 0 auto;
}

.wrapper { position: relative; }


/* Headings
----------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { 
	color: #111; 
	font-family: 'trebuchet ms', helvetica, sans-serif;
	margin: 0; padding: 0; 
	font-size: 100%; font-weight: bold;
}
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }


/* Links
----------------------------------------------------------------------------------------------*/
a           { color: #b7343a; }
a:link 		{}
a:visited 	{}
a:focus, 
a:hover     {}
a:active 	{}


/* Header
----------------------------------------------------------------------------------------------*/
header.main { 
	height: 100px;
	background: url("images/head_01.png") left top no-repeat; 
	margin-top: 1em;
}
#logo {
	text-indent: -9999px;
	overflow: hidden;
}


/* Main Navigation
----------------------------------------------------------------------------------------------*/
nav.main {
	position: absolute;
	right: 30px;
	top: 29px;
}
nav.main li {
	padding: 0; margin: 0;
}
nav.main a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 1.25em;
}
nav.main a:hover { color: #666; }
nav.main a span {
	padding: 0 0.5em;
	border-left: solid 3px #f60;
}
nav.main a:hover span { border-left-color: #666; }


/* Main Content
----------------------------------------------------------------------------------------------*/
section.main img.main, 
section.main object.main {
	float: left;
}
section.main .content {
	float: right;
	width: 400px; padding: 1em; margin-bottom: 1em;
	background: #f3f3f3;	
	border: solid 1px #d3d3d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000;
}
section.main .faq {
	float: center;
	width: 770px; padding: 1em; margin-bottom: 1em;
	background: #f3f3f3;	
	border: solid 1px #d3d3d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000;
}
section.main .aboutus {
	float: right;
	height: 400px;
	width: 400px; padding: 1em; margin-bottom: 1em;
	background: #f3f3f3;	
	border: solid 1px #d3d3d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000;
}
section.main .wrapper > h3 { 
	padding: 0 13px; 
	float: right;
	width: 400px; 
}


/* Contact Us Form
----------------------------------------------------------------------------------------------*/
.button {
	background: #e65600 url("images/backgrounds/wg50-0.png") left -25px repeat-x;
	text-decoration: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: solid 1px #f60;
	font-weight: bold;
	color: #fff;
	text-shadow: -1px -1px 0px #888;
	padding: 5px 10px;
	margin-left: 176px;
}
.button:hover { background-position: left center; }

li .instruct { display: block; padding-left: 155px; }
input, textarea { border: solid 1px inherit; }
#message { height: 100px; }

/* Misc Sections
----------------------------------------------------------------------------------------------*/
#newsfeed {
	float: right;
	width: 400px; padding: 1em;
	min-height: 83px;
	background: #e1e1e1;
	border: solid 1px #c1c1c1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000;
	margin: 0;
}
#newsfeed li {
	list-style-type: none;
}
#cta {
	float: left; width: 350px;
	padding: 1em 0;
	clear: left;
}
#cta h2 { 
	font-family:Verdana, Geneva, sans-serif; 
	font-size: 14px; 
	color: #258CCF; 
}
#cta img.main { margin: 1em 0.5em; }
#cta p { 
	font-family:Verdana, Geneva, sans-serif; 
	font-size: 11px; 
	color: #258CCF; 
	line-height: 1.1; 
}

#slideshow {
	float: left;
}
#assurance-programs li { list-style-type: none; padding-right: 2em; margin-top: 1em; }
#gallery img { max-width: 24%; border: solid 1px #000; }
#gallery #cta { width: 49.5%; }
#gallery #cta img.main { max-width: 100%; width: auto; border: 0 none; }

/* Footer
----------------------------------------------------------------------------------------------*/
footer.main { border-top: solid 16px #f3f3f3; }
footer.main .wrapper { border-top: solid 8px #000; }
footer.main .small { margin: 0; }
footer.main .small .wrapper { border-top: none; padding: 1em; }
footer.main .horizontal li { width: auto; margin: 0; text-align: center; }
footer.main .horizontal a { padding: 0.5em 1em; display: block; }
footer.main .copyright { float: right; padding: 0.5em 1em; }
footer.main .address, footer.main .phone { display: none; }