﻿html, body{
	margin:0;
	height:100%;
}
body{
	background:#000;
	color:#fff;
	font:14px/16px Arial, Helvetica, sans-serif;
}
img {border-style:none;}

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

.main-holder{
	min-height:100%;
}

#main{
	padding:0 0 268px 0;
	width:914px;
	margin:0 auto;
	overflow:hidden;
}
#header{
	height:396px;
	overflow:hidden;
	padding:0 44px 0 0;
	background:url(../images/bg-header.jpg) no-repeat;
}
.logo{
	display:block;
	overflow:hidden;
	margin:265px 0 0 413px;
}
.logo a{
	display:block;
	width:358px;
	height:45px;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
}
#top-nav{
	float:right;
	overflow:hidden;
	position:relative;
	margin:20px 0 0;
	padding:0;
	list-style:none;
	height:36px;
	border:1px solid #787777;
	background:#231f20;
}
#top-nav li {
	float:left;
	height:36px;
	font-size:13px;
	font-weight:normal !important;
	width:96px;
	margin:0 0 0 -1px;
	background:url(../images/bg-top-nav-line.gif) no-repeat;
}
#top-nav li a {
	display:table;
	text-align:center;
	width:97px;
	color:#fff;
	height: 36px;
	text-transform:uppercase;
}
#top-nav li span{
	text-align:center;
	width:100%;
	display:table-cell;
	vertical-align: middle;
}
* html #top-nav li a{ 
	display: block;
	position: relative;
}

* html #top-nav li span{ 
	position:absolute;
	top:50%;
	left: 0;
}
* html #top-nav li strong{ 
	position:relative;
	top:-50%;
	left: 0;
}
* + html #top-nav li a{ 
	display: block;
	position: relative;
}

* + html #top-nav li span{ 
	position:absolute;
	top:50%;
	left: 0;
}
* + html #top-nav li strong{ 
	position:relative;
	top:-50%;
	left: 0;
}
#top-nav li a:hover, #top-nav li a.active{
	background:url(../images/bg-top-nav-hover.gif) no-repeat;
	position:relative;
	text-decoration:none;
	cursor:pointer;
}
#content{
	width:100%;
	overflow:hidden;
}
.box-holder{
	padding:0 3px 0 3px;
	background:#000 url(../images/bg-box-holder.gif) repeat-y;
}
.box{
	overflow:hidden;
	width:100%;
	padding:6px 0;
	background:#000 url(../images/bg-box.gif) repeat-x 0 100%;
}
.box-top{
	width:100%;
	padding:3px 0 0;
	margin:0 0 32px 0;
	background:url(../images/bg-box-top.gif) no-repeat;
}
.box-bottom{
	overflow:hidden;
	padding:0 0 3px 0;
	background:url(../images/bg-box-bottom.gif) no-repeat 0 100%;
}
.box .logo{
	float:left;
	display:inline;
	overflow:hidden;
	margin:10px 32px 0 46px;
}
.box .logo a{
	display:block;
	width:126px;
	height:151px;
	text-indent:-9999px;
	background:url(../images/bg-logo.png) no-repeat;
}
.box .text{
	float:left;
	overflow:hidden;
	padding:0 22px 6px 21px;
	border-left:6px solid #000;
}
.box .text .boxes{
	width:403px;
	font-size:16px;
	line-height:19px;
	padding:0 0 5px 0;
	border-top:3px solid #000;
	margin:-3px 0 5px 0;
}
.box .text .boxes p{
	margin:13px 0 18px 0;
}
.images{
	float:left;
	width:210px;
	margin:8px 0 0;
	border:4px solid #000;
}
.images h2{
	margin:0;
	line-height:25px;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	background:#665828;
}

.images img{
	display:block;
}

.images h2 a,.images h2 a:visited,.images h2 a:hover {
	color:#fff;
	text-decoration:none;
	display:block
}
.content-inner{
	width:100%;
	overflow:hidden;
}
.container-holder{
	width:595px;
	float:left;
}
.container-top{
	width:100%;
	padding:8px 0 0 0;
	background:url(../images/bg-container-top.gif) no-repeat;
}
.container-bottom{
	padding:2px 47px 80px 30px;
	background:url(../images/bg-container-bottom.gif) no-repeat 0 100%;
	min-height:280px;
}

.container-bottom .border {
	border:4px solid black;
	margin:10px 0 20px 0;
	padding:1px;
}

.container{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-container.gif) repeat-y;
	position:relative;
}
.container .title{
	width:400px;
	padding:15px 0 0 0;
}
.container .minihead {
	margin:-10px 0 15px -25px;
}

.container h3 {
	margin:0 0 30px 0;
	font:normal 22px 'Trebuchet MS', Arial, sans-serif;
	position:relative;
	width:540px;
}
.container .mini-img  {
position:absolute;
clear:both;
top:175px;
left:170px;
margin:0 0 20px 0;
}

.container h4,
.gallery h4 {
	margin:0 0 10px 0;
	font:normal 20px 'Trebuchet MS', Arial, sans-serif;
	position:relative;
}

.gallery { width:904px; }
.gallery h3 { margin:0 0 30px 0; font:normal 22px 'Trebuchet MS', Arial, sans-serif; position:relative; width:540px; }

.galleryholder { background:url(../images/gallerybg.jpg) 0 0 no-repeat; width:904px; height:187px; clear:both; margin:10px 0 20px 0; }
.galleryholder h4 { text-transform:uppercase; font-size:25px; padding:25px 0 0 35px; letter-spacing:0.01em; }
.galleryholder p { padding:8px 10px 8px 35px; }
.galleryholder p img { width:58px; height:58px; border:1px solid #f72208; float:left; margin-right:14px; }


/* ***********************  for bottom part of gallery page ***********************  */
.gallery .container { background:none; }
.gallery p a, .gallery p a:visited { color:#f72208; font-weight:bold; text-decoration:none; }
.gallery p a:hover { text-decoration:underline; }
/* ***********************  end gallery ***********************  */


.container .contactholder { border:2px solid #eee; padding:10px 10px 10px 15px; margin:0 0 30px 0; background:#333; width:490px; }
.container .left1 { float:left; width:220px; }
.container .left1 p { float:left; }
.container .right1 { float:left; width:220px;}
.container .right1 p { float:left; }

.container .link a,.container .link a:visited {
	width:auto;
	overflow:hidden;
	clear:both;
	margin:0 0 -5px 0;
	float:left;
	margin:8px 0 8px 0 ;
	line-height:37px;
	background:#511710 url(../images/bg-link-right.gif) no-repeat 100% 0;
	color:#f72208;
	padding:0 18px 0 0;
	font:14px 'Trebuchet MS', Arial, sans-serif;
	cursor:pointer;
}

.container .link a:hover{
	text-decoration:none;
	color:#fff;
	background:#951a0c url(../images/bg-link-right-hover.gif) no-repeat 100% 0;
}

.container a .left{
	float:left;
	line-height:37px;
	padding:0 0 0 12px;
	background:url(../images/bg-link-left.gif) no-repeat;
}
.container a .right{
	display:block;
	padding:0 24px 0 0;
	background: url(../images/bg-link-right-qoute.gif) no-repeat 100% 50%;
}
.container p a,
.container p a:visited {
	color:#f72208;
	font-weight:bold;
	text-decoration:none;
}

.container p a:hover {
	text-decoration:none;
}

.container a:hover .right{
	background: url(../images/bg-link-right-qoute-hover.gif) no-repeat 100% 50%;
}
.container a:hover .left{
	background:url(../images/bg-link-left-hover.gif) no-repeat;
}
.container p {
	margin:14px 0 14px 0;
	font-family:'Trebuchet MS', Arial, sans-serif;
 	line-height:18px;
	clear:both;
}
.container p a, .container p a: visited {
	color:#fff; text-decoration:none; display:inline; background-image:none;
}
.container p a:hover {
	text-decoration:underline;
}

.column-top{
	float:right;
	width:289px;
	padding:10px 0 0;
	background:url(../images/bg-column-top.gif) no-repeat;
}
.column-bottom{
	overflow:hidden;
	width:100%;
	padding:0 0 10px 0;
	background:url(../images/bg-column-bottom.gif) no-repeat 0 100%;
}
.column{
	overflow:hidden;
	width:100%;
	padding:12px 10px 0 31px;
	background:url(../images/bg-column.gif) repeat-y;
}
.column h3{
	margin:0;
	font:normal 24px/24px 'Trebuchet MS', Arial, sans-serif;
}
.box-image{
	float:left;
	margin:-5px 0 0;
	clear:both;
	padding:0 0 0 3px;
	list-style:none;
	overflow:hidden;
}
.box-image li{
	float:left;
	border:1px solid #f72208;
	margin:20px 18px 0 0;
}
.box-image li a{
	float:left;
}
.column .link{
	overflow:hidden;
	clear:both;
	padding:0 0 8px 4px;
	height:1%;
}
.column .link a .left{
	float:left;
	padding:0 0 0 12px;
	background:url(../images/bg-link-left.gif) no-repeat;
}
.column .link a .right{
	display:block;
	padding:0 24px 0 0;
	background: url(../images/bg-link-right-qoute.gif) no-repeat 100% 50%;
}
.column .link a{
	float:left;
	margin:16px 0 0;
	background:#511710 url(../images/bg-link-right.gif) no-repeat 100% 0;
	color:#f72208;
	padding:0 18px 0 0;
	font:14px/37px 'Trebuchet MS', Arial, sans-serif;
	cursor:pointer;
}
.column .link a:hover{
	text-decoration:none;
	color:#fff;
	background:#951a0c url(../images/bg-link-right-hover.gif) no-repeat 100% 0;
}
.column .link a:hover .right{
	background: url(../images/bg-link-right-qoute-hover.gif) no-repeat 100% 50%;
}
.column .link a:hover .left{
	background:url(../images/bg-link-left-hover.gif) no-repeat;
}
.footer-holder{
	position:relative;
	clear:both;
	width:100%;
	height:260px;
	margin:-260px 0 0;
}
.footer-top{
	margin:0 auto;
	width:914px;
	overflow:hidden;
	background:url(../images/bg-footer-top.jpg) no-repeat;
	padding:50px 0 0;
}
.footer-bottom{
	overflow:hidden;
	background:url(../images/bg-footer-bottom.jpg) no-repeat 0 100%;
	padding:0 0 50px 0;
}
.footer{
	min-height:160px;
	background:#151515;
	padding:0 0 0 28px;
	overflow:hidden;
	font-family:'Trebuchet MS', Arial, sans-serif;
}
* html .footer{height:160px;}
* + html .footer{height:160px;}
.footer-nav{
	margin:38px 0 0 -9px;
	width:100%;
	padding:0;
	overflow:hidden;
	list-style:none;
}
.footer-nav li{
	float:left;
	padding:0 6px 0 10px;
	background:url(../images/bg-footer-nav-line.gif) no-repeat 0 50%;
}
.footer-nav li:first-child{
	background:none;
}
.footer-nav li a{
	float:left;
	font-size:14px;
	line-height:16px;
	color:#f72208;
	text-transform:uppercase;
}
.footer p{
	margin:30px 0 0;
	font-size:13px;
}
.footer-list{
	margin:0 0 0 -9px;
	padding:0;
	overflow:hidden;
	list-style:none;
}
.footer-list li{
	float:left;
	padding:0 6px 0 10px;
	background:url(../images/bg-footer-nav-line.gif) no-repeat 0 50%;
	font-size:13px;
	line-height:17px;
}
.footer-list li:first-child{
	background:none;
}
.footer-list li a{
	color:#c01f0c;
}

form { border:2px solid #eee; padding:10px 10px 10px 15px; background:#333; width:490px; }

form input { padding:4px; margin:4px 0 0 0; color:#000; font-family:'Trebuchet MS', Arial, sans-serif; font-size:13px; }
form textarea { padding:4px; margin:4px 0 0 0; color:#000; font-family:'Trebuchet MS', Arial, sans-serif; font-size:13px; }
select { width:auto; margin:4px 0 0 0;  padding:4px; }
hr { width:100%; background:#666; height:2px; margin:5px 0 15px 0; padding:0; }

.cb { clear:both; font-size:0.001em; height:1px; }

.green { font-weight: bold; border:3px solid #090; background:white; color:#090; padding:10px; font-size:20px;  }
 
/* ============= LIGHTBOX CSS ============== */

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#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;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(../images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url(../images/closelabel.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	