/* -----------------------------------
			
		   Dr. Michael Bumagin 
		~ screen.css stylesheet ~
		  
   ----------------------------------- */

* { padding: 0; margin: 0; } /* kill all whitespace */
body {
	line-height: 1; /* http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;	/* for standards based browsers */
	font-family: Georgia, Times, serif;
	color: #fff6d7;
	background: #430000 url('/images/footer/footer-bkgd.jpg') 0 0;
}
html>body {
	font-size: small; 	/* for Opera */
}

/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
a img,
form fieldset { border: none; }
form legend { display: none; }
ul { list-style: none; }

/* -----------------------------------
			 Layout Styles
   ----------------------------------- */

div.wrapper {
	width: 100%;
}

div.wrapper div#header,
div.wrapper div#content,
div.wrapper div#footer {
	position: relative;
	width: 735px;
	margin: 0 auto;
	padding: 0 10px;
}

div#container_header { 
	height: 150px;
	color: #fff;
	background: #7c1706 url('/images/header/header-bkgd.jpg') repeat-x 0 0;
	border-bottom: 3px solid #d14900;
}
div#container_content { 
	padding: 25px 0;
	color: #491006;
	background-color: #fff6d7;
	border-bottom: 3px solid #d14900;
}
div#container_footer { padding: 25px 0; }

/* -----------------------------------
			 Header Styles
   ----------------------------------- */
   
h1#logo {
	position: absolute;
	top: 0;
	left: 15px;
	width: 375px;
	height: 145px;
	text-indent: -9000px;
	background: url('/images/header/logo.png') no-repeat 0 0;
}

#header p#notice {
	position: absolute;
	top: 20px;
	right: 0;
	text-align: center;
	color: #fff;
}
#header p#notice span {
	display: block;
	margin-top: 1px;
	padding-top: 2px;
	font-style: italic;
	border-top: 1px solid #d14900;
	letter-spacing: 0.5em;
	color: #fff6d7;
}
#header ul#nav {
	position: absolute;
	right: 0;
	top: 119px;
	z-index: 10;
	height: 30px;
	list-style: none;
}
#header ul#nav li {
	float: left;
	margin-left: 5px;
}

#header ul#nav li a {
	display: block;
	float: left;
	height: 20px;
	padding: 7px 15px;
	text-decoration: none;
	font-size: 110%;
	line-height: 140%;
	color: #fff;
}
#header ul#nav li a:hover {
	background: url('/images/header/nav-hover-bkgd.png') 0 0;
}
#page_home #header ul#nav li.nav-home,
#page_about #header ul#nav li.nav-about,
#page_services #header ul#nav li.nav-services,
#page_gallery #header ul#nav li.nav-gallery,
#page_testimonials #header ul#nav li.nav-testimonials,
#page_contact #header ul#nav li.nav-contact {
	background: url('/images/header/nav-active-right-bkgd.png') no-repeat right bottom;
	padding-right: 10px;
}
#page_home #header ul#nav li.nav-home a,
#page_about #header ul#nav li.nav-about a,
#page_services #header ul#nav li.nav-services a,
#page_gallery #header ul#nav li.nav-gallery a,
#page_testimonials #header ul#nav li.nav-testimonials a,
#page_contact #header ul#nav li.nav-contact a {
	background: url('/images/header/nav-active-left-bkgd.png') no-repeat left bottom;
	padding: 7px 5px 7px 35px;
	color: #491006;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 100%;
	line-height: 150%;
}

/* -----------------------------------
			 Content Styles
   ----------------------------------- */

#content h2 {
	color: #d14900;
	font-family: Arial, Verdana, sans-serif;
	font-size: 160%;
	font-weight: lighter;
	margin-bottom: 15px;
}

#content h4 {
	color: #d14900;
	font-family: Arial, Verdana, sans-serif;
	font-size: 130%;
	font-weight: lighter;
	margin-bottom: 15px;
}

#content a {
	text-decoration: none;
	color: #7c1606;
	border-bottom: 1px solid #7c1606;
}
#content a:hover {
	color: #ce5441;
	border-bottom: 1px solid #ce5441;
}

#content img { 
	padding: 5px;
	border: 1px solid #b1b1b1;
}

#content a img {
	text-decoration: none;
	border: 1px solid #b1b1b1;
}
#content a:hover img {
	border: 1px solid #ce5441;
}

#page_gallery a { border: none; }
#page_gallery a:hover { border: none; }

#content p {
	margin-bottom: 15px;
	line-height: 150%;
}

#content ul {
	margin: 0 0 15px 0;
	border-top: 1px solid #e3e2cc;
}
#content ul li {
	padding: 7px 10px 7px 18px;
	border-bottom: 1px solid #e3e2cc;
	background: url('/images/content/bullet_orange.gif') no-repeat left 8px;
	line-height: 150%;
}
#content ul li.odd { background-color: #f0e5bf; }


#page_home #content-left {
	float: left;
	width: 328px;
	padding; 0;
	margin-right: 15px;
}

#page_home #content-right {
	float: left;
	width: 392px;
}

#page_gallery #content-left {
	float: left;
	width: 49%;
}

#page_gallery #content-right {
	float: left;
	width: 49%;
}

a.photo-container {
	float: left;
	width: 122px;
	height: 155px;
	margin: 7px;
	text-align: center;
}
a.photo-container span {
	display: block;
	margin-top: 10px;
}

#page_testimonials blockquote {
	margin: 15px;
	padding: 10px;
	background-color: #f0e5c0;
	border: 1px solid #b1b1b1;
	color: #252525;
	line-height: 150%;
}
p.testimonial {
	padding: 0 25px;
}

a.learn-more {
	float: right;
}

/* -----------------------------------
			 Carousel Styles
   ----------------------------------- */

#carousel-mask {
	overflow: hidden;
	position: relative;
	width: 326px;
	height: 413px;
	border: 1px solid #b1b1b1;
}

#carousel-mask img {
	border: none;
	padding: 0;
}

.carousel {
	position: relative;
	width: 326px;
	clear: both;
}

ul#marquee-slideshow 			{ width: 326px; }
ul#marquee-slideshow li 		{ float: left; }
ul#marquee-slideshow li.active 	{ display: block; }

ul#marquee-slideshow {
	margin: 0;
	border-top: none;
}
ul#marquee-slideshow li {
	padding: 5px;
	border-bottom: none;
	background: none;
	line-height: auto;
}

ul#marquee-slideshow-handles {
	position: absolute;
	bottom: 10px;
	left: 20px;
}
ul#marquee-slideshow-handles li {
	float: left;
	height: 4px;
	width: 4px;
	padding: 5px;
	margin-right: 5px;
	text-indent: -9000px;
	background-color: #333;
	border: 1px solid #9db0bc;	
	color: #ffffff;
}
ul#marquee-slideshow-handles li.active { 
	height: 4px;
	width: 4px;
	background-color: #e4eaef;
	color: #000000;
}

/* -----------------------------------
			 Footer Styles
   ----------------------------------- */

#footer {
	font-family: Arial, Verdana, sans-serif;
}

#footer h2 {
	color: #fff6d7;
	font-size: 140%;
	font-family: Georgia, Times, serif;
	font-weight: lighter;
	margin-bottom: 15px;
}   

#footer p {
	margin-bottom: 15px;
	line-height: 160%;
	font-size: 90%;
}

#footer a {
	text-decoration: none;
	color: #ffd3bd;
	border-bottom: 1px solid #ffd3bd;
}
#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#footer a img {
	padding: 5px;
	border: 1px solid #7c5f42;
	margin-bottom: 15px;
}
#footer a:hover img { border: 1px solid #fff; }

#footer-left, #footer-center, #footer-right { width: 33%; float: left; }
#footer-left { width: 461px; }
#footer-center, #footer-right { width: 122px; margin-left: 15px; }
#footer-center a, #footer-right a { border: none; }
#footer-center a:hover, #footer-right a:hover { border: none; }
#footer-left a img { float: left; margin-right: 15px; }

/* Credit to Cameron Moll who designed the technique for CSS leaders */

#footer-left ul {
	list-style: none;
	width: 285px;
	margin: 0 0 0 162px;
}

#footer-left ul li {
	margin: 8px 0;
	padding-top: 1px;
	font: 90% Georgia, serif;
	color: #ffd3bd;
	background: url('/images/footer/bg_dotted.gif') repeat-x 0 90% !important;
	background-position: 0 77%;  /* IE Only */
}

#footer-left ul li span.header {
	float: left;
	padding: 1px 3px;
	font-weight: bold;
	background: #3f0000;
}

#footer-left ul li span.copy {
	float: right;
	padding: 1px 3px;
	background: #3f0000;
}

#footer #copyright {
	text-align: center;
	margin: 0 auto;
	padding-top: 25px;
	color: #cbcbcb;
}

#footer #copyright h3 {
	width: 100px;
	height: 105px;
	margin: 0 auto;
	text-indent: -9000px;
	background: url('/images/footer/ASPS.jpg') no-repeat 0 0;
}

#footer #copyright p { 
	font-family: Georgia, Times, serif;
	font-size: 85%;
	margin: 10px 0 0 0; 
}

/* -----------------------------------
			 Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.block			{ display: block; }
.none			{ display: none; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }
img.left		{ float: left; margin: 0 10px 10px 0; }
img.right		{ float: right; margin: 0 0 10px 10px; }

/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.html
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */