/* =================== Getting the new tags to behave START ====================== */

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 }

/* ==================== Getting the new tags to behave END ======================= */





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

body {
	background:url(../images/body_bg.gif) left top repeat #fff;
	min-width: 980px;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #808080;
/*	color: #a6a6a6; */
}

html {
	background: transparent;
	min-width: 980px;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	font-size: 100%;
}

div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

a {
	outline: none;
	color: #08b9e9;
	text-decoration:none;
}

	a:hover {
		text-decoration:underline;
	}
	
	a.dark{text-decoration:underline}
	a.dark:hover{text-decoration:none}
	
.top_bg{min-width:980px; background:url(../images/top_bg.gif) left top repeat-x}

.blue{color:#08b9e9}
.dark{color:#1f1f1f}

h3{border-top:1px solid #868686; font-size:2.308em; line-height:28px; padding:27px 0 15px; color:#292929; margin-bottom:16px}
	h3.title{padding:0px 0 17px; border:none}

h5{line-height:18px; font-size:1.077em; font-weight:normal; margin-bottom:8px}

h6{line-height:18px; font-weight:normal; margin-bottom:14px}

.extra0{margin-bottom:0 !important;font-weight: bold; color: #000000;}

p{line-height:18px; margin-bottom:18px}
	p.extra{margin-bottom:27px}
	
	ul.extra li
{
	margin-bottom: 8px;
	list-style-type: disc;
	list-style-position: inside;
}
	
	p.extra1{margin-bottom:13px}
	p.extra2{margin-bottom:15px}
	p.extra3{margin-bottom:20px}
	
div.extra{margin-bottom:18px}
/* ========================= Global properties END =============================== */






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

.twtr-tweet-wrap { margin-top: 10px !important; margin-bottom: 10px !important;}
/* .twtr-tweet-wrap p { line-height: 35px !important; } */
/* .twtr-tweet-wrap a { font-weight: bold !important; } */
/* .twtr-hd, .twtr-ft {display:none !important;} */
.twtr-hd h3 { color: #000000 !important; border: 0px !important; }
/* .twtr-tweet, .twtr-tweets, .twtr-bd { border: 0px solid #ffffff !important; } */

#main {
	width: 980px;
	margin: 0 auto;
	font-size: 0.75em;
}

#header {
	position: relative;
	max-height:566px;
	font-size:1.083em;
	margin-bottom:31px;
	background:url(../../site/images/header_bg.jpg) bottom right no-repeat;
}
#page1 #header{background:none; overflow:hidden}

#content {
	font-size:1.083em;
	padding-bottom:40px;
	width:100%;
}

#footer {
	font-size:1.083em;
	line-height:1.3em;
	background:url(../images/footer_border.gif) center top no-repeat;
	padding:23px 0 43px;
}

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






/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

.aligncenter {
	padding: 15px 0 0 0;
	text-align: center;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

/* ====================== Left & Right alignment END ============================= */





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

#logo {float:left; width:290px; height:151px; position:relative; z-index:20}
	#logo a{display:block; height:100%; background:url(../images/logo.jpg) left top no-repeat}
		#logo a span{display:none}


.login_block{height:22px; color:#1f2020; text-align:right; line-height:1.3em; padding-top:4px}
	.login_block a{color:#1f2020; text-decoration:none}
	.login_block a:hover{text-decoration:underline}
	.login_block b{margin:0 3px}
	
#nav {float:right; font-size:1.385em; margin:46px 0 1px 18px; position:relative; z-index:20; width:308px;}
	#nav > ul > li{float:left; margin-right:3px; position:relative; margin-bottom:5px}
	#nav > ul > li > a{color:#363636; text-decoration:none; padding:0 19px 1px; line-height:25px}
	#nav > ul > li > a:hover{text-decoration:underline}
	#nav > ul > li.active{border-bottom:5px solid #08b9e9; margin-bottom:0}
	#nav > ul > li.active >a{text-decoration:none}
	#nav > ul ul{font-size:0.889em; position:absolute; width:211px; padding-top:10px; left:0; top:25px; z-index:100; display:none}
	#nav > ul > li.last ul{left:auto; right:0}
	#nav > ul ul a{color:#fff; background:url(../images/sub_marker.gif) 13px center no-repeat #08bceb; padding:0 5px 0 23px; display:block; line-height:35px}
	#nav > ul ul a:hover, #nav > ul ul li.active a{text-decoration:none; background-color:#0195dc}
	#nav > ul ul li{ vertical-align:top}
	#nav > ul > li:hover ul{display:block}
	
#feature_list{position:relative; padding-top:42px; z-index:15; overflow:hidden; width:960px; height:389px; top:-42px; float:left}
	#feature_list ul{position:absolute}
	#tabs{right:0; top:0; height:42px}
	#tabs li{float:left; margin-left:1px; display:inline-block; width:162px; overflow:hidden; height:42px}
	#tabs li a{display:block; line-height:42px; height:42px; font-size:1.846em; text-align:center; color:#fff; text-decoration:none; background:#03406f}
	#tabs li a:hover, #tabs li a.current{text-decoration:none; background:#fff; color:#03406f}
	#output{position:relative; left:0; top:42px; width:960px; height:389px}
	
.list1{overflow:hidden; padding-top:4px; margin-bottom:21px}
	.list1 li{overflow:hidden; margin-bottom:26px; padding-bottom:19px; width:95%; border-bottom:1px solid #e1e1e3;}
	.list1 p{margin-bottom:0; overflow:hidden}
	.list1 img.fleft{margin-right:25px}
	.list1 .last{margin-bottom:0; border: 0;}

.list2{margin-bottom:36px; overflow:hidden}
	.list2 li{overflow:hidden; width:100%; margin-bottom:18px}
	.list2 .last{margin-bottom:0}
	.list2 time{font-size:1.077em; line-height:18px}
	.list2 p{margin-bottom:0}

.list{line-height:20px; overflow:hidden; margin-bottom:18px}
	.list li{overflow:hidden; width:100%; margin-bottom:10px}
/* 	.list li a{color:#a6a6a6; text-decoration:none; padding-left:21px; display:inline-block; background:url(../images/list_marker.gif) 1px 4px no-repeat} */
	.list li a{color:#808080; text-decoration:none; padding-left:21px; display:inline-block; background:url(../images/list_marker.gif) 1px 4px no-repeat}
	.list li a:hover{color:#292929; text-decoration:none; background-image:url(../images/list_marker1.gif)}
	.list .last{margin-bottom:0}
	
.top_indent{padding-top:30px}

.right_indent{padding-right:20px}

.list3{overflow:hidden; border-bottom:1px solid #e3e3e4; margin-bottom:21px}
	.list3 li{overflow:hidden; float:left; width:290px; margin:0 30px 0 0; padding-bottom:28px}
	.list3 li p{margin-bottom:0}
	.list3 .clear_indent{margin-right:0}
	
blockquote{background:url(../images/quote.jpg) left 5px no-repeat; padding-left:71px; display:block; overflow:hidden}

.list4{overflow:hidden}
	.list4 li{width:100%; overflow:hidden; margin-bottom:23px}
	.list4 li p{margin-bottom:0; overflow:hidden}

#map_canvas{width:610px; height:250px; background:url(../images/map_bg.jpg) left top no-repeat; margin-bottom:18px}
	#map_canvas .map_inner{margin:1px; width:605px; height:250px; overflow:hidden}

.contacts{width:171px; margin-bottom:0}
/* =============================== header END ==================================== */





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

#content #indent {
	padding: 0 0 0 0;
}

.slogan{font-size:2.108em; font-weight:normal; line-height:35px; margin-bottom:29px; color:#232323}

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


/* =================== txt, links, lines, titles START =========================== */
a.more{line-height:18px; text-decoration:none; color:#08b9e9; font-size:1.077em}
	a.more:hover{text-decoration:underline}
/* ==================== txt, links, lines, titles END ============================ */


.aboutpic { float: left; clear: none; border: 1px solid #a0a0a0; margin-right: 20px; display: inline; }


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

#contact_form {
	width: 100%;
/*	color:#a6a6a6; */
	color:#808080;
	padding-top:1px;
	margin-bottom:22px
}

#contact_form div{padding-left:75px}
#contact_form .line1{background:url(../images/contact_input.jpg) 75px top no-repeat; height:27px; margin-bottom:8px}
#contact_form .line2{background:url(../images/contact_textarea.jpg) 75px top no-repeat; height:204px}
#contact_form .name{width:68px; text-align:right; display:block; float:left; margin-left:-77px; padding:4px 9px 0 0}

#contact_form input, #contact_form textarea{float:left; margin:0; padding:5px 10px 4px; outline:none; border:none; background:none; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; width:524px}
#contact_form textarea{height:195px; overflow:auto}
#contact_form .buttons{text-align:right; padding-top:9px}
#contact_form .buttons .but_clear{color:#a4a5a5; text-decoration:underline; display:inline-block; margin-top:7px; line-height:1.3em}
#contact_form .buttons .but_clear:hover{text-decoration:none; color:#1F1F1F}
#contact_form .buttons a{margin-left:25px}

#suscribe_form{width:219px; margin:0 82px 15px 0}
#suscribe_form h3{padding:0; border:none; line-height:1.3em; margin-bottom:10px}
#suscribe_form .clearfix{height:27px; background:url(../images/subscribe_input.jpg) left top no-repeat}
#suscribe_form input{margin:0; float:left; border:none; background:none; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:4px 5px; width:209px; color:#000}
#suscribe_form .buttons{text-align:right; padding:5px 1px 0 0}
#suscribe_form .buttons .fleft{color:#a4a5a5; text-decoration:underline; margin-top:6px}
#suscribe_form .buttons .fleft:hover{text-decoration:none; color:#1F1F1F}

.submit_button{background:url(../images/sub_button_tail.gif) left center repeat-x #02213a; line-height:32px; display:inline-block; color:#fff; font-size:1.077em}
	.submit_button span{display:block; cursor:pointer; height:100%; background:url(../images/sub_button_l.gif) left center no-repeat}
		.submit_button span span{background:url(../images/sub_button_r.gif) right center no-repeat; padding:0 36px 0 13px}
/* ============================== forms END ====================================== */





/* ============================= other START ===================================== */

.pic_indent {margin: 0 0 19px 0;}
.pic_indent1 {margin: 0 21px 0 0;}
.pic_indent2 {margin: 0 20px 0 0;}
.pic_indent3 {margin: 5px 20px 0 0;}
/* ============================== other END ====================================== */


/* ============================ footer START ===================================== */
.footer_lists{padding-top:17px; margin-bottom:29px}
	.footer_lists h6{font-weight:bold; color:#363636; margin-bottom:16px; padding-left:7px}
	.footer_lists .clearfix div{float:left; width:90px; margin:0 65px 0 1px}
	.footer_lists ul{width:95px}
	.footer_lists ul a{color:#a4a5a5; text-decoration:none; line-height:23px; display:block; background:url(../images/footer_marker.gif) 6px center no-repeat; padding-left:19px}
	.footer_lists ul a:hover{text-decoration:none; background-color:#0bc0ec; background-position:-270px center; background-repeat:no-repeat; color:#fff}
	.footer_lists ul li{margin-bottom:5px}
	.footer_lists ul li.last{margin-bottom:0}
	.copy{float:left; color:#2d2e2d; margin:0 30px 0 1px}
		.copy b{color:#9fa1a2}
		.copy a{text-decoration:underline}
		.copy a:hover{text-decoration:none}
		.footer_link{float:left}
	.footer_icons{padding-top:14px}
		.footer_icons li{float:left; display:block; width:36px; height:36px; margin-right:2px; background-position:left bottom; background-repeat:no-repeat}
		.footer_icons li a{display:block; height:36px; text-indent:-9999px; background-position:left top; background-repeat:no-repeat}
		.i1, .i1 a{background-image:url(../images/icon1.jpg);}
		.i2, .i2 a{background-image:url(../images/icon2.jpg);}
		.i3, .i3 a{background-image:url(../images/icon3.jpg);}
		.i4, .i4 a{background-image:url(../images/icon4.jpg);}
		.footer_icons li a:hover{opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
/* ============================= footer END ====================================== */


#TweetFeed { margin-top: 40px; }