@charset "utf-8";
/* CSS Document */
body {background:#535353 url(/images/gradients.jpg) repeat-x left -676px;padding-bottom:20px;}
button {background:#1d7ed4 url(/images/gradients.jpg) repeat-x left -466px;border:none;padding:3px 10px;color:#FFF;cursor:pointer;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;text-transform:uppercase;font-size:0.85em;margin-left:5px;}
button:hover {background:#1d7ed4;}
a {color:#0091d5;}
a:hover {color:#fa3c02;}
a.readmore {background:url(/images/thismore.gif) no-repeat left 5px;padding-left:15px;}

#page {position:relative;}
#header {background:url(/images/headerback.jpg) no-repeat 100px 0;}
#header h1 {color:#FFF;padding:30px 50px 15px; background:url(/images/sitelogo.png) no-repeat left 80%;text-transform:uppercase;font-size:32px;}
#header h1 strong {color:#51a5d6;}
#header .headcontact {position:absolute;top:40px;right:0;color:#999999;}
#header .headcontact a {padding:0 0 10px 5px; text-decoration:none; }
#header .headcontact a:hover {color:#fa3c02;}
#header .slogan {color:#BBBBBB; width:350px; font-size:10px; margin:-24px 0 0 52px; height:24px; }
#homepic {position:absolute;bottom:0;right:0;}

/*#menu {padding-bottom:20px;background:#FFF url(/images/homepromobottom.jpg) no-repeat center bottom;}*/
#menu {background:#000 url(/images/gradients.jpg) repeat-x left top;overflow:hidden;height:100%;margin:0;padding:0;}
#menu li {background:none;list-style-type:none;margin:0;padding:0;float:left;}
#menu li a {color:#FFF;font-size:11px;font-weight:bold;text-decoration:none;text-transform:uppercase;padding:8px 15px;border-right:1px solid #333;display:block;}
#menu li a:hover {background:#505050;color:#FFF;}
#menu li ul {position:absolute;width:250px;left:-999em;z-index:900;}
#menu li ul li {display:block;background:#000;background:url(/images/menufloat.png) !important;border-top:1px solid #666;}
#menu li ul li a {width:200px;border:none;text-transform:none;}
#menu li ul li a:hover {background:#505050;}
#menu li:hover ul {left:122px;top:113px;}
#menu li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/*#floatmenu {position:absolute;top:200px;left:0;z-index:900;background:#009900;}
#floatmenu li {display:block;}*/

#homepromotion {background:#3d91cf url(/images/gradients.jpg) repeat-x left -40px;}
#homepromotion div {background:url(/images/home.jpg) no-repeat right top;padding:20px;color:#FFF;}
#homepromotion p {width:400px;font-size:14px;}
#homepromotion a {color:#fff;font-size:1.08em;font-weight:bold;text-transform:uppercase;text-decoration:none;display:block;width:120px;text-align:center;border:1px solid #3679ab;padding:8px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#398ac4;}
#homepromotion a:hover {border-color:#FFF;background:#000;}


#content {background:#FFF;}

.homethemes {padding:0 0 0 70px;margin-bottom:20px;background-image:url(/images/hometheme.gif);background-repeat:no-repeat;}
.homethemes p {color:#666666;margin:0;}
#hweb {background-position:0 5px;}
#hengine {background-position:0 -210px;}
#hmarket {background-position:0 -425px;}
#hanalytic {background-position:0 -645px;}

.sidearea {padding:13px 20px 15px;margin-bottom:20px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.sidearea label {display:block;margin:10px 0;text-align:right;}
.sidearea label strong {float:left;font-weight:bold;text-align:left;}
.sidearea input {width:200px;border:0;padding:3px 5px;}
.sidearea h3 {text-transform:uppercase;font-size:16px;font-weight:bold;border-bottom:1px dashed #4cade7;padding-bottom:5px;}
.ferror {background:#FFFFCC url(/images/gradients.jpg) repeat-x left -536px;border:1px solid #FFF;padding:5px;margin:10px 0;color:#CC0000;display:none;}
.ferror strong {background:url(/images/this_info.gif) no-repeat left center;padding-left:20px;font-weight:bold;}

#flogin {background:#3d91cf url(/images/gradients.jpg) repeat-x left -40px;color:#FFFFFF;}
#flogin h3 {border-color:#FFF;}
#flogin h4 {padding:2px 0;}
#flogin h4 a {font-weight:bold;color:#FFF;}
#flogin h4 a:hover {color:#FFCC33;}
#flogin button {background:#000 url(/images/gradients.jpg) repeat-x left -500px;}
#flogin button:hover {background:#000;}
#flogin div {text-align:right;}

#emailsend {background:#cee3f3 url(/images/gradients.jpg) repeat-x left -257px;}
#emailsend form {margin-top:10px;}
#emailsend small {margin-top:5px;font-size:11px;display:block;}
#emailsend input {margin-right:5px;}
.esend {margin-top:10px;}
.esend strong {font-weight:bold;}
.esend em {font-style:italic;}

#happyclient p {font-size:16px;color:#999;font-weight:bold;}
#happyclient h4 {font-weight:bold;}

#servhead {background:#3d91cf url(/images/gradients.jpg) repeat-x right -40px;}
#servhead h2 {background:transparent url(/images/serviceback.png) no-repeat;padding:30px;color:#cee3f3;font-size:1.5em;}
#servhead h2.hddesign {background-position:95% -10px;}
#servhead h2.hdseo {background-position:100% -110px;}
#servhead h2.hdmarketing {background-position:95% -210px;}
#servhead h2.hdadvertising {background-position:95% -310px;}
#servicecontent h2, #servicecontent h3, #servicecontent p {margin-bottom:10px;}
#servicecontent h2 {color:#fa3c02;font-size:28px;}

#newscontent h2, #newscontent h3, #newscontent p {margin-bottom:10px;}
#newscontent h2 {color:#fa3c02;font-size:28px;}
#newscontent h3 {font-size:18px;margin:20px 0 0 0;}
#newscontent small {text-transform:uppercase;margin-bottom:10px;font-size:14px;}
#newscontent em {font-style:italic; font-weight:400; font-size:12px;}

#hispaservices {background:#cee3f3 url(/images/gradients.jpg) repeat-x left -257px;}
#hispaservices a {display:block;padding:8px 15px;border-bottom:1px dashed #4cade7;text-decoration:none;font-size:1.05em;background:url(/images/thismore.gif) no-repeat left -64px;}
#hispaservices a:hover {text-decoration:underline;}

.sgeneral {border:2px solid #cee3f3;}
.sgeneral h3 {margin-bottom:10px;}
.sgeneral p, .sgeneral h5 {color:#666666;}
.sgeneral strong {font-weight:bold;}
.sgeneral h5 {font-weight:bold;text-transform:uppercase;}

a.ttop {color:#fff;font-size:0.8em;text-transform:uppercase;text-decoration:none;display:block;width:100px;text-align:center;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#3d91cf;margin-top:20px;}
a.ttop:hover {background:#000;}

#abouthead {background:#cee3f3;}
#abouthead h2 {padding:20px;color:#3d91cf;font-size:2.5em;}
#aboutcontent h3, #aboutcontent p {margin-bottom:15px;}

.board {margin:0 0 30px 0;border-top:1px dashed #cee3f3;padding-top:20px;}
.board img {border:1px solid #CCC;padding:2px;float:left;}
.board h3, .board h4, .board p {margin:0 0 5px 110px;}
.board h3 {line-height:0.5em;font-size:16px;font-weight:bold;}
.board h4 {text-transform:uppercase;font-size:11px;color:#3d91cf;}

.thislink li {margin:5px 0;background:url(/images/thismore.gif) no-repeat left 5px;padding-left:15px;}
.thislink li a strong {font-weight:bold;}

.contentcontact {color:#fff;font-size:1.08em;font-weight:bold;text-transform:uppercase;text-decoration:none;display:block;border:1px solid #3679ab;padding:8px 8px 8px 40px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#398ac4 url(/images/sendus.png) no-repeat 10px 10px;margin-bottom:20px;}
.contentcontact:hover {background-color:#000;border-color:#000000;}

#sitemap ul ul {margin-left:20px;}
#sitemap li {margin:5px 0;}
#sitemap li a {background:url(/images/thismore.gif) no-repeat left 5px;padding-left:15px;}
#sitemap ul ul li a {background:url(/images/thismore.gif) no-repeat left -15px;padding-left:15px;}

.formcontact {padding:15px 20px;margin-bottom:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid #cee3f3;}
.formcontact h3 {margin-bottom:10px;text-transform:uppercase;font-size:16px;font-weight:bold;border-bottom:1px dashed #4cade7;padding-bottom:5px;}
#formcont label {display:block;padding-bottom:3px;font-weight:bold;}
#formcont .formonecol input {width:100%;}
#formcont .formtwocol input {width:100%;}
#formcont textarea {width:100%;}
#formcont .formonecol, #formcont .formbtns {width:100%;padding:0 0 10px 0;float:none;clear:both;}
#formcont .formtwocol {width:49%;padding:0 0 10px 0;float:left;}
#formcont .last {margin-left:10px;}
#formcont span.error {margin:5px 0;color:#FF0000;}
#formcont .formbtns {text-align:right;padding:10px 0 0 0;}

#senderaction {font-size:18px;margin-bottom:20px;border:2px solid #cee3f3;display:none;}
#senderaction .waitsend {background:url(/images/loader-1.gif) no-repeat 10px center;padding:10px 10px 10px 40px;color:#3d91cf;}
#senderaction .errorsend {background:#FFFFCC url(/images/icon-error.png) no-repeat 10px center;color:#CC0000;padding:10px 10px 10px 50px;}
#senderaction .oksend {padding:10px;}

#footer .copyright {background:#cee3f3 url(/images/gradients.jpg) repeat-x left -576px;padding:40px 20px 20px;border-bottom:1px solid #FFF;}
#footer .copyright p {margin:0;font-size:11px;color:#666666;}
#footer p.foolinks {color:#0091d5;}
#footer .partners {background:#666;padding:10px 20px;margin-top:10px;color:#999;}
#footer .partners small {text-transform:uppercase;padding-right:10px;color:#333;}
#footer .partners a {color:#999;text-decoration:none;}
#footer .partners a:hover {text-decoration:underline;}