/* ------------------------------------------------------------------------
CSS sheet for Advanced Maintenance Solutions LLC
Author: Jeff Sanders
Date Created: 8/15/06

All inquiries for this document should be directed to info@foxvalleywebdesign.com.
------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	background: #ffcc99 url(../images/adv_bg.jpg) top left repeat-x;
	text-align: center;
	behavior: url(csshover.htc);
}
#wrapper {
	position: relative;
	margin: 0px auto;
	width: 760px;
	height: auto;
	background: #fff;
	border-top: 10px solid #009ac9;
	text-align: left;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 163px;
	background: url(../images/adv_hdr.jpg) top left repeat-x;
}
#logo {
	position: absolute;
	top: 10px;
	left: 50px;
	width: 235px;
	height: 100px;
}
#inner_wrap {
	padding: 15px;
	min-height: 390px !important; _height: 390px;
	background: #fff;
}
#content {
	padding-bottom: 30px;
	width: 500px;
	float: right;
}
#footer {
	height: 100px;
	background: #ffcc99 url(../images/adv_ftr.jpg) top left no-repeat;
	clear: both;
	display: block;
}
#copy {
	margin: 0px;
	padding-bottom: 10px;
	font: 13px Verdana, Geneva, sans-serif;
	background: #ffcc99;
	text-align: center;	
}
#copy ul{
	width: 760px;
	text-align: center;
	list-style-type: none;
	margin: auto;
}
#copy ul li{
	float: left;
	width: 24%;
}
#copy p{
	clear: both;
}
#copy a {
	color: #CC0000;
}
#wave {
	width: 100%;
	height: 121px;
	position: absolute;
	top: 52px;
	left: 0px; _left: -1px;
	background: url(../images/adv_wv.jpg) top center no-repeat;
}
#fone {
	position: absolute;
	top: 12px;
	right: 20px;
	font: bold 30px "Trebuchet MS", Helvetica, sans-serif;
	color: #0099CC;	
}
.side_logos {
	margin: 20px auto 0px auto;
	display: block;
}

/* -----------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------------*/
#nav {
	width: 200px;
	float: left;
	text-align: center;
}
#nav ul {
	display: block;
	margin: 0px;
	padding: 0px;
	background: #eee url(../images/adv_navbg.jpg) top left repeat-y;
	text-align: left;
}
#nav li {
	margin: 0px;
	padding: 0px;
	height: 47px;
	width: 200px;
	list-style-type: none;
	border-bottom: 1px solid #fff;
	font: 18px "Trebuchet MS", Helvetica, sans-serif;
	color: #0091BB;
	position: relative;
}
#nav li a {
	width: 192px;
	height: 46px;
	padding-left: 8px;
	line-height: 46px;
	text-decoration: none;
	color: #0091BB;
	display: block;
}
#nav li a:hover {
	width: 191px;
	padding-left: 7px;
	background: #f7f7f7;
	color: #FB7329;
	border-left: 1px solid #ccc;
	boder-right: 1px solid #ccc;
}
/* background images for top and bottom */
#nav li.home {
	background: url(../images/nav_co.jpg) no-repeat;
}
#nav li.home a:hover {
	padding-left: 8px;
	background: url(../images/nav_co_hover.jpg) no-repeat;
	border: none;
}
#nav li.contact {
	background: url(../images/nav_contact.jpg) no-repeat left bottom;
}
#nav li.contact a:hover {
	padding-left: 8px;
	background: url(../images/nav_contact_hover.jpg);
	border: none;
}
/* specific page buttons */
#home #nav li.home a {
	background: url(../images/nav_co_hover.jpg);
	color: #FB7329;
}
#service #nav li.service a {
	width: 191px;
	padding-left: 7px;
	background: #f7f7f7;
	border-left: 1px solid #ccc;
	boder-right: 1px solid #ccc;
	color: #FB7329;
}
#company #nav li.company a {
	width: 191px;
	padding-left: 7px;
	background: #f7f7f7;
	border-left: 1px solid #ccc;
	boder-right: 1px solid #ccc;
	color: #FB7329;
}
#nav ul li ul{
	display: none;
}
#nav ul li:hover ul, #nav ul li.over ul{
	display: block;
	position: absolute;
	top: 0px;
	left: 200px;
	z-index: 500;
}
#askthepros #nav li.askthepros a {
	width: 191px;
	padding-left: 7px;
	background: #f7f7f7;
	border-left: 1px solid #ccc;
	boder-right: 1px solid #ccc;
	color: #FB7329;
}
#mission #nav li.mission a {
	width: 191px;
	padding-left: 7px;
	background: #f7f7f7;
	border-left: 1px solid #ccc;
	boder-right: 1px solid #ccc;
	color: #FB7329;
}
#corner #nav li.corner a {
	width: 191px;
	padding-left: 7px;
	background: #f7f7f7;
	border-left: 1px solid #ccc;
	boder-right: 1px solid #ccc;
	color: #FB7329;
}
#bus_opps #nav li.bus_opps a {
	width: 191px;
	padding-left: 7px;
	background: #f7f7f7;
	border-left: 1px solid #ccc;
	boder-right: 1px solid #ccc;
	color: #FB7329;
} 
#contact #nav li.contact a {
	background: url(../images/nav_contact_hover.jpg);
	color: #FB7329;
} 

/* -----------------------------------------------------------------------
TEXT ELEMENTS
-------------------------------------------------------------------------*/
h1 {
	font: bold 22px "Trebuchet MS", Helvetica, sans-serif;
	color: #009AC9;
	border-bottom: 1px dashed #FF9933;
	padding-bottom: 10px;
}
h2 {
	font: 18px "Trebuchet MS", Helvetica, sans-serif;
	color: #FB7329;
	border-bottom: 1px dashed #009AC9;
	padding-bottom: 10px;
}
p {
	font: 13px/24px Verdana, Geneva, sans-serif;
	color: #333333;
}
dl.stains dt{
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
}
ul {
	margin: 0px;
	padding-left: 25px;
	list-style-type: disc;
}
li {
	font: 13px/20px Verdana, Geneva, sans-serif;
}
#content a:link, #content ul.bottomlinks li a:link {
	padding-bottom: 2px;
	color: #3366FF;
	border-bottom: 1px dashed #FF9900;
	text-decoration: none;
}
#content a:visited, #content ul.bottomlinks li a:visited {
	padding-bottom: 2px;
	color: #3366FF;
	border-bottom: 1px dashed #FF9900;
	text-decoration: none;
}
#content a:hover, #content ul.bottomlinks li a:hover {
	padding-bottom: 2px;
	color: #FF9900;
	border-bottom: 1px dashed #3366FF;
	text-decoration: none;
}
ul.bottomlinks{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
ul.bottomlinks li{
	float: left;
}
ul.bottomlinks li.alt{
	float: right;
}
ul.bottomlinks li a{
	display: block;
}
img.anniversary{
	position: absolute;
	right: 100px;
	top: 110px;
}
/* -----------------------------------------------------------------------
FORM ELEMENTS
-------------------------------------------------------------------------*/
form {
	width: 460px;
	font: 11px/18px Verdana, Geneva, sans-serif;
}
input {
	display: block;
}
select {
	margin-top: 2px;
	font: 11px Verdana, Geneva, sans-serif;
	display: block;
}
textarea {
	font: 11px Verdana, Geneva, sans-serif;
	display: block;
}
.btn {
	width: 100px;
}
form#contact table td{
	padding-bottom: 10px;
	padding-right: 10px;
}
td.buttons input{
	display: inline;
}
label.errorMessage{
	font-weight: 600;
	color: #ff7e06;
}
input.errorMessage, select.errorMessage{
	border: 2px solid #ff7e06;
}

/* -----------------------------------------------------------------------
SITEMAP ELEMENTS
-------------------------------------------------------------------------*/
ul#sitemap{
	list-style-image: url(../images/noitems.gif);
}
ul#sitemap li.more{
	list-style-image: url(../images/moreitems.gif);
}
ul#sitemap li ul{
	list-style-image: url(../images/document.gif);
}