/* 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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {
	width:auto;
	overflow:hidden;
}

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

body{
	background: url(../images/bg.gif) top center repeat;
	border:0;
	color:#000;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.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:static;
	z-index:2;
	height:117px;
	visibility: visible;
}
#page1 .body1{ height:601px;}
.body2{ border-top:3px solid #fff;}
#page1 .body2{
	margin-top:-154px;
	position:inherit;
	z-index:1;
	background-color: transparent;
}
.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 -116px;
	display: compact;
}
body, html {height:100%;}


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

a{ color:#626262; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h2, h3{ font-size:22px; line-height:40px; font-weight:700; color:#585858; padding:0 0 4px 0; margin-top:26px;}
h3{
	background:url(../images/line_hor1.gif) bottom repeat-x;
	padding-bottom:5px;
	margin-bottom:15px;
}
h3 span{
	display:block;
	padding-left:5px
}
p{
	padding-bottom:1px;
}

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

#page1 header{height:447px;}

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

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

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

.pad_bot1{ padding-bottom:18px;}
.pad_bot2{
	padding-bottom:1px;
}
.pad_bot3{ padding-bottom:10px;}
.marg_right1{ margin-right: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{
	display:block;
	padding-left:26px;
	text-decoration:none;
	background-image: url(../images/marker_1.png);
	background-repeat: no-repeat;
	background-position: 10px 13px;
}
.list1 li:hover{ background:#000; border:1px solid #000}
.list1 li:hover a{ color:#fff}

.img1{ background:url(../images/img_1.jpg) 0 2px no-repeat}
.img2{
	background:url(../images/img_2.jpg) 0 0px no-repeat;
	font-size: 20px;
}
.img3{
}
.img4{ background:url(../images/img_4.jpg) 0 0px no-repeat}
.img5{ background:url(../images/img_5.jpg) 0 0px no-repeat}

.button{ 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;position:relative; 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;}

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

.tabs ul.nav {
	position:inherit;
	padding-top:2px;
}
.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-left:25px;
	line-height:32px;
	text-decoration:none
}
.tabs ul.nav .selected, .tabs ul.nav li:hover { background:#f4f3f3}
.tabs .tab-content {
	position: relative;
	width: 600
.px;
}

.tabs .tabs2 ul.nav2 {}
.tabs .tabs2 ul.nav2 li { float: right; 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-left: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:10px;
	width:100%;
	overflow:hidden;
	padding-bottom: 20px;
}
.gallery1{ float:left;}
.gallery1 li{
	float:left;
	padding-right:20px;
	width:180px;
	margin-top:-4px;
	margin-right: -10px;
}
.gallery1 li p{
	padding-bottom:50px;
}
.gallery1 li span{ font-size:10px;  display:block; padding-top:1px;}
.inner1 .next{
	position:relative;
	background: url(../images/marker_right.jpg) no-repeat;
	width:24px;
	height:104px;
	float:right;
	cursor:pointer
}
.inner1 .prev{
	position:relative;
	background: url(../images/marker_left.jpg) no-repeat;
	width:24px;
	height:104px;
	float: left;
	cursor:pointer;
	margin-right:16px;
}
.inner1 .next:hover{ background:url(../images/marker_right_active.gif) no-repeat}
.inner1 .prev:hover{ background:url(../images/marker_left_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: right; width:520px;}
.gallery2 li{ float: right !important; padding-right: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_right2.gif) no-repeat; width:15px; height:16px; float:right; cursor:pointer; margin-left:4px;}
.inner2 .prev2{ position:relative; background: url(../images/marker_left2.gif) no-repeat; width:15px; height:16px; float: left; cursor:pointer; margin-right:16px;}

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


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

iframe{ margin-top:-3px;}

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

.top_left, .top_right, .bot_right, .bot_left{
	position:absolute;
	width:225px;
	height:36px;
	visibility: visible;
}
.top_left{ background: url(../images/top_left.png) no-repeat; top:8px; left:0px}
.top_right{ background:url(../images/top_right.png) no-repeat; top:8px; right:0px;}
.bot_right{
	background:url(../images/bot_right.png) no-repeat;
	bottom:auto;
	right:192px;
	display: table-header-group;
	direction: ltr;
	visibility: visible;
	position: absolute;
	top: 8px;
}
.bot_left{
	background:url(../images/bot_left.png) no-repeat;
	bottom:317px;
	left:64px
}

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

.color1{
	color:#000
}

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

footer { font-size:12px; color:#9c9c9c; width:100%; overflow:hidden}
footer a{ color:#9c9c9c}

footer h2{ font-weight:400; color:#6d6d66; margin-top:27px; padding-bottom:0; line-height:34px;}

#icon li{ float:left; padding-right:3px;}
#footer_logo{
	position:relative;
	z-index:1;
	display:block;
	width:167px;
	height:50px;
	text-indent:-5000px;
	margin-top:27px;
	background-image: none;
	background-repeat: no-repeat;
}
#privacy{
	position:absolute;
	left:3px;
	top:44px;
	z-index:2
}
/* ============================= forms ============================= */

#ContactForm { padding-top:7px;}
#ContactForm .wrapper{ margin-bottom:10px;}
#ContactForm .wrapper.no_pad { margin-bottom:4px;}
#ContactForm .bg{ background:url(../images/bg_form.gif) repeat; border:1px solid #cbcbcb; float:left; padding:8px 0;position:relative; behavior: url(js/PIE.htc);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#ContactForm .button{ margin-left:29px; float:right; margin-top:17px; background: url(../images/bg_button_active.gif) top repeat-x #e8e8e8;}
#ContactForm .button:hover{background:url(../images/bg_button.gif) top repeat-x #d3d3d3;}
#ContactForm .input {width:336px; height:16px;  background: none;color:#626262; font:12px Arial, Helvetica, sans-serif ; padding:0 11px;}
#ContactForm textarea { overflow: auto;width:566px; height:156px;  background: none; color:#626262; font:12px Arial, Helvetica, sans-serif ; padding:0 11px}
* +html #ContactForm .bg{ padding:10px 0}