@import url(reset.css);

BODY{
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	color: #eeeded;
	line-height: 1.3em;
}

a, a:visited{
	color: #eeeded;
	text-decoration: underline;
}

a:hover, a:visited:hover, a:active{
	text-decoration: none;
}

#wrapper{
	text-align: center;
}

#container{
	width: 921px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#logo{
	background: url(../images/logo.png) no-repeat left top;
	width: 269px;
	height: 210px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 276px;
}

#nav{
	position: absolute;
	right: 36px;
	top: 84px;
	height: 21px;
}
#nav li{
	float: left;
	padding: 6px 9px 5px 9px;
	border-right: 1px solid #828a95;
	overflow: hidden;
}
#nav #n-h{
	border-left: 1px solid #828a95;
}
#nav li a{
	display: block;
	float: left;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	height: 9px;
}
#nav #n-h a{
	background-position: left top;
	width: 35px;
}
#nav #n-h a:hover, #page-home #n-h a{
	background-position: left bottom;
}
#nav #n-a a{
	background-position: -54px top;
	width: 57px;
}
#nav #n-a a:hover, #page-about #n-a a{
	background-position: -54px bottom;
}
#nav #n-c a{
	background-position: -132px top;
	width: 66px;
}
#nav #n-c a:hover, #page-contact #n-c a{
	background-position: -132px bottom;
}
#body{
	position: absolute;
	z-index: 5;
	width: 624px;
	top: 104px;
	left: 264px;
	overflow: hidden;
}
#footer{
	position: absolute;
	right: 105px;
	top: 790px;
	font-size: 0.6em;
}
#footer a{
	color: #FFF;
}
/* homepage */
#page-home #logo{
	top: 526px;
}
#page-home #body{
	width: 919px;
	left: 0;
}
#slideshow{
	width: 796px;
	height: 551px;
	margin-left: 120px;
}
#slideshow .images{
	overflow: hidden;
}
#slideshow .prevLink,
#slideshow .nextLink{
	float: left;
	width: 31px;
	height: 58px;
	margin-top: 220px;
	position: relative;
	z-index: 15;
}
#slideshow .prevLink{
	background: url(../images/left-arrow.png) no-repeat left top;
}
#slideshow .nextLink{
	background: url(../images/right-arrow.png) no-repeat left top;
}
#slideshow .inner{
	width: 734px;
	height: 551px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
#slideshow .images{
	position: relative;
	z-index: 12;
}
#slideshow .images .image{
	width: 734px;
	height: 551px;
	float: left;
	position: relative;
}
#slideshow .images .image .caption-link{
	position: absolute;
	background: url(../images/testimonial-button.png) no-repeat left top;
	width: 136px;
	height: 25px;
	left: 20px;
	top: 0;
}
#slideshow .images .image .caption-wrap{
	background: url(../images/testimonial-bg.png);
	width: 476px;
	margin: 150px auto 0;
	padding-bottom: 20px;
	border: 1px solid #47535a;
}
#slideshow .images .image .caption-wrap .close-link{
	display: block;
	float: right;
	background: url(../images/testimonial-close.png) no-repeat left top;
	width: 46px;
	height: 8px;
	margin: 10px;
}
#slideshow .images .image .caption-wrap p{
	color: #e7e7e7;
	font-size: 0.8em;
	clear: both;
	overflow: hidden;
}
#slideshow .images .image .caption-wrap span{
	display: block;
	clear: both;
}
#slideshow .images .image .caption-wrap p .quote-right span{
	float: left;
	padding-right: 10px;
	color: #af1b00;
}
#slideshow .images .image .caption-wrap p .quote-right{
	background: url(../images/quote-end.png) no-repeat right bottom;
	padding-right: 38px;
}
#slideshow .images .image .caption-wrap .quote-left{
	background: url(../images/quote-start.png) no-repeat left top;
	padding-left: 38px;
	margin: 10px 20px 0;
}
#page-home #instructions{
	position: absolute;
	right: 50px;
	top: 665px;
	font-size: 0.75em;
}

/* about */
#page-about #body{
	top: 206px;
}
#page-about #about-content{
	float: left;
	width: 338px;
}
#page-about img{
	float: right;
	margin-top: 18px;
}
#page-about h1.title{
	display: block;
	height: 56px;
	background: url(../images/title-about.gif) no-repeat left top;
}
#page-about h2.title{
	display: block;
	height: 27px;
	background: url(../images/title-services.gif) no-repeat left top;
}
#page-about #about-content p{
	font-size: 0.85em;
	margin-bottom: 15px;
}
#page-about #about-content ul{
	list-style: disc;
	margin-left: 1em;
}
#page-about #about-content ul li{
	color: #af1b00;
	font-size: .85em;
}
#page-about #about-content ul li span{
	color: #eeeded;
	font-size: 0.9em;
}
#page-about p#consult{
	font-size: 0.98em;
	padding-left: 30px;
	background: url(../images/right-chevron.gif) no-repeat left 50%;
	margin: 10px 0 0;
}
#page-about p#consult a{
	font-size: 0.7em;
}

/* contact */
#page-contact #body{
	top: 206px;
}
#page-contact h1.title{
	background: url(../images/title-contact.gif) no-repeat left top;
	height: 54px;
}
#page-contact #tel{
	background: url(../images/icon-tel.gif) no-repeat left 50%;
	padding: 5px 0 5px 30px;
	margin-top: 20px;
}
#page-contact #eml{
	background: url(../images/icon-message.gif) no-repeat left 50%;
	padding: 5px 0 5px 30px;
	zoom: 1;
}
#page-contact #eml a{
	text-decoration: none;
}
#page-contact #contact-form{
	background: url(../images/icon-message.gif) no-repeat left 5px;
	padding: 5px 0 5px 30px;
	zoom: 1;
}
#page-contact .row{
	padding: 5px 0;
}
#page-contact .row input,
#page-contact .row textarea{
	border: 0;
	background: #444444;
	margin: 0;
	padding: 5px;
	color: #dddddd;
	font-size: 0.75em;
	width: 250px;
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#page-contact .row textarea{
	height: 100px;
}

/* misc */
.red{
	color: #af1b00
}

#bottom-links{
	border-top: 1px solid #5E5E5E;
	border-bottom: 1px solid #5E5E5E;
	padding: 10px 0;
	padding-left: 10px;
	overflow: hidden;
	font-size: 0.9em;
	margin-top: 10px;
	width: 100%;
}

#bottom-links div{
	float: left;
	padding-right: 10px;
}

#bottom-links #fb{
	display: block;
	float: left;
	background: url(../images/fb-icon.gif) no-repeat left top;
	padding: 5px 0 15px 50px;
	width: 160px;
}
#bottom-links #blog{
	display: block;
	float: left;
	background: url(../images/blog-icon.gif) no-repeat left top;
	padding: 5px 0 15px 50px;
	width: 160px;
}
#bottom-links a{
	text-decoration: none;
}
/* hidden */
#slideshow .prevLink span,
#slideshow .nextLink span,
#logo h1,
#nav li a span,
.caption-link span,
.captions,
#slideshow .images .image .caption-wrap .close-link span,
.title span{
	position: absolute;
	left: -99999em;
}