/* dave de vega - web developer - jaobuilders */

body {

	margin: 0;

	padding: 0;

	line-height: 1.5em;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #444444;

	background: #ffffff;

}

		

a:link, a:visited { color: #006699; text-decoration: none; font-weight: normal; } 

a:active, a:hover { color: #CC0000; text-decoration: underline; }



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



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



.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }



.cleaner_h10 { clear: both; width:100%; height: 10px; }

.cleaner_h20 { clear: both; width:100%; height: 20px; }

.cleaner_h30 { clear: both; width:100%; height: 30px; }

.cleaner_h40 { clear: both; width:100%; height: 40px; }

.cleaner_h50 { clear: both; width:100%; height: 50px; }

.cleaner_h60 { clear: both; width:100%; height: 60px; }



.fl { float: left; }

.fr { float: right; }



.m_right { margin-right: 30px; }



.button_01 a {

	display: inline-block;

	padding: 5px 5px 5px 5px;

    background:  url(../images/more_button.png) bottom right no-repeat;

	text-align: center;

	color: #026181;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

}



h1 {

	margin: 0px;

	padding: 0px;

	font-size: 12px;

	font-weight: bold;

	color: #000;

}



h2 {

	margin: 0 0 15px 0;

	padding: 3px 0;

	font-size: 20px;

	font-weight: bold;

	color: #000;

}



h3 {

	margin: 0px;

	padding: 0px;

	font-size: 12px;

	font-weight: bold;

	color: #000;

}



.image_wrapper {

	border: 4px solid #e4eaed;

	padding: 1px;

	background: #ffffff;

	margin-top: 3px;

	margin-bottom: 5px;

}



.fl_image {

	float: left;

	margin-right: 15px 

}



.fr_image {

	float: right;

	margin-left: 15px 

}



.em_text {

	color: #000000;

}



/* site title */



#jsh_title_bar_wrapper {

	width: 100%;

	height: 100px;

	margin: 0 auto;	

	background: #ffffff

}



#jsh_title_bar {

	width: 960px;

	height: 100px;

	margin: 0 auto;

	padding: 10px 30px 0 10px;

	background: #ffffff;

}



#jsh_logo {

	float: left;

	margin: 0px;

	padding: 0 0 0 0;

}



#jsh_title_bar_right_section {

	float: right;

	width: 700px;

}



.chat_live {

	float: right;

	margin: 5px 0 0 0;

	width: 300px;

}



/* end of menu */



#jsh_menu {

	float: right;

	margin-top: 20px;

}



#jsh_menu ul {

	padding: 0;

	margin: 0 auto;

	list-style: none;

}



#jsh_menu ul li {

	padding: 0;

	margin: 0px;

	display: inline;

}



#jsh_menu ul li a {

	float: left;

	display: block;

	height: 20px;

	padding: 2px 0 0 0;

	margin: 0 0 0 30px;

	font-size: 12px;

	text-align: center;

	font-weight: normal;

	text-decoration: none;

	color: #074256;	

	outline: none;

}



#jsh_menu li a:hover, #jsh_menu li .current {

	position: relative;

	color: #ffffff;

	background: url(../images/menu_hover_right.png) right no-repeat;

}



#jsh_menu li a:hover span, #jsh_menu li .current span {

	position: absolute;

	top: 0;

	left: -5px;

	width: 6px;

	height: 22px;

	background:url(../images/menu_hover_left.png) no-repeat;

}



/* end of menu */



/* end of jsh title */



/* banner */



#jsh_banner_wrapper {

	width: 100%;

	height: 500px;

	margin: 0 auto;	

}



.sitemap_wrapper {

	width: 100%;

	height: 100%;

	margin: 0 auto;	

}



.sitemap_title {

	font-size: 14px;

	text-align: left;

	font-weight: bold;

	text-decoration: none;

	color: #FF6600;

}







#jsh_banner {

	width: 980px;

	height: 500px;

	margin: 0 auto;

	padding: 20px;

}



/* end of banner */



/* content */



#jsh_content_wrapper {

	width: 100%;

	margin: 0 auto;	

}



#jsh_content {

	width: 960px;

	margin: 0 auto;

	padding: 0px 0px 10px 30px;

	background: none;

}



#jsh_content p {

	margin-bottom: 10px;

}



#jsh_content .service_box {

	position: relative;

	float: left;

	width: 260px;

	height: 125px;

	padding: 10px 20px;

	background: url(../images/box1.png) top center no-repeat;

}





.service_box h3 {

	font-size: 14px;

	font-weight: bold;

	color: #0981a9;

	margin-bottom: 5px;

}



.service_box img {

	position: absolute;

	top: 85px;

	right: 30px;

}



#jsh_content .service_box2 {

	position: relative;

	float: left;

	width: 260px;

	height: 125px;

	padding: 10px 20px;

	background: url(../images/box2.png) top center no-repeat;

}





.service_box2 h3 {

	font-size: 14px;

	font-weight: bold;

	color: #0981a9;

	margin-bottom: 5px;

}



.service_box2 img {

	position: absolute;

	top: 85px;

	right: 30px;

}



#jsh_content .service_box3 {

	position: relative;

	float: left;

	width: 260px;

	height: 125px;

	padding: 10px 20px;

	background: url(../images/box3.png) top center no-repeat;

}





.service_box3 h3 {

	font-size: 14px;

	font-weight: bold;

	color: #0981a9;

	margin-bottom: 5px;

}



.service_box3 img {

	position: absolute;

	top: 85px;

	right: 30px;

}

.section_w960 {

	clear: both;

	width: 960px;

}



/* featured image zoomer*/

.magnifyarea {

box-shadow: 5px 5px 7px #818181;

-webkit-box-shadow: 5px 5px 7px #818181;

-moz-box-shadow: 5px 5px 7px #818181;

filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);

background: white;

}

/* end of content */



/* footer */



#jsh_footer_wrapper {

	width: 100%;

	margin: 0 auto;	

}



#jsh_footer {

	width: 960px;

	margin: 0 auto;

	padding: 20px 10px;

	text-align: center;

	background: none;

	color: #666;

}



#jsh_footer a {

	color: #333333;

}



#jsh_footer .footer_menu {

	margin: 0 0 10px 0;

	padding: 0px;

	list-style: none;

}



.footer_menu li {

	margin: 0px;

	padding: 0 20px;

	display: inline;

	border-right: 1px solid #7c7471;

}



.footer_menu .last_menu {

	border: none;

}



/* end of footer */