body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; background:black url(img/bgtile.jpg) repeat-x; }
#blurs { background:url(img/blurs.png) no-repeat 50% 40px; }

#wrapper { width:978px; margin:0px auto; }
#header { background:url(img/header.png) no-repeat; width:978px; height:126px; position:relative; z-index:20000; }

ul.menu { background:url(img/subNav.jpg) repeat-x; width:907px; height:39px; padding-left:55px; }
ul.menuTop li { float:left; display:block; margin:0px; padding:0px; }
ul.menu li a { background:url(img/navSprite.png) no-repeat; text-indent:-3000px; }
.sf-menu li li { background:url(img/subNav.jpg) repeat-x; padding:0px 0px 0px 20px; border:1px solid #666; border-top:none; width:200px; height:39px; }
.sf-menu li li a { font-weight:bold; }

body.seo ul.menu li li a, body.web ul.menu li li a, body.ppc ul.menu li li a { color:white; }

/*home*/
ul.menu li.item1 a { width:66px;  }
ul.menu li.item1 a:hover { background-position:0 -38px; }

/*seo*/
ul.menu li.item7 a { background-position:-66px 0; width:65px; }
ul.menu li.item7 a:hover { background-position:-66px -38px; }

/*paid search*/
ul.menu li.item6 a { background-position:-131px 0; width:117px; }
ul.menu li.item6 a:hover { background-position:-131px -38px; }

/*social media*/
ul.menu li.item8 a { background-position:-248px 0; width:126px; }
ul.menu li.item8 a:hover { background-position:-248px -38px; }

/*web design*/
ul.menu li.item2 a { background-position:-374px 0; width:117px; }
ul.menu li.item2 a:hover { background-position:-374px -38px; }

/*consultancy*/
ul.menu li.item9 a { background-position:-491px 0; width:121px; }
ul.menu li.item9 a:hover { background-position:-491px -38px; }

/*other services*/
ul.menu li.item10 a { background-position:-611px 0; width:134px; }
ul.menu li.item10 a:hover { background-position:-611px -38px; }

/*contact us*/
ul.menu li.item11 a { background-position:-745px 0; width:114px; }
ul.menu li.item11 a:hover { background-position:-745px -38px; }

ul.menu li.item7 ul, ul.menu li.item7 ul li a,
ul.menu li.item1 ul, ul.menu li.item1 ul li a,
ul.menu li.item6 ul, ul.menu li.item6 ul li a,
ul.menu li.item8 ul, ul.menu li.item8 ul li a,
ul.menu li.item2 ul, ul.menu li.item2 ul li a,
ul.menu li.item9 ul, ul.menu li.item9 ul li a,
ul.menu li.item10 ul, ul.menu li.item10 ul li a,
ul.menu li.item11 ul, ul.menu li.item11 ul li a { width:200px; }

ul.menu li ul li a { background:none; text-indent:0px; }

#bodyWrapperHeader { clear:both; width:978px; height:21px; background:url(img/body-wrapper-header.png) no-repeat; }

#bodyWrapper { background:url(img/body-wrapper-tile.png) repeat-y; width:944px; padding:10px 17px; z-index:1; }
#bodyWrapper h1 { margin:0px; padding:0px; color:#12b1f3; }
#bodyWrapper .portalBox { height:361px; width:267px; background:url(img/tripleBox.png) no-repeat; padding:20px 13px 0px 18px; float:left; margin:0px 0px 8px 13px; color:#b6c8d4; line-height:22px; } 
#bodyWrapper .portalBox h1 { font-size:8px; text-indent:-2000px; }
#bodyWrapper .portalBox p { margin:0px 0px 20px 11px; }
#bodyWrapper .portalBox p strong { padding-bottom:20px; }
#bodyWrapper .portalBox img { position:relative; top:-9px; }
#bodyWrapper .portalBox a img { border:none; }


#bodyWrapper #mainContent { clear:both; }
#bodyWrapper .imageSlider { margin:-24px 0px -14px -6px; }
#mainContent { padding:34px 32px; color:#b6c8d4; background:transparent url(img/mainContent.png) no-repeat; margin-left:5px; }
#mainContent #component { width:566px; padding-right:24px; border-right:2px solid #1F1F1F; text-align:justify; float:left; }
#mainContent #component h1.componentheading { font-size:16px; margin-bottom:6px; }
#mainContent #component h2.contentheading { font-size:16px; margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6 { text-align:left; }

#mainContent #rightModules { width:258px; float:left; padding-left:24px; }
#mainContent #rightModules h2 { line-height:18px; margin:0px; padding:0px; font-size:16px; }
#mainContent #rightModules a img { border:none; }
#mainContent #rightModules ul { list-style:none; margin:0px; padding:0px; }
#mainContent #rightModules ul li { padding:0px 0px 10px; margin:0px; }
#mainContent #rightModules .moduletable { padding:10px; border:solid 6px #1F1F1F; background:black url(img/moduleTops.png) no-repeat 50% 0px; margin-bottom:24px; }
#mainContent #rightModules .moduletable table.moduletable { padding:0px; border:none; background:none; }

#footer { width:980px; height:30px; background:url(img/footer.png) no-repeat; padding:20px 0px; color:#b6c8d4; text-align:center; }
#footer ul { list-style:none; padding:0px; margin:0px auto; width:510px; background:none; }
#footer ul li { display:block; float:left; padding:0px 6px; border-left:1px solid #b6c8d4; background:none; }
#footer ul li.item34 { border-left:none; }
#footer ul li a { background:none; }
#footer ul li a:hover { text-decoration:none; }

/*COLOR CODED PAGES*/
/*Uncoded b6c8d4*/
a { color:#b6c8d4; text-decoration:none; }
/*a:hover { text-decoration:underline; }*/
a.mail, #mainContent span  { color:#b6c8d4; }

/*BLUE  12b1f3*/
a.seo strong, a.seo, span.seo { color:#12b1f3; }
body.seo a.mail, body.seo #mainContent span, body.seo li a  { color:#12b1f3; }
body.seo h1, body.seo h2, body.seo h3, body.seo h4 { color:#12b1f3; } 
body.seo { background:black url(img/bgtile_blue.jpg) repeat-x; }
body.seo ul.menu li li a:hover { color:#12b1f3; }

/*PINK ed145b*/
a.web strong, a.web, span.web { color:#ed145b; }
body.web a.mail, body.web #mainContent span, body.web li a { color:#ed145b; }
body.web h1, body.web h2, body.web h3, body.web h4 { color:#ed145b; }
body.web { background:black url(img/bgtile_pink.jpg) repeat-x; }
body.web ul.menu li li a:hover { color:#ed145b; }

/*GREEN 8dc63f*/
a.ppc strong, a.ppc, span.ppc { color:#8dc63f; }
body.ppc a.mail, body.ppc #mainContent span, body.ppc li a  { color:#8dc63f; }
body.ppc { background:black url(img/bgtile_green.jpg) repeat-x; }
body.ppc h1, body.ppc h2, body.ppc h3, body.ppc h4 { color:#8dc63f; }
body.ppc ul.menu li li a:hover { color:#8dc63f; }

.contact_email label { display:block; float:left; width:180px; height:20px;}
.contact_email input { margin-bottom:10px; }

.clr { clear:both; }