/* 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:100%; overflow:hidden;}
.wrap {width:100%; clear:both}
.overflow{ overflow:hidden}

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

body{ background: url(../images/bg_cont2.jpg) top center no-repeat #e3e2e2; border:0; font:13px Arial, Helvetica, sans-serif; color:#242222; line-height:17px; min-width:960px;}
#page1{ min-width:1020px;}

#page1{ background: url(../images/bg_cont.jpg) top center no-repeat #e3e2e2;}

.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 #03152f}
.body2{ border-top:1px solid #8b919c;}
.body3{ background:url(../images/bg_footer.png) top repeat-x ; height:59px;}

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

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

a{ color:#195ade; text-decoration: none; outline:none}
a:hover{ text-decoration: underline}
h1{ float:left; padding:53px 0 0 5px; }
h2{ font-size:30px; line-height:36px; font-weight:700; padding:0 0 20px 0; color:#242222;}

p{ padding-bottom:17px;}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:12px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
a.aToolTipCloseBtn { display:block;	height:20px; width:20px; overflow:hidden;background: url(../images/loading/close.gif) no-repeat;text-indent:-9999px;	outline:none; position:absolute; top:-15px;	right:-20px; }


/* ============================= header ====================== */
header{ height:170px;}
#page1 header{ height:773px;}

#logo{
	display:block;
	background:url(../images/logo.png) no-repeat;
	width:192px;
	height:130px;
	text-indent:-5000px;
	vertical-align: top;
}

#menu { float: right; padding:0 0 0 45px; margin-right:-4px; position:relative; z-index:20}
* +html #menu{ padding:2px 0 0 45px;}
#menu li { float:left; margin-left:14px; background:url(../images/menu_line.gif) 0 center no-repeat; padding-left:16px; position:relative}
#menu a{ display:block; width:150px; height:169px; position:relative; z-index:20}
#menu a:hover{ text-decoration:none}
#menu a .text1{ display:block; font-size:25px; font-weight:700; color:#fff; line-height:32px; position:absolute; top:51px; left:0;}
#menu a .text2{ display:block; font-size:14px; font-weight:400; color:#195ade; line-height:18px; position:absolute; top:82px; left:0}
#menu a .text2 span{ display:block; margin-top:-4px;}
#menu a .img{ margin-top:45px; position: absolute; height:78px; width:149px; display:block; z-index:1}
#menu a .img .up{ position:absolute; bottom:39px; left:0; display:none; width:149px; z-index:1}
#menu a .img .down{ position:absolute; top:39px; left:0; display:none; width:149px; z-index:1}

#menu #menu_active .text1{ font-size:30px; line-height:36px; color:#195ade; top:67px;}

#menu .ul_1, #menu .ul_2{ background: url(../images/menu_ul.png) no-repeat; position: absolute; left:16px; top:169px; width:150px; padding:13px 0 9px; display:none; height:166px;}
#menu .ul_1 li, #menu .ul_2 li{ float:none; margin-left:0; padding-left:0; background:none; padding:0 8px 7px;}
#menu .ul_1 a, #menu .ul_2 a{ padding:0 9px; width:115px; height:26px; font-size:14px; font-weight:400; color:#fff; line-height:26px;}
#menu .ul_1 a:hover, #menu .ul_2 a:hover{ background:url(../images/menu_active.jpg) no-repeat}

#menu .ul_2{left:150px; top:-13px;}

header .wrapper{ position:absolute}

/*--- slider begin ---*/

#faded { position:relative; z-index:1;width:950px; clear:both; margin-top:13px;}
* +html #faded{ margin-top:8px;}
#faded .rap { height:431px;width:950px; overflow:hidden; background: url(../images/img.jpg) no-repeat;}

#faded .rap li{  height:431px;width:950px; overflow:hidden; list-style-type:none; background:#fff;}

#faded .prev, #faded .next{ position:absolute; top:202px; display:block; width:14px; height:21px;}
#faded .prev{ left:-36px; background:url(../images/marker_left.gif) no-repeat}
#faded .next{ right:-36px; background:url(../images/marker_right.gif) no-repeat}

/*--- slider end ---*/

header h2{ color:#fff; float:left; padding:73px 0 0 0}
header .button{ float:right; margin-top:66px; line-height:54px; height:58px; margin-left:1px; width:131px; background:url(../images/button.jpg) no-repeat}
header .button:hover{ background:url(../images/button_active.jpg) no-repeat}


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

#content{ padding-top:62px; width:100%; overflow:hidden; padding-bottom:58px;}

figure{ padding-top:6px;}

.pad_bot1{ padding-bottom:30px;}
.pad_bot2{ padding-bottom:25px;}
.pad_bot3{ padding-bottom:10px;}
.marg_right{ margin-right:20px;}
.marg_right2{ margin-right:30px;}
.pad_left1{ padding-left:98px;}
.marg_bot1{ margin-bottom:38px;}

.marker_1{ padding-left:45px; background:url(../images/marker_1.gif) 3px 6px no-repeat}
.marker_2{ padding-left:40px; background:url(../images/marker_3.jpg) 0px 5px no-repeat}


.button{ display:inline-block; background:url(../images/button2.png) no-repeat; font-size:25px; color:#fff; font-weight:700; text-align:center; line-height:42px; height:48px; width:101px;}
.button:hover{ text-decoration:none; background:url(../images/button2_active.png) no-repeat} 

.under{ padding-bottom:51px; border-bottom:1px solid #dfdede;}
.under2{ padding-bottom:33px; border-bottom:1px solid #dfdede;}

.line1{ background: url(../images/line_ver1.png) 440px 0 repeat-y}
.line1_top{ background: url(../images/line_ver1_top.gif) 440px 0 no-repeat}
.line2{ background: url(../images/line_ver1.png) 287px 0 repeat-y}
.line2_top{ background: url(../images/line_ver1_top.gif) 287px 0 no-repeat}
.line3{ background: url(../images/line_ver1.png) 621px 0 repeat-y}
.line3_top{ background: url(../images/line_ver1_top.gif) 621px 0 no-repeat}
.line4{ background: url(../images/line_ver1.png) 641px 0 repeat-y}
.line4_top{ background: url(../images/line_ver1_top2.gif) 641px 0 no-repeat}
.line5{ background: url(../images/line_ver1.png) 380px 0 repeat-y}
.line5_top{ background: url(../images/line_ver1_top2.gif) 380px 0 no-repeat}

.list1 li{ padding-bottom:17px;}
.list1 li a{ color:#242222; padding-left:22px; display:block; background:url(../images/marker_2.gif) 0 5px no-repeat}

.list2 li{ padding-bottom:13px;}
.list2 li a{ color:#242222; padding-left:30px; display:block; background:url(../images/marker_2.gif) 0 5px no-repeat}

.list3 { padding-left:13px;}
.list3 li{ padding-bottom:13px;}
.list3 li a{color:#242222; padding-left:29px; display:block; background:url(../images/marker_4.gif) 0 7px no-repeat}


.font1{ font-weight:bold; color:#195ade; background:url(../images/marker_1.gif) 0 6px no-repeat; line-height:26px; padding:5px 0 12px 35px; display:inline-block}

#page2 .grid_7 .marg_right{ margin-right:14px;}
#page2 .grid_7.alpha.suffix_1{ padding-right:30px;}
#page2 .grid_7.center{ width:290px;padding-right:30px;}
#page2 .grid_7.omega{ width:285px;}
#page2 .cols figure{ padding-top:25px}
#page5 p{ line-height:19px; padding-bottom:19px;}

.cols{ width:241px; float:left;}


.link1{ text-decoration:underline}
.link1:hover{ text-decoration:none}

#map_canvas{ width:321px; height:339px;}

.top_left{ background:url(../images/map_top_left.png) top left no-repeat; position:absolute; width:5px; height:5px; margin-top:-339px;}
.top_right{ background:url(../images/map_top_right.png) top right no-repeat; position:absolute; width:5px; height:5px; margin-top:-339px; margin-left:316px;}
.bot_left{ background:url(../images/map_bot_left.png) bottom left no-repeat; position:absolute; width:5px; height:5px; margin-top:-5px;}
.bot_right{ background:url(../images/map_bot_right.png) bottom right no-repeat; position:absolute; width:5px; height:5px; margin-top:-5px; margin-left:316px;}

.address{ font-size:12px; color:#a2a2a2; line-height:19px; width:175px; padding-top:35px; padding-bottom:0}
.address a{ color:#535353;}

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

footer {
	color:#242222;
	padding-top:16px;
	width:100%;
	overflow:hidden;
	line-height:28px;
}
footer a{ color:#242222}
footer a:hover{color:#195ade}
footer span{ color:#195ade; font-weight:bold; text-transform:uppercase;}

#icons{ float:right; margin-right:-5px;}
#icons li{ float:left;}


/* ============================= forms ============================= */

#ContactForm .wrapper{ padding-bottom:10px;}
#ContactForm .bg{ background:url(../images/input.gif) no-repeat; float:left;}
#ContactForm .bg2{ background:url(../images/textarea.gif) no-repeat; float:left;}
#ContactForm a{ margin:15px 40px 0 0; float:left;}
#ContactForm .input {width:296px; height:16px; background: none; padding:10px 13px;color:#242222; font:13px Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:375px; height:189px; background: none; padding:10px 13px;color:#242222; font:13px Arial, Helvetica, sans-serif}