@charset "utf-8";
/* CSS Document */


*{margin:0; padding:0;}
img{border:none;}

body{font-family:Verdana, Arial, Helvetica, sans-serif; background:#6D593A url(images/bg.jpg) repeat-x fixed; background-position:top;}
#header span{display:none;}
.clean{clear:both;}

h1{font-size:32px;}
#content h1{margin-bottom:9px;}
h2{font-size:24px;}
#content h2{margin-bottom:7px;}
h3{font-size:19px;}
#content h3{margin-bottom:5px;}
h4{font-size:16px;}
#content h4{margin-bottom:4px;}
h1, h2, h3, h4{font-family:"Myriad Pro", Myriad, Verdana, Arial, sans-serif; color:#ffffff;}

form.normal{
margin:10px 22px 0 22px;
}
form.normal label{
display:block;padding:10px 0 3px 3px;font-weight:bold;color:#656565;
}
form.normal label span{
color:#ff5a00;
}
form.normal input{
width:230px;font-size:12px;padding:5px 5px;border:1px solid #2c2c2c;background:url(../img/input-bg.gif) no-repeat left top;height:17px;margin:5px 0 0 3px;color:#5a5353;
}
.required{
float:left;padding:8px 0 0 3px;font-size:11px;color:#5b5b5b;
}
.required span{
color:#ff5a00;
}
.required-input{
float:right;padding:8px 0 0 0;
}
.required-input .submit{
background:none;border:0;width:64px;height:31px;padding:0;margin:0;
}
form.center{
padding:19px 22px 0 22px;width:469px;
}
form.center label{
display:block;padding:10px 0 0 0;font-weight:bold;color:#ffffff;
}
form.center label span{
color:#ff5a00;
}
form.center input {
width:274px;height:17px;font-size:12px;padding:5px 5px;margin:5px 0 0 0;border:1px solid #2c2c2c;background:url(../img/input-center-bg.gif) no-repeat left top;color:#ffffff;
}
form.center select{
width:161px;font-size:12px;margin:5px 0 0 0;color:#5a5353;background:#1e1d1d;border:#2c2c2c solid 1px;height:27px;
}
form.center textarea {
width:455px;height:107px;font-size:12px;padding:5px 5px;margin:5px 0 0 0;border:#2c2c2c solid 1px;overflow:hidden;background:#1e1d1d url(../img/textarea-bg.gif) no-repeat left top;color:#ffffff;font-family:Arial, Helvetica, sans-serif;
}
.submit-link{
margin:7px 2px 0 0px;float:right;
}
.submit-link span{
padding:0 0 0 5px;
}
form.center input.submit{
background:none;border:0;width:64px;height:31px;padding:0;margin:0;
}


p{
	font-size:14px;
	margin-bottom:5px;
	color: #FFF;
}
.maroon{color:#973800; font-weight:bold;}
.hidden{display:none;}
.small{
	font-size:11px;
	margin-bottom:0px;
	color: #FFF;
}
a{outline:none;}
a {color:#277a5c; text-decoration:none;}
a:hover{color:#d91111;}

#container{width:700px; margin:0 auto;}
#container_top_border{height:12px; background:#000000;}


#header{color:#ffffff; margin:14px auto 0 auto; padding:30px 0 0 0;}
#logo_h a{width:188px; height:52px; background:#c4b257 url(images/logo.gif) 4px 3px no-repeat; padding:3px 6px 3px 4px; display:block; float:left;}
#logo_h a:hover{background:#c4b257 url(images/logo_hover.gif) 4px 3px no-repeat;}


#topnav{padding-top:30px;}

#topnav_i{float:right; padding-top:15px;}

#topnav_ii a{height:47px; display:block; padding-bottom:0; margin-bottom:0;}

#topnav li{list-style:none; float:left;}

#bt1{width:76px; height:47px; background:url(images/bt1.gif) no-repeat;}
#bt2{width:97px; height:47px; background:url(images/bt2.gif) no-repeat;}
#bt3{width:87px; height:47px; background:url(images/bt3.gif) no-repeat;}
#bt4{width:95px; height:47px; background:url(images/bt4.gif) no-repeat;}
#bt5{width:95px; height:47px; background:url(images/bt5.gif) no-repeat;}

#bt1 a:hover, #bt1 a.active{background:url(images/bt1.gif) no-repeat; background-position:-76px;}
#bt2 a:hover, #bt2 a.active{background:url(images/bt2.gif) no-repeat; background-position:-97px;}
#bt3 a:hover, #bt3 a.active{background:url(images/bt3.gif) no-repeat; background-position:-87px;}
#bt4 a:hover, #bt4 a.active{background:url(images/bt4.gif) no-repeat; background-position:-95px;}
#bt5 a:hover, #bt5 a.active{background:url(images/bt5.gif) no-repeat; background-position:-95px;}




#content{background:#000000; padding:0 18px 20px 18px; }


#image_home_slider{margin:0 auto; padding-top:18px; border-bottom:3px solid #f2cb56;}
#image_home_slider:hover{border-bottom:3px solid #e9de49;}
.safarifix_home{width:863px; height:290px;}
#image_home_buttons_holder {padding:3px 4px; border:1px solid #f2cb56; margin:-2px 1px 0 0; float:right;}


#content_left{width:580px; float:left; margin-top:40px;}
.bottomborder{margin:25px 0; border-bottom:1px solid #000000;}
#content_left ul{margin-top:12px;}
.left_list_style li{background:url(images/p_li.gif) 0px 5px no-repeat; list-style:none;
padding:0 0 7px 12px; font-size:13px;}



#content_right{width:232px; float:right; margin-top:40px;}
#content_right h3{color:#3b5a2b; border-bottom:3px solid #b3bf18; padding:0px 0 0px 12px; margin-top:0;}
.sidebar{margin-bottom:35px;}
.sidebar li{background:url(images/right_li.gif) 0px 5px no-repeat; list-style:none;
padding:0 0 12px 12px; font-size:13px; border-bottom:1px solid #b3bf18; margin-top:12px;}

.safarifix_portfolio{width:580px; height:171px;}


#web_slider{list-style:none; border-bottom:2px solid #f2cb56;}
#web_slider:hover{border-bottom:2px solid #e9de49;}
.portfolio_buttons_holder{padding:3px 4px; border:1px solid #f2cb56; margin-top:-1px; float:right;}
.pre_button{width:17px; height:21px; background:url(images/pre_button.gif); margin-right:10px; float:left;}
.pre_button:hover{background:url(images/pre_button_hover.gif);}
.next_button{width:17px; height:21px; background:url(images/next_button.gif); float:left;}
.next_button:hover{background:url(images/next_button_hover.gif);}
#web_info_slider{}
.info{width:580px; height:150px;}
.info_h3{margin-bottom:20px;}
.info p{font-size:12px;}
.h3_small{font-size:13px;}
.info_h3 a{text-decoration:none; color:#973800;}



#print_slider{list-style:none; border-bottom:2px solid #f2cb56;}
#print_slider:hover{border-bottom:2px solid #e9de49;}
.portfolio_buttons_holder{padding:3px 4px; border:1px solid #f2cb56; margin-top:-1px; float:right;}
.print_pre_button{width:17px; height:21px; background:url(images/pre_button.gif); margin-right:10px; float:left;}
.print_pre_button:hover{background:url(images/pre_button_hover.gif);}
.print_next_button{width:17px; height:21px; background:url(images/next_button.gif); float:left;}
.print_next_button:hover{background:url(images/next_button_hover.gif);}
#print_info_slider{}





#contact {margin-top:80px; color:#886600;}

#contact p{font-size:11px;}

textarea{background:#fff1aa; border:1px solid #c4b257; padding:2px; margin:11px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
textarea:hover{border:1px solid #ead256;}
.textbox{background:#fff1aa; border:1px solid #c4b257; width:190px; padding:2px; margin-bottom:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.textbox:hover{border:1px solid #ead256;}
#send_button{width:50px; height:25px; background:url(images/send_button.gif) no-repeat;
padding-bottom:1px; color:#6d5200; border:1px solid #c4b257;}
#send_button:hover{background:url(images/send_button_hover.gif); border:1px solid #c1cb39;}
#contact_address{margin-top:30px;}
#contact_address p{font-size:10px; margin-bottom:0px;}



#footer{height:1px; background:url(images/footer_bg.png) repeat-x bottom fixed; padding-bottom:0px;}
#footer_i{width:700px;  margin:0 auto; background:#000000; text-align:center; padding:10px 0 10px 0; margin-bottom:0px;}








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

#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: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color:#828282;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

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

#imageData{
	padding:0 10px;
	}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.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 */
	}	
	
#body_bottom_border #container #content div table tr td p {
	color: #FFF;
}
#body_bottom_border #container #content div table {
	color: #333;
}