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

/* BODY */
body { 
	background-color:#005cb7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	height:auto;
}

img {
   	border:none;
}

/* ADMIN FORM */
#admin_form input{
	width:100%;
}
#admin_form textarea{
	width:100%;
	height:400px;
}
#admin_form input.button {
	width:150px;
	border:1px #ccc solid;
	background:#f4f4f4;
	color:#333;
	padding:5px;
}

/* HEADER */
#header{	
	width:auto;
	background-color:#FFF;
	margin:0px;
	padding:0px;
}

#header .bg  {
	width:1024px;
	margin:0 auto;
	padding:0px;
	height:123px;
	
}

/* NAVIGATION */
.nav { 
	margin:0 auto;
	width:1024px;
}
.nav ul { 
	padding:0; 
	margin:0; 
	list-style:none; 
	border:0;
}
.nav ul li { 
	float:left; 
	margin:0; 
	padding:0 0px 0 0; 
	border:0;
}
	
/* MAIN CONTENT */
#wrapper {
	background:url(../images/topmain.jpg) top no-repeat;
	width:1024px;
	margin:0 auto;
	background-color:#FFF;
	min-height:500px; 
	height:auto !important; 
	height:600px;
	overflow:auto !important;
	overflow:inherit;	
}
h2 {
	color:#005CB7; 
	padding:0px; 
	margin:0px; 
	line-height:16px; 
	font-weight:bold; 
	font-size:20px;
}
h1 {
	margin: 0 0 0 10px;
}
#content {
	padding:0px;
	min-height:480px;
}
	
/* RIGHT MAIN CONTENT */
#rightmain {
	width:207px;
	float:right;
	background-color:#FFF;
	margin:0px;
	margin-top:6px;
}

#rightmain h3{ 
	background:url(../images/side_top.jpg) no-repeat; 
	color:#FFF; 
	padding:7px 3px 3px 6px; 
	font-size:12px; 
	width:185px; 
	margin:10px auto 0px auto; 
	height:30px;
}	

#rightbar{
	width:207px;
	margin:0 auto;
	background:url(../images/side_bottom.jpg) bottom no-repeat; 
	min-height:100px; 
	padding-bottom:30px;
}

#rightbar img{
	border:none;
	margin:3px 0px;
	padding:0px;	
}
		
#rightbar .content{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:160px;
	margin:0 auto;
	padding-left:40px;
}

#home_right a{
	color:#333;
}
#home_right a:hover{
	color:#000;
	text-decoration:underline;
}

/* FADE EFFECT */
#portfolio{
	width:200px;
	margin:0 auto;
	padding:0px;
}
#portfolio li{
	list-style:none;
	text-align:right;
}
#portfolio img{
	border:0px;
}

/* LEFT MAIN CONTENT */
#leftmain {
	width:787px;
	float:left;
	padding:10px;
	font-size:12px;
	color:#626466;
}

/* HOME BOXES */
#box_container {
	width:787px;
	height:auto;
	padding:0px;
	background-color:#FFF;
	margin:0px;
	margin-top:6px;
}

h3.box1, h3.box2, h3.box3{ 
	color:#FFF; 
	padding:7px 0px 0px 0px; 
	font-size:14px; 
	width:247px; 
	margin:0px 0 0px 0; 
	height:30px;
}	
	
h3.box1{
	background:url(../images/featured1.jpg) no-repeat; 
}
h3.box2{
	background:url(../images/featured2.jpg) no-repeat; 
}
h3.box3{
	background:url(../images/featured3.jpg) no-repeat; 
}

#box{
	width:247px;
	background:url(../images/featuredbg.jpg) bottom repeat-x; 
	min-height:150px; 
	float:left;
	margin:0 11px 0 0;
	margin-bottom:10px;
	padding:0px;
}
#box span{
	padding-left:15px;
}
#box li{
	list-style-image:url(../images/box_list.gif);
	color:#006fde;
	font-size:14px;
	line-height:30px;	
}

/* PRODUCT PAGES STYLE */
#p_left{
	float:left;
	width:280px;
	height:auto;
}

#p_right{
	float:left;
	width:500px;
	height:auto;
}

#p_bgsub{
	background:url(../images/p_bgsub.jpg) repeat-x;
	width:760px;
	min-height:180px; 
	height:auto !important; 
	border:#ececec 1px solid;
	padding:10px;
	margin-bottom:20px;
}

#p_bgsub .left{
	width:360px;
	float:left;
	text-align:center;
	padding-top:20px;
}

#p_bgsub .right{
	float:left;
	width:360px;
	padding-top:20px;
}
#p_bgsub .right a{
	color:#005bb4;
	font-size:18px;
	font-weight:900;
	text-decoration:none;
}
#p_bgsub .right a:hover{
	text-decoration:underline;
}

#p_whole{
	padding-left:20px;
	width:740px;
}


	
/* THUMBNAIL PAGE */
#thumbnails{
	background:url(../images/thumbnails.jpg) no-repeat;
	width:174px;
	height:158px;
	float:left;
	margin:20px 10px 0 10px;
}
#thumbnails .image{
	margin:3px auto 0 auto;
	width:130px;
	height:125px;		 
	padding:0px;
}
#thumbnails .text{
	text-align:center; 
	color:#FFF; 
	padding-top:5px;
}
/*
SPECIFIC PRODUCT PAGE
*/
	#prod_top{
		background:url(../images/product/top.jpg) top no-repeat;
		width:748px;
		height:23px;
		background-color:#424242;
	}
	#prod_body{
		background:url(../images/product/bottom.jpg) top no-repeat;
		width:748px;
	    min-height:240px; 
		height:auto !important; 
		height:240px;
		background-color:#e5e5e5;
	}
	#prod_top li{
		list-style:none;
		display:inline;
		padding:0 10px;
		background:url(../images/product/border.jpg) right no-repeat;
	}
	#prod_top a:link, a:visited{
		text-decoration:none;
		border:0px;
		color:#FFF;
	}
	#prod_top a:active, a:hover{
		color:#999;
	}
	#prod_top ul{
		padding:4px 0px 0 10px;
		color:#FFF;
		margin:0px;
	}
	h2.prod{
		font-size:24px;
	}
	#prod_body .left{
		float:left;
		width:200px;
		height:auto;
		padding:10px;
		text-align:center;
	}
	#prod_body .right{
		padding-top:30px;		
		float:left;
		width:500px;
		height:auto;
	}
	#prod_body .right span{
		font-size:18px;
	}
	#p_whole .box{
		margin:0px;
		float:left;
		background:url(../images/product/featurebox.jpg) no-repeat;
		width:146px;
		height:55px;
		padding:10px;
		text-align:center;
		margin-top:20px;
	}
	#p_whole .distance{
		margin:0px;
		padding-top:20px;
		float:left;
		width:500px;
		padding-left:20px;
	}
	#p_whole .distance span{
		margin:0px;
		font-weight:bold;
		padding-left:3px;
		line-height:28px;
	}
	span.boxtop{
		color:#ff7e00;
		font-size:20px;
		line-height:35px;
	}
	span.boxbot{
		font-size:14px;
		line-height:2px;
		font-weight:bold;
	}
	#prod_dist{
		margin-top:20px;
		line-height:25px;
		color:#424242;
		font-size:12px;
		margin-bottom:15px;
	}
	#prod_dist h2{
		color:#424242;
	}
	

/* FOOTER */
#footer{
	padding:11px 0px 7px 0;
	color:#FFF;
	text-align:center;
	font-size:12px;
	width:1024px;
	margin:0 auto;
	height:25px;
	background:url(../images/bg_footer.jpg) no-repeat;
}
#footer a {
	color:#FFF;
	text-decoration:none;
}