@charset "utf-8";
/*body { margin:0; padding:0; width:100%; background:#0053a8 url(images/main_bg.gif) top repeat-x;}*/
/*body { margin:0; padding:0; width:100%; background:#000000 url(images/main_bg.gif) top repeat-x;}*/
/* reset css */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
body { width:100%; background:#000;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* float classes */
.fltrt { float: right; margin-left: 8px;}
.fltlft { float: left; margin-right: 8px;}
.clearflt { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* center classes */
p.center { text-align:center } /* center text in parent */
img.center { display:block; margin-left:auto; margin-right:auto;}
div.center { margin-left:auto; margin-right:auto }  /* must be fixed width. style="width:xxx" in div TAG*/

/* main */
.main { width:1002px; padding:0; margin:0 auto;}
/********** header **********/
.header { height:150px; width:1002px; margin:0 auto; background:url(images/bg_header.png) top ;}
/* logo */
/*.logo { padding:0; margin:0; width:471px; float:left;}*/
/* menu */	
/*.menu { padding:0; height:128px; margin:0 auto; width:531px; background: url(images/bg_menu.gif) top no-repeat; float:right;}*/
.menu { padding:0; height:75px; margin:0 auto; width:525px; float:right; }
.menu ul { height:30px; padding:5px 0px 5px 10px; margin:0; list-style:none; border:0;}
.menu ul li {float:left;  border-left:1px solid #0466c0; border-right:1px solid #023485; padding:0px 15px; margin:10px 0; background:url(images/menu_line.gif) no-repeat right;}
.menu ul li a { color:#ffffff; font:bold 12px  Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.2em; text-align:center;}
/* .menu ul li a.active { color:#fff; text-decoration:underline;}*/
.menu ul li a:hover { color:#09F; }

/* block header */
.block_header {}
/*.block_header2 { width:1002px; height:156px; background:url(images/header_top_h2_bg.gif) top no-repeat; padding:0; margin:10px 0 10px 0;}*/
/*.block_header2 { width:1002px; height:125px; padding:0; margin:0px 0 0px 0;}*/
.block_header2 { width:1002px; padding:0; margin:0px 0 0px 0;}
.block_header2 h2 { font: normal 27px Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 10px 50px; margin:0; text-transform:uppercase;}
.block_header2 h4 { font: italic 10px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0; margin:0;}
.block_header2 p  {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#cbdbeb;
	padding:20px 20px 20px 20px;
	margin:0;
	font-weight: normal;
	line-height:1.5em;
	text-align:center;
}

/********** body **********/
.body { background: url(images/body_bg.gif) top repeat-y; padding:0; width:1002px; margin:0px auto 0 auto;}
.body_top { background:url(images/body_top.gif) top no-repeat; margin:0; padding:0; }
.body_bottom { margin:0; padding:10px 20px; width:962px; background:url(images/body_bottom.gif) bottom no-repeat;}
.body_bottom2 { margin:0; padding:10px 20px; width:962px; background:url(images/body_bottom2.gif) bottom no-repeat;}
.body h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px 0;
	margin:0;
	text-align:center;
}
.body h2 { color:#f3f4f4; font:normal 24px  Arial, Helvetica, sans-serif; border-bottom:1px dashed #3884c4; margin:5px 0; padding:10px 5px;}
/*.body h3 { font: bold 16px Arial, Helvetica, sans-serif; color:#3895d5; padding:5px 0; margin:0;}*/
.body h3 { font: bold 16px Arial, Helvetica, sans-serif; color:#000; padding:5px 0; margin:0;}
.body p {
	font:normal 14px  Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:1.5em;
	padding:5px;
	margin:0;
	text-align:justify;
}
.body a { text-decoration:underline; color:#FFF; line-height:1.8em;}
.body img.leftt { float:left; margin:10px 10px; padding:0; border:#000 solid 3px}
.body ul {font:normal 14px  Arial, Helvetica, sans-serif; color:#FFF;line-height:1.5em;padding:5px;margin: 0 0 0 40px}
.body ul.rightt {font:normal 14px  Arial, Helvetica, sans-serif; color:#CBCDED;line-height:1.5em;padding:5px;margin: 0 0 0 333px}
.body table {font:normal 14px  Arial, Helvetica, sans-serif; color:#CBCDED;line-height:1.5em;padding:5px;margin: 0 0 0 40px}

/*Portfolio*/
.port_blog { width:290px; float:left; margin:5px 0; padding:0;}
.port_blog p { font: normal 11px Tahoma, Geneva, sans-serif; color:#FFF; line-height:1.8em;}
.port_blog a { font: bold 15px Tahoma, Geneva, sans-serif; color:#3895d5; text-decoration:underline;}

/*Sub*/
.Sub ul { list-style:none; margin:5px 0; padding:0;}
.Sub li { font: normal 11px Arial, Helvetica, sans-serif; color:#3895d5; text-decoration:underline; padding:5px 20px; margin:0; background: url(images/sub_ul_li.gif) left no-repeat;}
.Sub span { font: normal 12px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#b3d0e8; line-height:1.6em;}
.Sub a {text-decoration:underline; color:#3895d5; line-height:1.8em;}
.Sub img { margin:2px auto; padding:0;}

/*Services*/
.serv_blog { width:420px; float:left; margin:5px 0; padding:5px 20px;}
.serv_blog h2 { border-bottom:none; font: normal 19px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:5px 5px;}
.serv_blog p { font: normal 12px Arial, Helvetica, sans-serif; color:#fff; padding:5px 5px; margin:0;}
.serv_blog a { color:#FFF;}
.serv_blog img { float:left; margin:5px 10px; padding:0;}
.serv_blog ul { list-style:inside; font: normal 12px Arial, Helvetica, sans-serif; margin:0 0 0 55px; padding:0; color:#fff;}

/* search */
.search { padding:0; margin:15px 0 0 0;}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:5px 0;}
.search form .keywords { float:left; background: url(images/search_bg.gif) left top no-repeat; border:0; height:14px; width:203px; padding:5px 3px; margin:2px 0 0 0; font:normal 10px Arial, Helvetica, sans-serif; color:#619dd0;}
.search form .button { float:left; margin:0; padding:3px 0 0 5px;}

/* resize side */
.size1 { width:280px; float:left; padding:15px 20px; margin:0;}
.size2 { width:600px; float:none; padding:15px 20px; margin:0 0 0 200px;}
.size3 { width:920px; float:left; padding:5px 20px; margin:0;}
.size4 { width:430px; float:left; padding:15px 20px; margin:0;}
.size5 { width:150px; float:left; padding:10px 10px; margin:0;}
/*left*/
.left ul { font:normal 11px  Arial, Helvetica, sans-serif; color:#a8c4d8; line-height:1.8em; padding:5px; margin:0;}
.left li { padding:5px 0; margin:0;}

/*FBG*/
.FBG { background: url(images/FBG_bg.gif) top repeat-y; padding:0; width:1002px; margin:0 auto;}
.FBG_bottom { margin:0; padding:10px 20px; width:962px; background:url(images/FBG_bottom.gif) bottom no-repeat;}
.FBG .info { width:265px; float:left; padding:15px 20px; margin:0;}
.FBG h2 { color:#f3f4f4; font:normal 24px  Arial, Helvetica, sans-serif; border-bottom:1px dashed #3884c4; margin:5px 0; padding:5px 0px;}
.FBG p { font:normal 11px  Arial, Helvetica, sans-serif; color:#a8c4d8; line-height:1.8em; padding:5px; margin:0;}
.FBG a { text-decoration:underline; color:#ffffff; line-height:1.8em;}
.FBG img { float:left; margin:2px 5px; padding:0;}
.FBG ul { list-style:none; margin:0; padding:0;}
.FBG li { padding:0 15px; margin:0; font:normal 11px  Arial, Helvetica, sans-serif; color:#a8c4d8; background:url(images/FBG_ul_li.gif) left no-repeat;}

/********** footer **********/
.footer { width:1002px; margin:0 auto; padding:0px 0 20px 0; background:#000}
/*.footer { width:1002px; margin:0 auto; padding:20px 0 20px 0; background:url(images/footer_bg.gif) no-repeat top center}*/
.footer ul { margin:0; padding:0 10px; list-style:none; float:left;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:0 20px; float:right; color:#a8c4d8; font:normal 11px  Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#FFFFFF; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#fff;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 120px;}
#contactform label { margin:2px 10px 2px 0; width:110px; display:block; padding:5px 0; color:#fff; font:normal 11px Georgia, "Times New Roman", Times, serif; float:left; text-align:right;}
#contactform label span { color:#fff;}
#contactform input.text { width:400px; border:1px solid #3273aa; margin:3px 0; padding:3px 2px; height:16px; background:#5495cc; float:left;}
#contactform textarea { width:400px; border:1px solid #3273aa; margin:5px 0; padding:3px 2px; background:#5495cc; float:left;}
#contactform li.buttons input { padding:3px 0; margin:10px 0 0 5px; border:0; color:#FFF; float:left;}

p.response { text-align:center; color:red; font: bold 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #0094ea; padding:10px 0 0 0; margin:0 0 5px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}