/* CSS Document */
*{padding:0; margin:0;}
/*General styles*/
BODY{font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#555;line-height:140%;background:#C6E1FF  url(../images/bg.jpg) top repeat-x;}

P {padding-bottom:6px; margin-bottom:5px;}
:active, :focus{outline:none;}
a:link, a:visited{color:#2D4FCD;text-decoration: underline;}
a:hover{text-decoration: underline;color:#4F8000;}
input, textarea, select {padding:1px;margin:0;color:#555;font-size:100%;}

/*Headings*/
h1{font: 30px/36px Arial, Helvetica, sans-serif;color:#999;margin: 0px;padding: 0 0 10px 0;}
h2{font: 24px/26px Arial, Helvetica, sans-serif;color:#777;margin: 0px;padding: 0px 0 5px 0;}
h3{font: bold 15px/16px Arial, Helvetica, sans-serif;color:#777;margin: 0px;padding: 15px 0 7px 0;}

/*Common Styles*/
/*p.bullet {padding:2px 0 5px 14px;}*/
img.left {float:left;margin:0 12px 8px 0;}
img.right {float:right;margin:0 0 8px 10px;}
.topzero {padding-top:0px;}
BR.clear {clear:both; height:1px;}
.color { color:#008676;}
.paddmar0 { padding:0; margin:0;}
.sub_lead_txt { color:#3A4F70; font-size:16px; line-height:23px;}
.arrow_list {list-style: none;padding: 5px 0 5px 0px;margin: 0px;border: none;}
.arrow_list li {background: url(../images/bullet-gray.png) left 7px no-repeat;
padding: 3px 0px 3px 20px;margin:0;}

p.info { border-top:#EFE0CD 1px solid; font-size:12px; padding:4px 0 15px 0;}
img.thumb { float:left; padding:6px; border:#EFE0CD 1px solid; margin:0 15px 10px 0; background:#FFF;}
.rdmore { padding-bottom:8px; font: bold 14px/16px Arial, Helvetica, sans-serif;}

/*DIVs*/
.wrap { width:100%; overflow:hidden; background:url(../images/top_bg.jpg) top center no-repeat;}
.wrap_b { width:100%; overflow:hidden; background:url(../images/top-blue.png) top repeat-x;}
.container {width: 1010px;margin: 0 auto; overflow:hidden;}
.header {width:1000px;float:left; height:181px; padding:0 5px;}
.header_top {width:1000px;float:left;}
.logo {width:450px;float:left; padding:44px 0 33px 40px; height:64px;}
.logo_right {width:490px;float:right; padding:65px 0 25px; background:url(../images/top-shadow.png) center bottom no-repeat; color:#FFF; font-size:18px; text-align:center;}
.logo_right span {color:#EBFF33;}
.nav {width:970px;float:left; height:40px; background:url(../images/nav_btm.png) left bottom no-repeat; padding-left:30px;}
.fbook {width:200px;float:right; height:40px;}

/*Navigation*/
/*.nav ul{font: 18px Arial, Helvetica, sans-serif; float:left; width:800px;}
.nav ul li{list-style: none;display: inline;float:left;}
.nav ul li a, .nav ul li a:visited {text-decoration: none;float:left; padding:0px;line-height:35px;color:#FFF;font-weight:bold; display:block; padding:0 10px; }
.nav ul li a:hover, .nav ul li a.active {text-decoration: none;color:#EBFF33;}*/

/*--- Navigation Dropdown menu start ---*/
#multi-level {}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font: 18px Arial, Helvetica, sans-serif;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:35px; line-height:35px; text-decoration:none; padding:0px 10px; font-weight:bold; color:#FFF;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link, .menu li.top a.active {color:#EBFF33;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:0px; top:35px; background:#C30101; padding:0px; white-space:nowrap; width:220px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
.menu :hover ul.sub li a {display:block; float:left; height:32px; width:200px; line-height:32px; color:#FFF; text-decoration:none; padding:0 10px; border-bottom:#03204B 1px solid; border-top:none; font-size:14px; font-weight:bold; background:#052F6D;}

.menu li.top:hover ul.sub li a:hover
{background:#07439C; color:#EBFF33;}
.menu li.top:hover ul.sub li a.fly:hover
{background:#07439C; color:#EBFF33;}

/* ..........*/
/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background: #1678DA; color:#fff;}
.menu :hover ul li:hover > a.fly span {background: #006600; color:#fff;}

/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:200px; top:0; padding:0px 0px 0px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}
/*Navigation end*/

.content {width:1010px;float:left; clear:both;background:url(../images/white-btm.png) left bottom no-repeat; padding-bottom:12px;}
.content_top {width:1010px;float:left; background:url(../images/white-box-top.png) left top no-repeat; height:7px;overflow:hidden;}
.content_in {width:920px;float:left; min-height:500px; background:url(../images/white-bg.png) left repeat-y; padding:40px 45px 20px;}
.content_in_home {width:920px;float:left; min-height:500px; background:url(../images/white-bg.png) left repeat-y; padding:15px 45px 20px;}
.content_in_a {width:920px;float:left; padding-bottom:8px;}
.content_in_home_links {width:920px;float:left; font-size:11px;}

/*Single Column List*/
.sing_col_list {width:900px;float:left; padding-bottom:30px;}
.sing_col_list h2 {font: 20px/22px Arial, Helvetica, sans-serif;color:#2D4FCD;margin: 0px;padding: 0px 0 5px 0;}
.sing_col_img {width:214px;float:left; margin-right:20px; border:#CCC 1px solid; background:#F5F5F5;}
.sing_col_img p { display:block; height:110px; margin:7px; overflow:hidden;}
.sing_col_txt {width: 650px;float:left;}

.home_banners {width:920px;float:left; padding:20px 0 10px 0;}
.home_banners h3{font: bold 18px/20px Arial, Helvetica, sans-serif;color:#42619E;margin: 0px;padding:0px 0 5px 0;}
.home_banners p { padding-bottom:3px; line-height:120%;}
.home_banner_a {width:191px;float:left; height:96px; padding:15px 80px 15px 15px; background:url(../images/banner-web-design.jpg) left top no-repeat; margin-right:31px;}

.home_logos {width:920px;float:left; padding:20px 0 20px 0;overflow:hidden;}
.home_logos ul {}
.home_logos ul li{list-style: none;display: inline; float:left; width:230px; }
.home_logos button { display:none;}

.col_left {width:400px;float:left; margin-right:50px; }
.col_right {width:470px;float:left; }
.col_right_list {width:470px;float:left; padding-bottom:10px;}
.col_right_list h3 {padding-top:0px;}
.col_right_list img { float:left; margin:0 15px 3px 0; padding:5px; background:#FFF; border:#CCC 1px solid;}

.content_in_pf {width:948px;float:left; min-height:500px; background:url(../images/white-bg.png) left repeat-y; padding:30px 21px 20px 41px;}
.pf_wrap {width:948px;float:left;}
.pf_in, .pf_pgn {width:948px;float:left; padding-bottom:10px;}
.pf_pgn { width:927px;padding-right:21px;font-weight:bold;}
.pf_item {width:216px;float:left; margin-right:21px; background:url(../images/pf-thumb-bg.jpg) left top no-repeat; padding-bottom:15px;}
.pf_item p{ padding-bottom:5px; margin-bottom:0; font-size:12px; line-height:15px;}
.pf_item h2{font: bold 15px/17px Arial, Helvetica, sans-serif;color:#777;margin: 0px;padding: 12px 0 5px 0;}
.pf_item p.timg a, .pf_item p.timg a:visited, .pf_item p.timg a:hover {display:block; height:100px; overflow:hidden;background:#F6F6F6; margin:8px;}
.pgn_top { float:right; font: 14px/16px Arial, Helvetica, sans-serif; padding-top:15px; color:#999; font-weight:bold;}
.pgn_btm {width:920px;float:left; font: 14px/16px Arial, Helvetica, sans-serif; padding-top:10px; color:#999; font-weight:bold;padding-bottom:10px;}

/*Blog*/
.blog_left {width:650px;float:left; margin-right:50px; }
.blog_right {width:220px;float:left; }
.blog_right ul {list-style: none;padding: 0px 0 10px 0px;margin: 0px;border: none;}
.blog_right ul li { padding-bottom:2px;}
.blog_right ul li a, .blog_right li a:visited {display: block;background: url(../images/bullet-blue.png) left 9px no-repeat; padding: 5px 0px 5px 20px;margin:0;text-decoration:none; color:#2D4FCD; border-bottom:#EEE 1px solid;}
.blog_right li a:hover { color:#4F8000; text-decoration:none;background: url(../images/footer-bullet.png) left 9px no-repeat;}
.blog_right h2 {font: 20px/22px Arial, Helvetica, sans-serif; color:#42619E;}

/*Sub pages*/
.sub_col_left {width:590px;float:left; margin-right:44px; }
.sub_col_left h2 { color:#536ED9/*#2D4FCD*/; font:18px/22px Arial, Helvetica, sans-serif;margin: 0px;padding: 12px 0 6px 0;}
.sub_col_right {width:286px;float:left; }
.sub_col_right div.home_banner_a h3{font: bold 18px/20px Arial, Helvetica, sans-serif;color:#42619E;margin: 0px;padding:0px 0 5px 0;}
.sub_col_right div.home_banner_a p { padding-bottom:3px; line-height:120%;}
.sub_col_right div.home_banner_a {width:191px;float:left; height:96px; padding:15px 80px 30px 15px; background:url(../images/banner-web-design.jpg) left top no-repeat;}


/*Quote*/
.quote { padding:0; margin:0;}
.quote label {width:160px;float:left;margin:3px 0;}
.quote label span { color:#CC0000;}
.quote input, .quote textarea, .quote select {width:240px;float:left;margin:3px 0;clear:right;}
.quote input.new {width: auto; float:none;}

/*contact pages*/
.cont_left {width:500px;float:left; margin-right:50px; }
.cont_right {width:370px;float:left; }
.contact_form { padding:0; margin:0;}
.contact_form label {width:160px;float:left;margin:3px 0;}
.contact_form label span { color:#CC0000;}
.contact_form input, .contact_form textarea, .contact_form select {width:200px;float:left;margin:3px 0;clear:right;}
.contact_form input.new {width: auto; float:none;}

.whitebx_btm {width:1010px;float:left;  height:12px; overflow:hidden;}

.foot_wrap { width:100%; background: url(../images/footer-bg.jpg) bottom repeat-x; overflow:hidden;}
.foot_wrap_in { width:100%; background: url(../images/footer_bg-centre.jpg) bottom center no-repeat; overflow:hidden;}
.footer {width:1010px; margin:0 auto; overflow:hidden;}
.footer_top {width:1010px;float:left; background:url(../images/foot-blue-top.png) left top no-repeat; height:12px;overflow:hidden;}
.footer_mid {width:1010px;float:left; background:url(../images/foot-blue-mid.png) left repeat-y;}
.footer_btm {width:1010px;float:left; background:url(../images/foot-blue-btm.png) left top no-repeat; height:24px; padding-bottom:30px;overflow:hidden;}
.footer_name {width:940px;float:left; padding:10px 35px; background:url(../images/white-bg.png) left repeat-y;}
.foot_links {width:940px;float:left; padding:17px 35px 10px; font: 16px/19px Arial, Helvetica, sans-serif; color:#FFF;}
.foot_links_in {width:940px;float:left;}
.footer_a {width:270px;float:left; padding-right:30px;}
.footer_b {width:370px;float:left; padding-right:30px;}
.footer_c {width:240px;float:left;}
p.foot_name { font:24px/26px Arial, Helvetica, sans-serif;}
.green_text {color:#E9FD27;}

.footer_a ul, .footer_b ul {list-style: none;padding: 0px 0 10px 0px;margin: 0px;border: none;}
.footer_a ul li, .footer_b ul li { padding-bottom:2px;}
.footer_a ul li a, .footer_a li a:visited, .footer_b ul li a, .footer_b li a:visited {display: block;background: url(../images/footer-bullet.png) left 7px no-repeat; padding: 3px 0px 3px 20px;margin:0;text-decoration:underline; color:#E9FD27;}
.footer_b li a:hover {text-decoration:underline; color:#FFF;}
.footer_a h3, .footer_b h3, .footer_c h3 { color:#FFF; font: bold 18px/20px Arial, Helvetica, sans-serif; padding:15px 0 8px;}

.footer a, .footer a:visited {color:#E9FD27; text-decoration:underline;}
.footer a:hover {color:#FFF; text-decoration:underline;}

/*Display page*/
.disp_left {width:300px;float:left; margin-right:50px;}
.disp_right {width:570px;float:left;}

.seo, .sub_col_right div.home_banner_a.seo {background:url(../images/banner-seo.jpg) left top no-repeat;}
.hosting {margin:0;background:url(../images/banner-web-hosting.jpg) left top no-repeat}


.log_left {width:430px;float:left; margin-right:60px; }
.log_right {width:430px;float:left; }
.logfrm input, .logfrm select { padding:4px 6px; border:#B1C911 1px solid;}
.logfrm input.logbtn { padding:4px 6px; border:#B1C911 2px solid; background:#98B107; font-weight:bold; font-size:14px; color:#FFF;}