/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* right & left alignment */

.right { float:right;}
.left { float:left;}
.wrapper {
	width: 950px;
	overflow: hidden;
	text-align: right;
}

/* Global properties ======================================================== */

body{ background: url(../images/bg.gif) top center repeat; border:0; font:12px Tahoma, Arial, Helvetica, sans-serif; color:#444; }

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg_top.jpg) top center no-repeat; position:relative; z-index:2; height:117px;}
#page1 .body1{ height:301px;}
.body2{ border-top:3px solid #fff;}
.body3{ background:url(../images/bg_footer.gif) top repeat-x; height:116px;}

.block {height:116px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto;}
body, html {height:100%;}


/* ============================= main layout ====================== */

a{ color:#0080FF; text-decoration: none; outline:none}
a:hover{ text-decoration: underline}
h2, h3{ font-size:20px; line-height:40px; font-weight:700; color:#585858; padding:0 0 4px 0;}
h3{ background:url(../images/line_hor1.gif) bottom repeat-x; padding-bottom:6px; margin-bottom:10px;}
h3 span{ display:block; padding-right:40px}
p{ padding-bottom:22px;}

/* ============================= header ====================== */
header{ height:117px}

#page1 header{height:447px;}

#menu{ text-align:center}
#head{ text-align:center}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-bottom:20px;}
#page1 #content{ margin-top:-20px}
figure{ margin-top:7px;}

.pad_bot1{ padding-bottom:18px;}
.pad_bot2{ padding-bottom:27px;}
.pad_bot3{ padding-bottom:10px;}
.marg_left1{ margin-left:20px;}

.list1 li{ line-height:34px; height:34px; background:url(../images/bg_box1.gif) top repeat-x #dcdcdc; border:1px solid #cbcbcb; margin-bottom:5px; position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.list1 li a{ color:#777;display:block; background:url(../images/marker_1.png) 10px 13px no-repeat; padding-right:26px; text-decoration:none; background-position: 180px;}
.list1 li:hover{ background:#000; border:1px solid #000}
.list1 li:hover a{ color:#fff}

.list2 { float:right;width:160px}
.list2 li{ line-height:20px; height:20px;margin-bottom:5px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.list2 li a{ display:block; padding-right:20px; text-decoration:none;}
.list2 li:hover{ background:#000;}
.list2 li:hover a{ color:#fff}

.img1{ padding-top:5px;background:url(../images/img_1.jpg) 0 2px no-repeat; background-position: right}
.img2{ padding-top:5px;background:url(../images/img_2.jpg) 0 0px no-repeat; background-position: right}
.img3{ padding-top:5px;background:url(../images/img_3.jpg) 0 3px no-repeat; background-position: right}
.img4{ padding-top:5px;background:url(../images/img_4.jpg) 0 0px no-repeat; background-position: right}
.img5{ padding-top:5px;background:url(../images/img_5.jpg) 0 0px no-repeat; background-position: right}
.img6{ padding-top:5px;background:url(../images/img_6.jpg) 0 0px no-repeat; background-position: right}
.img7{ padding-top:5px;background:url(../images/img_7.jpg) 0 0px no-repeat; background-position: right}
.img8{ padding-top:5px;background:url(../images/img_8.jpg) 0 0px no-repeat; background-position: right}

.button{ font-size:15px; color:#424242; text-decoration:none; line-height:24px; background:url(../images/bg_button.gif) top repeat-x #d3d3d3; border:1px solid #bebebe;behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 10px; padding-bottom:2px;}
.button:hover{ background: url(../images/bg_button_active.gif) top repeat-x #e8e8e8;cursor:hand}

.lbutton{ clear:both;float:left;display:inline-block; font-size:15px; color:#424242; text-decoration:none; line-height:24px; background:url(../images/bg_button.gif) top repeat-x #d3d3d3; border:1px solid #bebebe;behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 10px; padding-bottom:2px;}
.lbutton:hover{ background: url(../images/bg_button_active.gif) top repeat-x #e8e8e8;text-decoration:none;}

.link1{ font-size:11px; font-weight:bold; padding-right:20px; background:url(../images/marker_2.gif) 0 1px no-repeat}

.tabs ul.nav { position:relative; padding-top:38px;}
.tabs ul.nav li{ line-height:34px; height:34px; background:url(../images/bg_box1.gif) top repeat-x #dcdcdc; border:1px solid #cbcbcb; margin-bottom:5px; position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.tabs ul.nav li a{ display:block; padding-right:9px; line-height:32px; text-decoration:none}
.tabs ul.nav .selected, .tabs ul.nav li:hover { background:#f4f3f3}
.tabs .tab-content { position: relative; }

.tabs .tabs2 ul.nav2 {}
.tabs .tabs2 ul.nav2 li { float: left; padding:0 12px 0 0; line-height:16px; margin-bottom:0; margin-top:-2px; height:16px; background:none; border:none;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.tabs .tabs2 ul.nav2 li a{ padding-right:0; line-height:16px; text-decoration:none}
.tabs .tabs2 ul.nav2 .selected a, .tabs .tabs2 ul.nav2 li a:hover{ color:#919191}
.tabs .tabs2 ul.nav2 { padding-top:0}

/*---gallery1 begin ---*/
.carousel-box .inner1{ position:relative; padding-top:6px; width:100%; overflow:hidden }
.gallery1{ float:right;}
.gallery1 li{ float:right; padding-left:20px;  width:180px; margin-top:-4px;}
.gallery1 li p{ padding-bottom:17px;}
.gallery1 li span{ font-size:10px;  display:block; padding-top:1px;}
.inner1 .next{ position:relative; background: url(../images/marker_left.jpg) no-repeat; width:24px; height:104px; float:left; cursor:pointer}
.inner1 .prev{ position:relative; background: url(../images/marker_right.jpg) no-repeat; width:24px; height:104px; float: right; cursor:pointer; margin-left:16px;}
.inner1 .next:hover{ background:url(../images/marker_left_active.gif) no-repeat}
.inner1 .prev:hover{ background:url(../images/marker_right_active.gif) no-repeat}

/*---gallery2 begin ---*/
#page2 .carousel-box{ padding-top:7px; padding-bottom:20px; width:100%; overflow:hidden}
.carousel-box .inner2{ position:relative; overflow:hidden; background:#f4f3f3; border:1px solid #cbcbcb; padding:10px 9px 8px;position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.gallery2{ float: left; width:520px;}
.gallery2 li{ float: left !important; padding-left:12px;}
.gallery2 li p{ padding-bottom:17px;}
.gallery2 li img{ padding-bottom:11px;}
.gallery2 li span{ font-size:10px;  display:block; padding-top:1px;}
.inner2 .next2{ position:relative; background: url(../images/marker_left2.gif) no-repeat; width:15px; height:16px; float:left; cursor:pointer; margin-right:4px;}
.inner2 .prev2{ position:relative; background: url(../images/marker_right2.gif) no-repeat; width:15px; height:16px; float: right; cursor:pointer; margin-left:16px;}

/*---gallery3 begin ---*/
.carousel-box .inner3{ position:relative; padding-top:6px; width:100%; overflow:hidden; padding-bottom:2px; min-height:254px; }
.gallery3{float:right;}
.gallery3 li{ float:right; padding-left:27px; width:173px; min-height:254px;}
.gallery3 li p{ padding-bottom:17px;}
.gallery3 li img{ margin-bottom:15px;}
.gallery3 li span{ font-size:10px; display:block; padding-top:1px;}
.inner3 .next3{ position:relative; background: url(../images/marker_left3.gif) no-repeat; width:24px; height:254px; float:left; cursor:pointer}
.inner3 .prev3{ position:relative; background: url(../images/marker_right3.gif) no-repeat; width:24px; height:254px; float: right; cursor:pointer; margin-left:16px;}
.inner3 .next3:hover{ background:url(../images/marker_left3_active.gif) no-repeat}
.inner3 .prev3:hover{ background:url(../images/marker_right3_active.gif) no-repeat}


.font1{ font-size:18px; font-weight:bold; line-height:26px;}

#wrap_map{ padding-top:8px; position:relative; width:230px; height:187px; margin-bottom:13px}
#map_canvas{ width:230px; height:187px;}

.top_right, .top_left, .bot_left, .bot_right{ position:absolute; width:5px; height:5px;}
.top_right{ background: url(../images/top_right.png) no-repeat; top:8px; right:0px}
.top_left{ background:url(../images/top_left.png) no-repeat; top:8px; left:0px;}
.bot_left{ background:url(../images/bot_left.png) no-repeat; bottom:0; left:0px;}
.bot_right{ background:url(../images/bot_right.png) no-repeat; bottom:0; right:0px}

.col{ float:right; width:180px;}

.color1{ color:#919191}

/* ============================= footer ====================== */

.body3 a{ color:#626262; text-decoration: underline; outline:none};
#icon li{ float:right; padding-left:3px;}
#footer_logo{ position:relative; z-index:1; display:block; background:url(../images/footer_logo.jpg) no-repeat; width:167px; height:50px; text-indent:-5000px; margin-top:27px;}
#privacy{ position:absolute; right:63px; top:54px; z-index:2}
/* ============================= forms ============================= */

.iframe{ background-color:#eee;width:695px;border:1px solid #cbcbcb; padding:2px; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

form { display:inline;}
form .wrapper{ margin-bottom:10px;}
form .wrapper.no_pad { margin-bottom:4px;}
.bg{ background:url(../images/bg_form.gif) repeat; border:1px solid #cbcbcb; padding:8px; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.title{ text-align:center;font-size:13px; font-weight:bold;color:#ddd; padding:6px; background:#666 url(../images/title_bg.gif); margin-bottom:2px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}}
form .input {width:336px; height:16px;  background: none;color:#333; font:12px Tahoma,Arial, Helvetica, sans-serif ; padding:2px;}
form .textarea { overflow: auto;width:566px; height:156px;  background: none; color:#626262; font:12px Arial, Helvetica, sans-serif ; padding:0 11px}


.CustomerLoginForm { display:inline;}
.CustomerLoginForm .title{ margin-top:50px;}
.CustomerLoginForm .wrapper{ margin-bottom:10px;}
.CustomerLoginForm .wrapper.no_pad { margin-bottom:4px;}
.CustomerLoginForm .bg{ padding:5px;background:url(../images/bg_form.gif) repeat; border:1px solid #cbcbcb; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.CustomerLoginForm .button{ padding:3px;width:95px; margin-top:17px; background: url(../images/bg_button_active.gif) top repeat-x #e8e8e8;font:11px Tahoma, Arial, sans-serif}
.CustomerLoginForm .button:hover{background:url(../images/bg_button.gif) top repeat-x #d3d3d3;}
.CustomerLoginForm .input {width:180px; height:16px;  background: none;color:#333; font:12px Arial, Helvetica, sans-serif ; padding:0 5px;text-align:center}
.CustomerLoginForm .textarea { overflow: auto;width:566px; height:156px;  background: none; color:#626262; font:12px Arial, Helvetica, sans-serif ; padding:0 11px}
* +html .CustomerLoginForm .bg{ padding:10px 0}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.container_22 {
	margin-top: -80px;
}


.sidemenu {
 	float: right;
 	width: 200px;
 	padding-top: 15px;
}

.body_content {
	float: right;
	width: 720px;
	padding: 10px 10px 10px 10px;
}
.body_rect {
	float: right;
	width: 320px;
	padding: 0px 10px 10px 10px;
	text-align:justify;
	margin-bottom:30px;
}

.bg table{border:1px solid #bbb}
.bg th{background-color:#222;color:#eee;padding:2px;font-size:11px;}
.bg td{background-color:#fff;color:#555;padding:2px;border:1px solid #ddd}
.bg .td_label{background-color:#eee;color:#555;padding:2px;font-size:11px;width:25%;}
.bg .td_hl{background-color:#eee;color:#333;padding:2px;}

.bg .hl_1{color:#A800A8;text-decoration:none;font-weight:bold;display:block;}
.bg .hl_2{color:#11A800;text-decoration:none;font-weight:bold;display:block;}

td input,td select,td textarea {border:1px solid #bbb}