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

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

body{ background: url(../images/bg.jpg) top center repeat; border:0; font:13px Verdana, Geneva, sans-serif; color:#757575; line-height:18px;}

.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 ============================================================= */

.body1{
	position:relative;
	z-index:2;
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
}
.body2{ background:#fbfbfb; position:relative; z-index:1}
.body3{ background:url(../images/bg_top2.jpg) top center repeat-x}
.body4{
	background-color: #838587;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}

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

a{ color:#1f1f1f; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
h2{ font:30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#464646; line-height:1.2em; padding:0 0 18px 0; margin-top:-4px;}
h3{ font:30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#18bbfe; line-height:1.2em; padding:37px 0 17px 0; text-transform:uppercase;}
h3 span{ font-size:27px; vertical-align:baseline;}
h4{ font:21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f2f2f2; line-height:1.2em; padding:46px 0 12px 0;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:253px;}
#page1 header{ height:625px;}
#page2 header{ height:195px;}
#sign_in{
	width:100%;
	overflow:hidden;
	color:#fff;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#sign_in a{ color:#fff;}

#search{ float: right; background:url(../images/search.jpg) 0 0 no-repeat; width:168px; margin-top:29px;}
#search .submit{ float:right; height:28px; width:38px; background:none; cursor:pointer}
#search .input{ float:right; width:110px; font:12px Verdana, Geneva, sans-serif; color:#000; height:14px; padding:7px 10px; background:none}

#top_nav{
	float:right;
	padding-top: 35px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
#top_nav li{ float:left; font-size:12px; color:#fff;}
#top_nav li a{ color:#fff; padding-left:18px; text-decoration:none}
#top_nav li a:hover{ }

.img1{ background:url(../images/top_img1.gif) 0 2px no-repeat}
.img2{ background:url(../images/top_img2.gif) 0 2px no-repeat}
.img3{ background:url(../images/top_img3.gif) 0 2px no-repeat}

#logo{
	display:block;
	width:250px;
	height:110px;
	text-indent:-9999px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}

#box { background:url(../images/menu_bg.gif) top repeat-x #ededed;width:100%; height:50px;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;   position: relative; z-index:99}
#menu{ float:left; position:relative; z-index:99}
#menu > li { float:left; padding-right:1px; background:url(../images/menu_line.jpg) top right no-repeat; position:relative}
#menu > li > a{ display:block; width:124px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0e0e0e; line-height:50px; text-transform:uppercase; text-decoration:none; text-align:center}
#menu > .nav1 > a, #menu > .nav1{border-radius:10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px;  position: relative;}
#menu > li:hover{ background:#0daffc; }
#menu > .active, #menu > .active:hover{background:url(../images/menu_bg_active.gif) top repeat-x #34333b;}
#menu > li:hover > a{
	color:#fff;
	background-color: #ED1F24;
}
#menu > .active > a, #menu > .active:hover > a{ background:url(../images/menu_bg_active.gif) top repeat-x #34333b; color:#fff;}

#menu .ul_1{ position:absolute; display:none; top:50px; width:180px;}
#menu .ul_1 > li{ position:relative; background:url(../images/menu2_bg.png) repeat; padding:0 19px 0 15px; display:block; height:35px;}
#menu .ul_1 > #first{ padding-top:13px;}
#menu .ul_1 > li > a span{ padding-bottom:1px; background:url(../images/menu_line2.gif) bottom repeat-x; display:block; padding-left:10px;}
#menu .ul_1 > li > a{ display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3c3c3c;  text-transform:uppercase; text-decoration:none; background:url(../images/menu_marker.gif) 3px 15px no-repeat; line-height:34px;}
#menu .ul_1 > li:hover > a{ color:#0eaffe}
#menu .ul_1 > .end > a span{ background:none; padding-bottom:0}
#menu .ul_1 > .end {background:url(../images/menu2_bot.png) bottom no-repeat; padding-bottom:12px;}

#menu .ul_2{ position:absolute; top:-1px; left:181px; width:155px; display:none}
#menu .ul_2 > li{ width:100%; padding-bottom:1px;}
#menu .ul_2 > li > a{ display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3c3c3c; padding:0 17px; line-height:36px; background:url(../images/menu3_bg.png) no-repeat;text-decoration: none; text-transform:uppercase}
#menu .ul_2 > li:hover > a{ background: url(../images/menu3_bg_active.png) no-repeat; color:#fff;}


#icons{ float:right; padding:12px 0 0 27px}
#icons li{ float:left; padding-right:13px;}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.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; }

/* The Nivo Slider styles */
.slider{ width:100%; overflow:hidden;height:419px; position:absolute; top:190px; left:10px}
#slider_box{ height:409px; width:629px; left:1px; float:left; position:relative; background:#fff; padding:5px;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;   z-index:88;}
#slider{ position:relative; width:629px; height:375px; z-index:88}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; bottom:-34px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:30px; height:30px;  display:block;}
.nivo-prevNav { right:130px; background:url(../images/marker_left.gif) no-repeat}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
.nivo-nextNav {right:-5px; background:url(../images/marker_right.gif) no-repeat}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; left:500px; bottom:-29px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:19px; height:19px; float:left; margin-right:2px; background:url(../images/buttons.gif) no-repeat}
.nivo-controlNav a.active { background:url(../images/buttons_active.gif) no-repeat}

/* Caption styles */
#caption_box{position: relative; float:right; right:11px; height:409px; width:269px;  background:#fff; padding:5px;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;   z-index:1;}
.nivo-caption { height:299px; width:245px;position:absolute; top:0px; right:-299px; background:url(../images/bg_caption.gif) bottom repeat-x #ffffff; z-index:99; padding:110px 12px 0; font:46px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#32353a; font-weight:bold; text-transform:uppercase; line-height:1.2em; letter-spacing:-2px;}
.nivo-caption strong{ display:block; color:#19b9fe; margin-top:-7px;}
.nivo-caption a { display:inline-block; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:#18bbfe; border:1px solid #fff; line-height:45px; padding:0 12px; font-weight:bold;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);  position: relative; letter-spacing:0px; margin-top:25px}
.nivo-caption a:hover{ background:#dadada; color:#32353a}
.nivo-html-caption {}


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

#content{ width:100%; overflow:hidden; padding-top:36px; padding-bottom:0px;}
#page1 #content{padding-top:25px;}

.pad_bot1{ padding-bottom:44px;}
.pad_bot2{ padding-bottom:22px;}
.pad_top1{ padding-top:5px;}
.marg_right1{ margin-right:20px;}
.pad_right1{ padding-right:30px;}
.pad_bot3{ padding-bottom:25px;}

.cols{ width:310px;}

.box1{ background:#fff; color:#333333; padding:0 20px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 2px #c9c9c9; -moz-box-shadow: 0 0 2px #c9c9c9; -webkit-box-shadow: 0 0 2px #c9c9c9;  position: relative; z-index:1}
.box1 h2{ font-size:33px; font-weight:bold; text-transform:uppercase; color:#000; line-height:1.2em; padding:35px 0 17px 0; margin-top:0}
.box1 h2 span{ font-size:30px; display:block; margin-top:-12px;}

.marker{ position:absolute; bottom:-23px; left:18px; display:block; background:url(../images/marker_1.png) no-repeat; width:47px; height:48px; z-index:99}
.marker:hover{ background:url(../images/marker_1_active.png) no-repeat}

.list1{padding:0 37px 0px 0; margin-top:8px;}
.list1 li{ font-size:14px; line-height:32px; margin-top:-2px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; position: relative;}
.list1 li a{ display:block; font-style:italic; color:#323232; text-decoration:none; padding-left:35px; background:url(../images/marker_2.gif) 12px 15px no-repeat}
.list1 .active{ background:url(../images/bg_box1.gif) top repeat-x #18bbfe;}
.list1 .active a{ background-image:url(../images/marker_2_active.gif); color:#fff;}

.list2{ padding-top:11px;}
.list2 li{ font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:43px;}
.list2 li a{ display: inline-block; color:#1f1f1f; text-transform:uppercase; text-decoration:none; padding-left:46px; background:url(../images/marker_3.gif) 0 6px no-repeat;}
.list2 li a:hover{ color:#18bbfe; background-image:url(../images/marker_3_active.gif)}

.list3{}
.list3 li{ line-height:28px;}
.list3 li a{ padding-left:12px; background:url(../images/marker_4.gif) 0 5px no-repeat}
.list3 li a:hover{ background-image:url(../images/marker_4_active.gif)}

.list4{}
.list4 li{ line-height:24px;}
.list4 li a{ color:#757575;text-decoration:none; padding-left:14px; background:url(../images/marker_5.gif) 0 6px no-repeat; }
.list4 li a span{ padding-left:14px; display:inline-block}
.list4 li a:hover{ color:#18bbfe; background-image:url(../images/marker_5_active.gif)}

.button{ display:inline-block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; background:url(../images/bg_button1.gif) top repeat-x #3c3f46; line-height:43px; padding:0 8px;border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;   position: relative;}
.button:hover{ background:#18bbfe}

.color1{ color:#18bbfe} 
.color2{ color:#000000}

.font1{ color:#1e1e1e; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold}
.font2{ font-size:15px; line-height:21px; color:#333333; padding-bottom:21px; width:233px;}
.font2.color1{ color:#18bbfe} 
.font2 a{color:#18bbfe; text-decoration:none;}
.font2 a:hover{ color:#000}

.link1{ font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#18bbfe; background:url(../images/marker_6.gif) 0 0 no-repeat; padding-left:34px; font-weight:bold; text-decoration:none; line-height:24px; display:inline-block; padding-bottom:2px; margin-bottom:13px;}
.link1:hover{ background:url(../images/marker_6_active.gif) no-repeat; color:#757575;}

.date{ float:left; background:url(../images/bg_date.gif) 0 0 no-repeat; width:53px; height:37px; margin-right:15px; margin-top:2px; font:24px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; line-height:1.2em; text-align:center; padding-top:15px; padding-bottom:34px}

.icon{ font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#464646; line-height:1.2em; padding-top:2px; width:100%; overflow:hidden;}
.icon span{ display:block; margin-top:-6px;}
.icon strong{ font-size:13px; line-height:18px; display:block}
.icon img{ float:left; margin-right:19px;}

.text{ float:left; width:150px; padding-right:40px; font:30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; line-height:1.2em; font-weight:bold;}
.text span{ color:#18bbfe;}
.text strong{ color:#18bbfe; font-size:33px; line-height:1.2em}
.text b{ font-size:33px; line-height:1.2em;}

.text1{ color:#333333; padding-top:16px; padding-right:40px;}

.block1{ padding-top:8px; padding-bottom:0px}

#page2 .pad_bot1{ padding-bottom:33px;}
#page2 .box1{padding:33px 0 26px 40px; color:#757575}
#page2 .box1 figure{ padding-top:7px; padding-bottom:13px;}
#page2 .box1 p strong{ color:#333333}
#page2 #content{ padding-bottom:31px;}
#page3 #content{ padding-top:14px; padding-bottom:29px;}
#page3 h2{ padding-top:22px;}
#page3 .box1{ padding:0 30px 14px 40px; color:#757575}
#page3 .box1 h2{ font-size:30px; font-weight:normal; padding:18px 0 25px 0}
#page3 .box1 figure{ padding-bottom:15px;}
#page3 .box1 p{ padding-bottom:36px;}
#page3 .pad_bot2{ padding-bottom:30px;}
#page3 figure{ padding-bottom:20px;}
#page3 .button{ margin-left:140px;}
#page4 .box1{ padding:37px 0 26px 50px; color:#757575}
#page4 .box1 p{ padding-bottom:10px;}
#page4 .cols{ width:246px; float:left;}
#page4 .box1 .pad_right1{ padding-right:60px;}
#page4 .pad_bot2{ padding-bottom:33px}
#page4 .text{ width:160px; padding-right:0}
#page4 figure{ float:left; padding-right:14px;}
#page4 .grid_6{ width:360px; padding-right:10px}
#page4 #content{ padding-bottom:52px;}
#page5 .box1{ padding:26px 60px 31px 30px; color:#333}
#page5 .box1 .list4 li a{ color:#333333}
#page5 .box1 .list4 li a:hover{ color:#18bbfe}
#page5 .pad_bot2{ padding-bottom:41px;}
#page5 .pad_bot1{ padding-bottom:47px;}
#page5 #content{ padding-bottom:48px;}
#page6 figure{ float:left; border:1px solid #d8d8d8; margin-top:5px;}
#page6 #content .pad_bot1{ padding-bottom:27px;}
#page6 #content{ padding-bottom:87px;}
#page7 #content p{ color:#333333}
#page7 #content .pad_bot1{ padding-bottom:35px;}
#page7 #content a{ text-decoration:none}
#page7 #content a:hover{ color:#18bbfe}
#page7 #content{ padding-bottom:84px;}

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

footer { color:#f2f2f2; line-height:24px; width:100%; overflow:hidden; padding-bottom:33px;}
footer a{ color:#f2f2f2; text-decoration:none}
footer a:hover{ color:#18bbfe;}
footer p{ width:182px; padding-top:2px;}

.privacy{ font:14px Arial, Helvetica, sans-serif; padding-top:43px;}
.privacy a{ color:#afafaf; text-decoration: underline}
.privacy a:hover{ text-decoration:none;}

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

#ContactForm { padding-top:9px;}
#ContactForm .wrapper{ padding-top:2px; min-height:43px;}
#ContactForm .textarea_box{ width:100%; overflow:hidden; padding-top:2px; min-height:356px;}
#ContactForm span{ width:80px; float:left; color:#333333; line-height:30px;}
#ContactForm .bg{ padding-left:2px; float:left; background:#fff; box-shadow: 0 0 2px #c9c9c9; -moz-box-shadow: 0 0 2px #c9c9c9; -webkit-box-shadow: 0 0 2px #c9c9c9;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  position: relative;}
#ContactForm {}
#ContactForm a{ margin-left:79px}
#ContactForm .input {width:279px; height:16px; padding:9px 10px; background:none;color:#333333; font:13px Verdana, Geneva, sans-serif; margin:0}
#ContactForm textarea { overflow: auto;width:447px; height:306px; padding:9px 10px; background:none; margin:0;color:#333333; font:13px Verdana, Geneva, sans-serif;}