@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#0053a8 url(/content/images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}

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

.field-validation-error{color:Red;}

/* main */
.main { width:1002px; padding:0; margin:0 auto;}
/********** header **********/
.header { height:121px; width:1002px; margin:0 auto; background:url(/content/images/top.png) repeat-x top;}
/* logo */
.logo { padding:0; margin:0; width:471px; float:left;}
/* menu */	
.menu { padding:0; height:128px; margin:0 auto; width:531px; background: url(/content/images/bg_menu.gif) top no-repeat; float:right;}
.menu ul { height:44px; padding:10px 15px 0px 15px; 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(/content/images/menu_line.gif) no-repeat right;}
.menu ul li a { color:#a9c1de; font:normal 12px  Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.2em;}
.menu ul li a.active { color:#fff; text-decoration:underline;}
.menu ul li a:hover { color:#fff; }

/********** logmein support form **********/
#logmeinsupport { margin:0; padding:25px 0px 0px 90px;}
#logmeinsupport label { margin:2px 10px 2px 0; width:110px; display:block; padding:5px 0; color:#a9c1de; font:normal 11px  Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; text-align:right;}
#logmeinsupport input.text { width:30px; border:1px solid #3273aa; margin:3px 0; padding:3px 2px; height:16px; background-color:#5495cc; float:left;}
#logmeinsupport input.submit { width:80px; padding:3px 2px; float:left; color:#3273aa; background-color:#a9c1de}

/* block header */
.block_header {}
.block_header2 { width:1002px; height:156px; background:url(/content/images/header_top_h2_bg.gif) top no-repeat; padding:0; margin:0 0 20px 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 p  { font: bold 14px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 50px; margin:0;}
/* slider */
.slider { background: url(/content/images/bg_simple.gif) top no-repeat; height:245px; width:1002px;}
.block_header h2 { color:#fff; font:bold 20px Arial, Helvetica, sans-serif; margin:0; padding:20px 10px 10px 10px; line-height:1.4em;}
.block_header p { color:#fff; font:normal 15px  Arial, Helvetica, sans-serif; margin:0; padding:10px; line-height:1.8em;}
.slider div.img { float:right; padding:0; margin:12px 0 0 0;}

/* header panel */
.header_panel { background: url(/content/images/top_area_bg.gif) top repeat-y; padding:0; width:1002px; margin:10px auto 0 auto;}
.header_panel_top { background:url(/content/images/top_area_top.gif) top no-repeat; margin:0; padding:0;}
.header_panel_bottom { margin:0; padding:10px 20px; width:962px; background:url(/content/images/top_area_bottom.gif) bottom no-repeat;}
.header_panel h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#f3f4f4; padding:10px 5px; margin:0; line-height:1.2em;}
.header_panel p { font: normal 12px Arial, Helvetica, sans-serif; color:#afafaf; padding:5px 5px; margin:0; line-height:1.8em;}
.header_panel ul { list-style:none; margin:5px 0; padding:0;}
.header_panel li { padding:5px 15px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#afafaf; background:url(/content/images/header_ul_li.gif) left no-repeat;}
.header_panel .bloga { width:280px !important; width:270px; float:left; margin:15px 10px; padding:0 10px; border-right:1px solid #2e2e2e;}
.header_panel .border_no { border:0;}

/********** body **********/
.body { background: url(/content/images/body_bg.gif) top repeat-y; padding:0; width:1002px; margin:10px auto 0 auto;}
.body_top { background:url(/content/images/body_top.gif) top no-repeat; margin:0; padding:0; }
.body_bottom { margin:0; padding:10px 20px; width:962px; background:url(/content/images/body_bottom.gif) bottom no-repeat;}
.body_bottom2 { margin:0; padding:10px 20px; width:962px; background:url(/content/images/body_bottom2.gif) bottom no-repeat;}
.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 14px Arial, Helvetica, sans-serif; color:#3895d5; padding:5px 0; margin:0;}
.body p { font:normal 12px  Arial, Helvetica, sans-serif; color:#FFF; line-height:1.8em; padding:5px; margin:0;}
.body a { text-decoration:underline; color:#3895d5; line-height:1.8em;}
.body img.leftt { float:left; margin:10px 10px; padding:0;}
.body h4 { font: bold 15px Tahoma, Geneva, sans-serif; color:#3895d5; text-decoration:underline;}


/*Portfolio*/
.port_blog { width:290px; float:left; margin:5px 0; padding:0;}
.port_blog p { font: normal 12px 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;}
.port_blog ul { list-style:square; margin:5px 0; padding:5 px;}
.port_blog li { font:normal 12px  Arial, Helvetica, sans-serif; color:#FFF; line-height:1.8em;}

/*Sub*/
.Sub ul { list-style:none; margin:5px 0; padding:0;}
.Sub li { font: normal 12px Arial, Helvetica, sans-serif; color:#FFF;  padding:5px 20px; margin:0; background: url(/content/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:#FFF; line-height:1.8em;}
.Sub img { margin:2px auto; padding:0;}

/*Services*/
.serv_blog { width:420px; float:left; margin:10px 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 13px Arial, Helvetica, sans-serif; color:#fff; padding:5px 5px; margin:0;}
.serv_blog a { color:#0094ea;}
.serv_blog img { float:left; margin:5px 10px; padding:0;}

/*Network*/
.network { width:790px; float:left; margin:5px 0; padding:0;}
.network p { font: normal 12px Tahoma, Geneva, sans-serif; color:#FFF; line-height:1.6em; text-align:justify}
.network p.big {font: 14px Tahoma, Geneva, sans-serif; font-weight:bold; color:#FFF; }
.network a { font: bold 15px Tahoma, Geneva, sans-serif; color:#3895d5; text-decoration:underline;}
.network ul { list-style:square; margin:5px 0; padding:5 px;}
.network li { font:normal 12px  Arial, Helvetica, sans-serif; color:#FFF; line-height:1.8em;}

/*Clients*/
.client_list { width:820px; float:left; margin:10px 0; padding:5px 20px;}
.client_list h2 { border-bottom:none; font: normal 19px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:25px 25px;}
.client_list p { font: normal 13px Arial, Helvetica, sans-serif; color:#fff; padding:5px 5px; margin:0;}
.client_list a { color:#b3d0e9}
.client_list img { float:left; margin:5px 10px; padding:0;}

/*Login*/
table {border-style:none; border-color:inherit; border-width:medium; border-collapse:collapse; width:700px;}
table td { padding:5px; border:none; font:normal 12px Tahoma, Geneva, sans-serif; color:#FFF; line-height:1.8em;}

.login { width:420px; float:left; margin:10px 0; padding:5px 20px;}
.login p { font: normal 12px Tahoma, Geneva, sans-serif; color:#FFF; line-height:1.8em;}
.login loginLabel { margin:2px 10px 2px 0; width:110px; display:block; padding:5px 0; color:#fff; float:left; text-align:right;}
.login a { font: bold 15px Tahoma, Geneva, sans-serif; color:#3895d5; text-decoration:underline;}
.login input.text { width:400px; border:1px solid #3273aa; margin:3px 0; padding:3px 2px; height:16px; background:#5495cc; float:left;}

/* 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 {background:url(/content/images/search_bg.gif) left top no-repeat; border:0px solid; width:185px; padding:5px 3px; font:normal 10px Arial, Helvetica, sans-serif; color: #FFF}
.search form .button { border:0; background: url(/content/images/search_bg.gif) left top no-repeat; float:right; margin:0; padding:10px 0 0 3px;}
.search label {font: 10px Tahoma, Geneva, sans-serif; color:#fff;}

/* resize side */
.size1 { width:280px; float:left; padding:15px 20px; margin:0;}
.size2 { width:600px; float:left; padding:15px 20px; margin:0;}
.size3 { width:920px; float:left; padding:15px 20px; 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(/content/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(/content/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:10px 0px;}
.FBG p { font:normal 12px  Arial, Helvetica, sans-serif; color:#a8c4d8; line-height:1.8em; padding:5px; margin:0;}
.FBG a { text-decoration:underline; color:#3895d5; 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(/content/images/FBG_ul_li.gif) left no-repeat;}

/********** footer **********/
.footer { width:1002px; margin:0 auto; padding:50px 0 20px 0; background:url(/content/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 12px  Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#3895d5; 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; text-transform:capitalize; 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 select.text { width:405px; border:1px solid #3273aa; margin:3px 0; padding:3px 2px; height:26px; 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;}

/********** contact form **********/
#feedbackform { margin:0; padding:5px 10px;}
#feedbackform * { color:#fff;}
#feedbackform ol { margin:0; padding:0; list-style:none;}
#feedbackform li { margin:0; padding:0; background:none; border:none; }
#feedbackform li.buttons { margin:5px 0 5px 120px;}
#feedbackform label { margin:2px 10px 2px 0; width:110px; display:block; padding:5px 0; color:#fff; font:normal 11px  Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; text-align:right;}
#feedbackform label span { color:#fff;}
#feedbackform input.text { width:200px; border:1px solid #3273aa; margin:3px 0; padding:3px 2px; height:16px; background:#5495cc;}
#feedbackform select.text { width:206px; border:1px solid #3273aa; margin:3px 0; padding:3px 2px; height:26px; background:#5495cc;}
#feedbackform textarea { width:400px; font:normal 12px  Arial, Helvetica, sans-serif; border:1px solid #3273aa; margin:5px 0; padding:3px 2px; background:#5495cc;}
#feedbackform li.buttons input { padding:3px 0; margin:10px 0 0 5px; border:0; color:#FFF;}

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 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}