/*- 0: Standard Template Elements---------------------------------- */


body {
	color: #5b5b5b;
	font-family: Tahoma, Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	background-color: #FFFFFF;
	position: relative;
	text-align: center;
	line-height:17px;
	background-image:url(../imgs/bg.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

a:link, a:active, a:visited { 
	color: #a50000; 
	text-decoration: none;
}

a:hover { 
	color: #a50000; 
	text-decoration: underline; 
}

a.gallery_link:link, a.gallery_link:active, a.gallery_link:visited { 
	color: #960000; 
	text-decoration: none;
}

a.gallery_link:hover { 
	color: #FFFFFF; 
	text-decoration: none; 
}

/*- : Frame Structure---------------------------------- */


.container{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 786px;
}

.float_left{
	float:left;
	padding-top:15px;
}

.hand{
	float:left;
	position: absolute;
	left:515px;
}

.pb_15{
	padding-bottom:15px;
}

.pb_30{
	padding-bottom:30px;
}

.pl_15{
	padding-left:15px;
}

.pl_17{
	padding-left:17px;
}

.txt_black{
	color:#000000;
}

/*- : HOLDER ---------------------------------- */

.content{
	padding:0 0 50px 0;
}

.content_left{
	float:left;
	width:225px;
}

.content_right{
	float:right;
	width:560px;
}

/*- : HOME-------------------------- */

.feature{
	background-color:#000000;
	padding:14px;
	margin-bottom:25px;
	height:300px;
}

.feature_info{
	position:absolute;
	right:21px;
	top:402px;
	text-align:center;
	background-color:#FFFFFF;
	padding:7px 25px 7px 25px;
	color:#000000;
}

.bio{
	background-color:#e3e3e3;
	padding:10px;
	margin-bottom:40px;
	height:127px;
}

.bio_pic{
	float:left;
	padding-right:20px;
	width:138px;
}

.bio_txt{
	float:left;
	padding-top:7px;
	width:605px;
}

.news{
	float:left;
	padding:0 36px 0 14px;
	width:421px;
}

.shows{
	float:left;
	width:315px;
}

.shows_holder{
	background-color:#960000;
	padding:14px 14px 24px 14px;
	color:#FFFFFF;
}

.shows_bottom{
	background-color:#c9a8a8;
	height:15px;
}



/*- : SUB PAGES ---------------------------------- */

.header{
	background-color:#000000;
	padding:19px 0 19px 17px;
	margin-bottom:40px;
}

.sub_nav{
	float:left;
	width:143px;
	padding:2px 0 0 14px;
}

.nav_item{
	background-image:url(../imgs/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 11px;
	padding:5px 10px 8px 11px;
}

.nav_item2{
	background-image:url(../imgs/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 11px;
	padding:5px 10px 4px 11px;
}

.nav_item_sub{
	padding-left:10px;
	line-height:22px;
	color: #a50000; 
}

.sub_content_holder{
	float:left;
	width:612px;
	padding:0 0 0 17px;
}

.sub_content_holder2{
	float:left;
	width:629px;
}

.sub_content{
	padding:0 17px 0 0;
}

.sub_hd{
	padding:30px 0 15px 0;
	font-size:20px;
	color:#000000;
}

.sub_hd2{
	padding:10px 0 15px 0;
	font-size:18px;
	color:#000000;
}

.sub_hd3{
	padding:25px 0 15px 0;
	font-size:18px;
	color:#000000;
}

.image_holder{
	float:right;
	padding:10px;
	right:-20px;
	margin:0 0 15px 15px;
	background-color:#e3e3e3;
}

.news_holder{
	background-image:url(../imgs/newsline.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:25px;
	margin-bottom:30px;
}

.gallery_holder{
	width:630px;
}

.photo_holder{
	float:left;
	width:146px;
	padding:5px;
	margin:0 0 10px 1px;
	background-color:#e3e3e3;
	cursor: pointer;
}

.photo_holder:hover{
	background-color:#000000;
}

.photo_img{
	width:146px;
	height:106px;
}

.photo_txt{
	float:left;
	padding:6px 4px 4px 4px;
	height:30px;
}

/*- : DESIGN ---------------------------------- */


.logo{
	text-align:center;
}

.phone{
	position:absolute;
	right:0px;
	text-align:center;
	background-color:#960000;
	width:138px;
	padding:10px;
	color:#FFFFFF;
}

.footer{
	height:130px;
}

.work_holder{
	padding-bottom:25px;
}

.work_thumb{

}

.work_info{
	padding:10px 0 0 0;
}

.section_holder{
	padding-bottom:50px;
	clear:both;
}

.section_w_holder{
	padding-bottom:35px;
	clear:both;
}

.client_holder{
	float:left;
}

.w200{
	width:200px;
}

.w180{
	width:180px;
}

.pr40{
	padding-right:40px;
}

#clearall {clear: both; margin: 0px; height:0;}


/*- : MENU ---------------------------------- */

.menu{
	height:26px;
}

.menu_holder{
	position:absolute;
	top:100px;
	left:-40px;
	color:#a50000;
}

.prodrop5 {margin-top:0; margin-bottom:0; list-style:none; height:26px; position:relative; width:786px;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(../imgs/btn_about1.gif) no-repeat; width:157px; height:17px; display:block; text-indent:-99999px; background-position:center;} 
.prodrop5 li a.pos2 {background:url(../imgs/btn_news1.gif) no-repeat; width:157px; height:17px; display:block; text-indent:-99999px; background-position:center;} 
.prodrop5 li a.pos3 {background:url(../imgs/btn_portfolio1.gif) no-repeat; width:157px; height:17px; display:block; text-indent:-99999px; background-position:center;} 
.prodrop5 li a.pos4 {background:url(../imgs/btn_commercial1.gif) no-repeat; width:157px; height:17px; display:block; text-indent:-99999px; background-position:center;} 
.prodrop5 li a.pos5 {background:url(../imgs/btn_contact1.gif) no-repeat; width:157px; height:17px; display:block; text-indent:-99999px; background-position:center;} 

.prodrop5 li.p1 {background:url(../imgs/btn_about2.gif) no-repeat; background-position:center;} 
.prodrop5 li.p2 {background:url(../imgs/btn_news2.gif) no-repeat; background-position:center;} 
.prodrop5 li.p3 {background:url(../imgs/btn_portfolio2.gif) no-repeat; background-position:center;} 
.prodrop5 li.p4 {background:url(../imgs/btn_commercial2.gif) no-repeat; background-position:center;} 
.prodrop5 li.p5 {background:url(../imgs/btn_contact2.gif) no-repeat; background-position:center;} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(../imgs/btn_about2.gif) no-repeat;} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(../imgs/btn_news2.gif) no-repeat;} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(../imgs/btn_portfolio2.gif) no-repeat;} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(../imgs/btn_commercial2.gif) no-repeat;} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(../imgs/btn_contact2.gif) no-repeat;} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:41px; background-color:#383838; margin:0; padding:0 2px 2px 2px; white-space:nowrap; height:50px; width:58px; z-index:300;}
.prodrop5 :hover ul li {display:block; height:21px; position:relative; font-weight:normal; width:auto;}
.prodrop5 :hover ul li a {display:block; font-weight:bold; font-size:11px; height:21px; line-height:21px; width:auto; padding:0 10px; color:#FFFFFF; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {color: #fdc140; text-decoration: none; }


/*- : GALLERY ---------------------------------- */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*- : FORM ---------------------------------- */

.theform{
	display:inline;
}

input.txtfld{
	color:#000000;
	width:200px;
	font-size:11px;
	padding:2px;
}

textarea.txtarea { 
	color:#000000;
	font-size:11px;
	padding:2px 4px 2px 4px;
	overflow: auto; 
	width: 444px;
	height: 70px;
	font: 11px Tahoma, Arial, Helvetica, Verdana;
	line-height: 18px;
}

.field_holder{
	float:left;
	width:246px;
	padding-bottom:10px;
}

.emailholder{
	clear:both;
	width:500px;
	padding-bottom:10px;
}