@charset "utf-8";
/* CSS Document */
body  {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	background-color: #6C582F; 
	background-image: url(../media/page_bg.jpg); 
	background-repeat: repeat; 
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	width: 100%;
}
a {
	color: #F0C738; 
	text-decoration: underline; 
}
a:hover {
	color: #FFFFFF; 
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 10px 0px; 
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
}
p {
	margin: 0px 0px 10px 0px; 
}

#container { 
	width: 1000px; /*780*/
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px; 
	border: 4px solid #FFFFFF;
	text-align: left;
	background-color: #FFFFFF; 
}

#left { 
	width: 278px; 
	height: 614px; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px; 
	float: left; 
	background-image: url(../media/bg_left.jpg); 
	background-repeat: no-repeat; 
}

#right { 
	width: 722px; /*502*/
	background-color: #4C4C4C; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px; 
	float: left;
}

#logo {
	width: 274px; 
	height: 170px; 
}

#nav {
	width: 278px; 
	height: 240px; 
	text-align: right; 
	color: #FFFFFF; 
	font-weight: bold; 
	padding-top: 20px; 
}

#nav p {
	margin-bottom: 14px; 
}

#nav a {
	color: #FFFFFF; 
	text-decoration: none; 
	text-transform: uppercase; 
	padding: 10px 20px 0px 0px; 
	/*text-shadow: 0.1em 0.1em 0.2em black*/
}

#nav a:hover {
	color: #F0C738; 
	text-decoration: none; 
	background-image: url(../media/indicator_arrow.png); 
	background-repeat: no-repeat; 
	background-position: right; 
}

#nav a.current {
	color: #F0C738; 
	text-decoration: none; 
	text-transform: uppercase; 
	background-image: url(../media/indicator_arrow.png); 
	background-repeat: no-repeat; 
	background-position: right; 
}

#feature {
	width: 278px; 
	height: 185px; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px; 
}

#feature a {
	color: #FFFFFF; 
	text-decoration: none; 
}

#feature a:hover {
	color: #FFFFFF; 
}

#content {
	height: 573px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background-color: #4C4C4C; 
	border-bottom: 4px solid #FFFFFF; 
}

.home #content {
	background-color: #000000; 
}

/*
.about #content {
	background-image: url(../media/page_bg_icon_about.jpg); 
	background-position: top right; 
	background-repeat: no-repeat; 
}

.clients #content {
	background-image: url(../media/page_bg_icon_clients.jpg); 
	background-position: top right; 
	background-repeat: no-repeat; 
}

.services #content {
	background-image: url(../media/page_bg_icon_services.jpg); 
	background-position: top right; 
	background-repeat: no-repeat; 
}

.contact #content {
	background-image: url(../media/page_bg_icon_contact.jpg); 
	background-position: top right; 
	background-repeat: no-repeat; 
}
*/

.home #flash {
	height: 460px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 4px 0px; 
}

#content #text { 
	height: 384px; 
	margin: 0px 0px 0px 0px; 
	padding: 170px 50px 20px 50px; 
	color: #FFFFFF; 
	overflow: auto;  
}

.text_icon {
	width: 278px; 
	float: right; 
	margin-top: -20px; 
	margin-right: -50px; 
}

.home #content #text { 
	height: 130px; /*280px*/
	padding: 20px 50px 0px 50px; 
}

.contact #content #text, .services #content #text, .about #content #text, .clients #content #text { 
	height: 424px; 
	padding: 20px 50px 20px 50px; 
}

.sitemap #content #text{ 
	height: 534px; 
	padding: 20px 50px 20px 50px; 
}

.inspection #content #text { 
	height: 460px; 
	padding: 50px 20px 50px 20px;  
}

#content #text h1 {
	font-size: 1.3em; 
}

#content #text h2 {
	font-size: 1.2em; 
}

#content #text h3 {
	font-size: 1.1em; 
}

#content #text h4 {
	font-size: 1em; 
}

#content #text h5 {
	font-size: 1em; 
}

#content #text h6 {
	font-size: 1em; 
}

#banner {
	margin: 0px 0px 0px 0px;  
	padding: 4px 0px 0px 0px; 
	background-color: #FFFFFF; 
	height: 100px;
}

#content #portrait {
	height: 392px;
	margin: 0px 0px 0px 0px;  
	padding: 28px 18px 28px 18px; 
}

#portrait #art {
	width: 308px; 
	height: 392px; /*375px max image height +17px for scrollbar*/
	float: left; 
	margin: 0px 8px 0px 0px;  
	padding: 0px 0px 0px 0px; 
	overflow: auto; 
	text-align: center; 
}

#portrait #portrait_nav {
	width: 308px; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px; 
	text-align: right; 
	font-size: .9em; 
	color: #FFFFFF; 
}

#landscape #landscape_nav {
	width: 636px; 
	margin: 0px 0px 10px 43px;  
	padding: 0px 0px 0px 0px; 
	text-align: right; 
	font-size: .9em; 
	color: #FFFFFF; 
}

#portrait #portrait_nav a, #landscape #landscape_nav a {
	color: #F0C738; 
	text-decoration: none;  
	padding: 0px 5px 0px 5px; 
}

#portrait #portrait_nav a:hover, #landscape #landscape_nav a:hover {
	color: #FFFFFF; 
}

#portrait #info {
	width: 370px; /*150*/
	height: 375px; 
	float: left;  
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background-color: #999999; 
	color: #FFFFFF; 
	overflow: auto; 
}

#portrait #info p { 
	padding: 5px 5px 5px 5px; 
	font-size: .9em; 
}

#portrait #info p#art_title {
	text-transform: uppercase; 
	margin: 0px 0px 0px 0px;  
	padding: 5px 5px 5px 5px; 
	background-color: #E8E8E8; 
	color: #000000; 
	border-bottom: 5px solid #4C4C4C; 
	font-size: .8em; 
}

#content #testimonial {
	height: 375px;
	margin: 0px 0px 0px 0px;  
	padding: 36px 18px 37px 18px; 
}

#testimonial #art {
	width: 300px; 
	height: 375px; 
	float: left; 
	margin: 0px 16px 0px 0px;  
	padding: 0px 0px 0px 0px;  
}

#testimonial #info {
	width: 370px; /*150*/
	height: 375px; 
	float: left;  
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background-color: #999999; 
	color: #FFFFFF; 
	overflow: auto; 
}

#testimonial #info p { 
	padding: 5px 5px 5px 5px; 
	font-size: .9em; 
}

#testimonial #info p#art_title {
	text-transform: uppercase; 
	margin: 0px 0px 0px 0px;  
	padding: 5px 5px 5px 5px; 
	background-color: #E8E8E8; 
	color: #000000; 
	border-bottom: 5px solid #4C4C4C; 
	font-size: .8em; 
}

#content #landscape {
	height: 428px; 
	margin: 0px 0px 10px 0px; 
	padding: 10px 0px 0px 0px; 
}

#landscape #art {
	width: 636px; 
	height: 267px; /*250px max image height +17px for scrollbar*/
	margin: 0px 0px 0px 43px;  
	padding: 0px 0px 0px 0px; 
	overflow: auto; 
	text-align: center; 
}

#landscape #info {
	width: 636px; /*150*/
	height: 134px; 
	margin: 0px 0px 0px 43px;  
	padding: 0px 0px 0px 0px; 
	background-color: #999999; 
	color: #FFFFFF; 
	overflow: auto; 
	text-align: left; 
}

#landscape #info p { 
	padding: 5px 5px 5px 5px; 
	font-size: .9em; 
}

#landscape #info p#art_title {
	text-transform: uppercase; 
	margin: 0px 0px 0px 0px;  
	padding: 5px 5px 5px 5px; 
	background-color: #E8E8E8; 
	color: #000000; 
	border-bottom: 5px solid #4C4C4C; 
	font-size: .8em; 
}

#content #video {
	height: 312px; 
	text-align: center; 
	margin: 0px 0px 10px 0px; 
	padding: 10px 0px 0px 0px; 
}

#video_info {
	width: 636px; /*416*/
	height: 106px; 
	margin: 0px 0px 10px 43px;  
	padding: 0px 0px 0px 0px; 
	background-color: #999999; 
	color: #FFFFFF; 
	overflow: auto; 
}

#video_info p { 
	padding: 5px 5px 5px 5px; 
	font-size: .9em; 
}

#video_info p#video_title {
	text-transform: uppercase; 
	margin: 0px 0px 0px 0px;  
	padding: 5px 5px 5px 5px; 
	background-color: #E8E8E8; 
	color: #000000; 
	border-bottom: 5px solid #4C4C4C; 
	font-size: .8em; 
}

.testimonial #content #video_info {
	height: 218px; 
}

#content #subnav {
	margin: 0px 0px 0px 0px;  
	padding: 4px 0px 0px 0px; 
	background-color: #FFFFFF; 
	border-top: 0px solid #4C4C4C; 
	clear: left; 
}

#content #subnav #tn_head {
	min-height: 23px; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px;  
	background-color: #F0C738; 
	border: 2px solid #808080; 
	color: #000000; 
	font-size: .9em; 
}

#content #subnav #tn_head #tn_title {
	color: #000000; 
	margin: 0px 0px 0px 0px;  
	padding: 3px 0px 3px 15px; 
	text-transform: uppercase; 
	float: left; 
}

#content #subnav #tn_head #categories {
	margin: 0px 0px 0px 0px;  
	padding: 3px 0px 3px 15px; 
	border-left: 2px solid #808080; 
	float: right; 
}

#content #subnav #tn_head #categories a {
	color: #000000; 
	text-decoration: none; 
	text-transform: uppercase; 
	padding-right: 15px; 
}

#content #subnav #tn_head #categories a:hover {
	color: #666666; 
	text-decoration: none; 
}

#content #subnav #tn_head #categories a.current {
	font-weight: bold; 
}

#content #subnav #thumbnails {
	height: 88px; 
	width: 718px; 
	background-color: #B3B3B3; 
	border: 2px solid #808080; 
	border-top: 0px solid #808080; 
	margin: 0px 0px 0px 0px;  
	padding: 4px 0px 0px 0px; 
	text-align: center; 
	overflow: auto; 
}

.home #content #thumbnails {
	height: 160px; 
	background-color: #000000; 
	border: 0px solid #808080; 
	margin: 0px 0px 0px 0px;  
	padding: 4px 0px 0px 0px; 
	text-align: center; 
	overflow: auto; 
}

#content #subnav #thumbnails a {
	margin: 0px 10px 0px 10px;  
	padding: 0px 0px 0px 0px; 
}

.home #content #thumbnails a {
	margin: 0px 10px 0px 10px;  
	padding: 0px 0px 0px 0px; 
}

#content #subnav #thumbnails a.current img, #content #subnav #thumbnails a:hover img {
	opacity: 1; 
	filter: alpha(opacity=100); 
}

.home #content #thumbnails a:hover img {
	opacity: 1; 
	filter: alpha(opacity=100); 
}

#content #subnav #thumbnails a img {
	border: 0px solid #FFFFFF; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px; 
	opacity: 0.5; 
	filter: alpha(opacity=50); 
}

.home #content #thumbnails a img {
	border: 0px solid #FFFFFF; 
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px; 
	opacity: 0.5; 
	filter: alpha(opacity=50); 
}

#footer {
	background-color: #262626; 
	color: #999999; 
	font-size: .7em; 
	min-height: 18px; 
	padding: 10px 10px 10px 10px; 
	text-align: center; 
}

#footer a {
	color: #999999; 
	text-decoration: none; 
	padding-right: 20px; 
}

#footer a:hover {
	color: #FFFFFF; 
}

.clearfloat {
	clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}

.yellow {
	color: #F0C738; 
}

.allcaps {
	text-transform: uppercase; 
}

.question_leader {
	color: #FFFFFF; 
	text-transform: uppercase; 
}

.answer_leader {
	color: #F0C738; 
	text-transform: uppercase; 
}

.question {
	color: #FFFFFF; 
}

.answer {
	color: #F2DC63 
}

.portrait_250 {
	margin-top: 31px; /*79=vertical center, 31=flush to top of description, 125 = flush to bottom of description*/
}

.portrait_300 {
	margin-top: 31px; /*54=vertical center, 31=flush to top of description, 75 = flush to bottom of description*/
}

.portrait_344 {
	margin-top: 31px; 
}

.landscape_79 {
	margin-top: 85px; /*171=bottom align, 85=middle align*/
}