/* 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}
.clear{clear:both;}
.wrapper {width:100%;overflow:hidden}
.wrapper .myul{list-style-type:square; margin-left:20px;}
/* Global properties ======================================================== */
body {background:url(../images/bg.jpg) top center repeat;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#575652;line-height:22px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.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);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:960px}
.body1 {}
/* ============================= main layout ====================== */
a {color:#575652;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:44px 0 0 35px}
h2 {font-size:35px;color:#575652;font-weight:400;line-height:1.2em;letter-spacing:-1px;padding-bottom:12px}
h2 span {font-weight:300}
h2 strong, .box1 h2 strong {font-weight:700;display:inline-block;width:36px;color:#fff;text-align:center;background:url(../images/bg_title1.gif) 0 4px repeat-x;margin-right:3px}
h2.color2 strong {background-image:url(../images/bg_title2.gif)}
h2.color3 strong {background-image:url(../images/bg_title3.gif)}
h3 {font-size:35px;color:#dad6cc;font-weight:400;line-height:1.2em;padding:25px 0 0 35px;float:left;letter-spacing:-1px}
h4 {color:#dad6cc;font-weight:300;font-size:35px;line-height:1.2em;padding:0 0 7px 0;letter-spacing:-1px}
h4 span {color:#ffc11e;font-weight:400}
h4.color2 span {color:#9ecf39}
h4.color3 span {color:#6cd6af}
#page4 h4, #page5 h4 {padding:25px 0 16px 0;margin-left:-3px}
p {padding-bottom:22px}
strong {color:#dcd9cf}


/* ============================= header ====================== */

header {}
#logo {display:block;background:url(../images/logo.png) 0 0 no-repeat;width:146px;height:90px;text-indent:-9999px}
#menu {clear:both; float:left;padding:10px 0px 0px 0;}
#menu li {float:left;padding-right:4px; }
#menu li a {display:block;padding:0 10px; height:33px;font-size:16px;color:#fff;line-height:30px;text-decoration:none;font-weight:500 ; background-color:#669e1d;}
#menu li a:hover, #menu #menu_active a {background-color:#1d819e; color:#fff;}
#top_nav {float:right;padding:40px 37px 0 575px}
#top_nav li {float:left;padding:4px 26px 5px 0;margin-right:25px;background:url(../images/top_line.png) right 0 no-repeat}
#top_nav .end {padding-right:0;margin-right:0;background:none}

.slider {position:relative;z-index:1;width:100%;height:440px;overflow:hidden;margin-bottom:7px; border-bottom:1px solid #FFF;}
.slider .items {display:none}
.pic {float:right;position:relative}
.mask {left:auto !important;right:0;width:960px !important}
.pagination {position:relative;left:0;top:5px; margin-bottom:81px;z-index:3; background-color:#111;}
.pagination li {width:159px; height:75px; float:left; margin-right:1px;}
.pagination a {display:block; position:relative; cursor:pointer; padding:25px 0 0 10px; font-size:20px; line-height:1.2em; font-weight:500; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:-1px; height:100px }
.pagination a span {display:block;font-weight:500;font-size:26px; line-height:1.2em; margin-top:-10px; letter-spacing:auto; color:#EEE;}

#banner1 {background:url(../images/banner1.jpg) 0 0 no-repeat}
#banner1 a {background:url(../images/banner-hover.png) -250px 0 no-repeat}
#banner2 {background:url(../images/banner2.jpg) 0 0 no-repeat}
#banner2 a {background:url(../images/banner-hover.png) -250px 0 no-repeat}
#banner3 {background:url(../images/banner3.jpg) 0 0 no-repeat}
#banner3 a {background:url(../images/banner-hover.png) -250px 0 no-repeat}
#banner4 {background:url(../images/banner4.jpg) 0 0 no-repeat}
#banner4 a {background:url(../images/banner-hover.png) -250px 0 no-repeat}
#banner5 {background:url(../images/banner5.jpg) 0 0 no-repeat}
#banner5 a {background:url(../images/banner-hover.png) -250px 0 no-repeat}
#banner6 {background:url(../images/banner6.jpg) 0 0 no-repeat}
#banner6 a {background:url(../images/banner-hover.png) -250px 0 no-repeat}


.pagination #banner1:hover, .pagination #banner1.current, .pagination #banner2:hover, .pagination #banner2.current, .pagination #banner3:hover, .pagination #banner3.current {}
.banner {position:absolute;z-index:2;right:0;bottom:0;margin:0 10px 10px 0}
.banner span {float:right;padding:0 32px;margin-bottom:5px;background:#999;font-size:40px;line-height:56px;height:56px;font-weight:400;color:#FFF;line-height:1.2em}
.banner em {font-style:normal;text-transform:uppercase}
.banner strong {float:right;padding:0 32px;background:#000;font-size:30px;line-height:56px;font-weight:300;color:#FFF}


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

#content {}
.tdclass{padding:5px; border:1px dashed #EEE; background-color:#CCC;}
.pad_left1 {padding-left:26px}
.pad_left2 {padding-left:36px}
.pad_bot1 {padding-bottom:14px}
.pad_bot2 {padding-bottom:4px}
.marg_right1 {margin-right:37px}
.box {width:215px; color:#898989; float:left; background-color: #EEE;border-top:8px solid #fff ;padding:15px 30px 29px;  margin-bottom:20px;}
.box-margin{margin-right:30px;}
.box strong {color:#fff}
.box figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

.box1 {background:url(../images/bg_box1.jpg) top center no-repeat #dad6cc;border-top:5px solid #1d819e; padding:15px 30px 29px}
.box1 strong {color:#3f3f3f}
.box1 figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

.box2 {background:#2095b7;padding:10px 10px 10px; text-align:left; overflow:auto;}
.box2 .line1, .box2 .line2 {background-image:url(../images/line_vert2.gif)}
.imgcls{border:5px solid #fff; margin-right:10px;}
.imgcls_right{border:5px solid #fff; margin-left:10px;}

.box3{width:30%; float:left; margin-right:3%;}



#page4 .box2 {margin-top:7px;padding-top:30px;padding-bottom:28px}
.line1 {background:url(../images/line_vert1.gif) 249px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 591px 0 repeat-y}


#page3 .line1 {background-position:282px 0}
.relative {position:relative}
.button1 {float:right;color:#dddad1;text-decoration:none;background:#AAA;line-height:18px;padding:0 9px;margin-top:2px}
* + html .button1 {margin-top:-20px}
.button1 {color:#dddad1}
.button1:hover {background:#ffb919;color:#fff}
.button1.color2 {color:#dddad1}
.button1.color2:hover {background:#94c932;color:#fff}
.button1.color3 {color:#dddad1}
.button1.color3:hover {background:#63d1a7;color:#fff}
.button2 {display:inline-block;font-size:15px;color:#fff;text-transform:uppercase;text-decoration:none;padding:0 21px;height:36px;line-height:34px;font-weight:400;background:url(../images/button1_bg.gif) top repeat-x;letter-spacing:-1px}
.button2.color2 {background-image:url(../images/button2_bg.gif)}
.button2.color3 {background-image:url(../images/button3_bg.gif)}
.button2:hover {background:#000}
.color0 {color:#616161;text-decoration:none}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline}
.quot {margin-top:17px;float:left;margin-left:94px;padding:12px 0 17px 41px;font-style:italic;background:url(../images/quot1.png) 0 0 no-repeat;width:570px}
.quot img {display:inline-block;margin:4px 0 0 9px}
#page2 .quot {padding-bottom:7px}
.list1 {margin-top:-2px;margin-bottom:-2px}
.list1 li {line-height:26px}
.list1 li a {color:#dcd8cf;padding-left:22px;background:url(../images/marker_1.gif) 0 3px no-repeat}
.list1 .color2 a {background-position:0 -23px}
.list1 .color3 a {background-position:0 -49px}


/*--- tabs begin ---*/

.tabs {}
.tabs ul.nav {padding:0px;overflow:hidden}
.tabs ul.nav li {float:left;margin-right:30px; padding-left:0; margin-bottom:20px;}
.tabs ul.nav li a {font-size:24px;color:#ff900c;font-weight:400;text-decoration:none;letter-spacing:-1px}
.tabs ul.nav .selected a, .tabs ul.nav a:hover {color:#007bc9}
.tabs .tab-content {}
/*--- tabs end ---*/
.address {float:left;width:80px}
.img1 {position:absolute;right:0;top:32px}


.hr1{
border-bottom:#f5f3ef 1px solid; height:1px;
background-color:#AAA; margin-bottom:20px; margin-top:5px;
width:100%;
}
.alert_success{color:green;}
.alert_error{color:red;}
/* ============================= footer ====================== */

footer {background:#1d819e;padding:21px 36px 44px; color:#fff;}
#footer_logo {float:left;font-size:46px;font-weight:300;text-transform:uppercase;color:#dedbd2;line-height:1.2em;text-decoration:none;letter-spacing:-3px;margin-left:-4px}
#footer_logo span {color:#ffc11e}
#icons {float:right;padding:0px 0 0 0}
#icons li {float:left;padding-left:7px}


/* Tooltips */

.aToolTip {background:#ffc11e;color:#fff;font-weight:bold;margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0}
.tel {float:right;margin-top:-1px;background:url(../images/bot_icon.gif) 0 15px no-repeat;padding:0 0 0 38px;font-size:35px;line-height:1.2em;color:#dedad1;letter-spacing:-2px;font-weight:300}
.tel span {color:#ffc11e}
footer nav {float:left}
#footer_menu {float:left;padding:15px 0 18px 0;margin-left:-1px}
#footer_menu li {float:left;padding-right:10px;background:url(../images/menu_line.gif) right 0 no-repeat;margin-right:10px}
#footer_menu li a {display:block;color:#fff;text-decoration:none;line-height:20px}
#footer_menu li a:hover, #footer_menu .active a {color:#fff206}
#footer_menu .end {background:none;padding-right:0;padding-left:0}
#footer_text {padding-top:10px;border-top:1px solid #2095b7;text-align:center}
#footer_text a {color:#fff;text-decoration:none}
#footer_text a:hover {text-decoration:underline}


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

#ContactForm {width:585px;overflow:hidden;padding-bottom:36px}
#ContactForm .wrapper {height:26px}
#ContactForm span {float:left;width:105px;line-height:24px}
#ContactForm .textarea_box {width:100%;overflow:hidden;min-height:103px;padding-bottom:5px}
#ContactForm {}
#ContactForm a {margin-left:10px;width:72px;text-align:center;float:right}

input[type=text], textarea{
	border:1px solid #CCC; 
	padding:7px; text-decoration:none;
	font-size:12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#FFF; color:#353535;
	
	margin-bottom:5px;
	width:90%;
}

select{
	border:1px solid #CCC; 
	padding:7px; text-decoration:none;
	font-size:12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#FFF; color:#353535;
	
	margin-bottom:5px;
	width:93%;
}

input[type=submit], input[type=reset], form a{
	border:none; margin-right:1em; padding:7px 10px 7px; text-decoration:none;
	font-size:13px;
	font-weight:bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#79c2ff; color:white;
	box-shadow: 0 1px 1px white;
	-moz-box-shadow: 0 1px 1px white;
	-webkit-box-shadow: 0 1px 1px white;

}

input[type=submit]:hover, input[type=reset], form a:hover{
	background:#33AD14;
	cursor:pointer;
	
	
}