/* CSS Document */
body
{
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/Background2.gif) repeat-x 0 0;
    background-color: #100000;
}
	
div, img, form{
	padding:0;
	margin:0;
	border:0;
	}
	

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
h1 {
    font-weight:bold;
    font-size:1.2em;
    padding: 0px 0px 0px 8px;
}
h2{
    font-weight:bold;
    font-size:1.0em;
    padding: 0px 0px 0px 8px;
}
h3{
    font-weight:bold;
    font-size:0.9em;
    padding: 0px 0px 0px 16px;
}

p{
    padding: 0px 8px 0px 8px;
}

.toplink {
    width:100%;
    text-align:right;
    font-size:12px;
    font-weight:bold;
}

/*--------------------main part start-------------------*/
#main{
	width:800px;
	margin:0 auto;
	background:url(../images/top_bg.gif) repeat-x 0 0 #cfc3a9;
	color:#4c4c4c;
	padding:0px 0px 0px 0px;
	}
	
/*------------------header part start----------------*/
#header{
	position:relative;
	padding:0px;
	}
#headerTop
{
    width: 800px;
    height: 88px;
    position: relative;
    padding: 0px;
    background:url(../images/logo.jpg) no-repeat #CEC2A8;
}
#headerTop form.search{
	position:absolute;
	right:12px;
	height:20px;
	top:54px;
	}
	
.logo{

	left:0;
	top:0;
	display:block;
	font-size:0;
	}
	
/*---------------navigation part start------------------*/

#headerTop ul.navigation{
	height:24px;
	list-style-type:none;
	position:absolute;
	right:0;
	top:72px;
	/* background-color:#CEC2A8; */
	color:#fff;
	padding:0 16px 0 0;
	}
	
#headerTop ul.navigation li{
	float:left;
	display:block;
	height:24px;	
	font:bold 11px/24px Tahoma, Arial, Helvetica, sans-serif;
	}

#headerTop ul.navigation li a{
	float:left;
	display:block;
	background:url(../images/navi_icon.gif) no-repeat right top #7C1315;
	text-decoration:none;
	height:24px;
	color:#fff;
	padding:0 15px;
	}
#headerTop ul.navigation li a.noimg{
	background-image:none;
	}
	
#headerTop ul.navigation li a:hover{
	color:#000000;
	background:url(../images/navi_hover_icon.gif) no-repeat right top #ffffff;
	}

#headerTop ul.picNavA{
	height:198px;
	list-style-type:none;
	position:absolute;
	left:0px;
	top:123px;
	padding: 0px 0px 0px 18px;
text-align:center;
margin-left:auto;
margin-right:auto;
	}
#headerTop ul.picNavA li{
	float:left;
	display:block;
	height:198px;
	padding:0 1px 0 0;
	}




#headerTop ul.picNavi{
	height:198px;
	list-style-type:none;
	position:absolute;
	left:0;
	top:123px;
	padding: 0px 0px 0px 10px;
	}
	
#headerTop ul.picNavi li{
	float:left;
	display:block;
	height:198px;
	padding:0 1px 0 0;
	}

#headerTop ul.picNavi li a{
	float:left;
	display:block;
	text-decoration:none;
	height:198px;
	width:188px;
	text-indent:-2000px;
	}

#headerTop ul.picNavi li a.Shooting{
	background:url(../images/trauck_services.gif) no-repeat 0 0;
	}
	
#headerTop ul.picNavi li a.Archery{
	background:url(../images/shipping_staff.gif) no-repeat 0 0;
	}
	
#headerTop ul.picNavi li a.Marine{
	background:url(../images/container_ship.gif) no-repeat 0 0;
	}

#headerTop ul.picNavi li a.Service{
	background:url(../images/aircraft_cargo.gif) no-repeat 0 0;
	}

	
/*---------------body part start-------------*/
#body{
	padding:0;
	width:790px;
	margin:0 0 12px 0;
	}
	
/*----------------left part start-------------*/

#left{
	width:247px;
	float:left;
	padding:0 0 24px 0;
	background-color:#e5dbc2;
	color:#4c4c4c;
	}
	
#left h2.latest_news{
	background:url(../images/latest_news.gif) no-repeat 0 0;
	height:73px;
	font-size:0;
	line-height:0;
	text-indent:-22222px;
	margin:0 0 23px 0;
	}

#left h2.featured_items{
	background:url(../images/featured_items.gif) no-repeat 0 0;
	height:73px;
	font-size:0;
	line-height:0;
	text-indent:-22222px;
	margin:0 0 23px 0;
	}

.text{
	font-size:14px;
	line-height:16px;
	padding:0 5px 18px 12px;
	}
	
.text_strong{
    font-size:16px;
    line-height:20px;
	color:#000000;
	background-color:inherit;
	padding:0 5px 18px 12px;
	}
	
.moreLink{
	width:60px;
	height:18px;
	display:block;
	color:#030200;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	margin:0 0 0 11px;
	}
.moreLink:a{
    color:White;
	text-decoration:none;
	}
.moreLink:visited{
    color:White;
	text-decoration:none;
	}
.moreLink:hover{
	text-decoration:none;
	}
	
#left span.border{
	background:url(../images/left_line.gif) repeat-x left center;
	height:30px;
	display:block;
	font-size:0;
	line-height:0;
	margin:0;
	}
	
/*------------right part start----------------*/
	
#right{
	float:right;
	margin:0;
	padding:0 0 10px 0;
	background-color:#ffffff;
	color:#4c4c4c;
	}
	
#right h2.welcome{
	padding: 2px 0px 0px 10px;
	height:73px;
	font-size:1.2em;
	font-weight:bold;
    color:#ffffff;
	margin:0 0 23px 0;
	}

.background_moreLink{
	width:67px;
	height:20px;
	display:block;
	color:#faedd0;
	text-align:center;
	margin:0 0 0 17px;
	background-color:#000;
	text-decoration:none;
	font:bold 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	
	}

.background_moreLink:hover{
	text-decoration:none;
	color:#71001a;
	background-color:#faedd0;
	}
	
#right h2.best{
	font-size:27px;
	line-height:27px;
	color:#71001a;
	/* background-color:#faedd0; */
	border-top:solid 2px #71001A;
	margin:25px 0 4px 17px;
	}
	
#right ul.services_pic{
	height:94px;
	list-style-type:none;
	display:block;
	margin:0px 0px 0px 0px;
	font-size:0.8em;
	}
	
#right ul.services_pic li{
	float:left;
	display:block;
	padding:0 0 0 7px;
	}
	
#right ul.services_pic li img{
	display:block;
	font-size:0;
	line-height:0;
	margin:auto;
	}
#right a:link {
    color:#72001A;
}
#right a:visited {
    color:Black;
}
#right a:hover {
	color:Navy;
}
#right a:active {
    color:Navy;
}


.righttext{
	font-size:11px;
	line-height:16px;
	padding:0 12px 18px 17px;
	}
	
/*----------------footer part start-------------*/
#footer{
	background:url(../images/footer_bg.gif) repeat-x 0 0 #420000;
	display:block;
	line-height:20px;
	font-size:14px;
	color:Silver;
	text-align:center;
	padding:27px 0px 0px 0px;
	height:85px;
	position:relative;
	border-top:#fff 1px solid;
	list-style-type:none;
	margin:0;
	}

#footer a:link{
    color:#fff;
    }
#footer a:visited{
    color:#fff;
    }
#footer a:hover{
	color:#fff;
	background-color:#716346;
    }
#footer a:active{
    color:#fff;
    }    
	
#footer p{
	font-size:11px;
	margin:14px 0px 0px 0px;
	line-height:16px;
	}
	
/*-------------content------*/

#right h2.about{
	background:url(../images/about_shipping.gif) no-repeat 0 0;
	height:73px;
	font-size:0;
	line-height:0;
	text-indent:-22222px;
	margin:0 0 23px 0;
	}
	
/*-------------contact-------*/

#right h2.contact{
	background:url(../images/contact.gif) no-repeat 0 0;
	height:73px;
	font-size:0;
	line-height:0;
	text-indent:-22222px;
	margin:0 0 23px 0;
	}
	
form.contactform{
		width:318px;
		padding:40px 0 30px 0;
		margin: 0 auto;
		}
form.contactform label{
		width:70px;
		height:18px;
		margin:0 0 5px 0;
		float:left;
		display:block;
		font:normal 11px/18px tahoma, Arial, Helvetica, sans-serif; 
		}
form.contactform input{
		width:239px;
		height:16px;
		border:#919294 1px solid;
		float:left;
		margin:0 0 5px 0;
		}
form.contactform textarea{
		width:239px;
		border:#919294 1px solid;
		float:left; 
		margin:0 0 15px 0;
		height:53px;
		}
form.contactform label.blank{
		width:123px;
		height:22px;
		font-size:0; 
		}
form.contactform input.submit{
		background:url(../images/submit.gif) no-repeat 0 0;
		width:59px;
		height:22px;
		cursor:pointer;
		border:none;
		margin:0;
		float:left;
		}
form.contactform input.reset{
		background:url(../images/reset.gif) no-repeat 0 0;
		width:52px;
		height:22px;
		cursor:pointer;
		border:none;
		margin:0 0 0 16px;
		}
		
/* Lightbox */

#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 15% no-repeat; }
#nextLink:hover, #nextLink: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; 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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

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