﻿body { background: url(../images/body_bg.gif) repeat-x; }

h2 {  }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 18px; background-color: #0083cb; padding-left: 10px; }
/*h4 { font-size: 16px; color: #173548; }*/

a { color: #0083cb; text-decoration: none; }
a:hover { text-decoration: underline; }

.clear {clear: both; }
.spacer-top { margin-top: 20px; }
.indent { margin-left: 10px; }

/* blog list */
/*#blog_list { margin: 0 0 20px 0; }
#blog_list li { list-style: none; margin: 0 0 2px 0; padding: 10px; background: #f5f5f5; }
#blog_list h2 { margin: 0; font-family: Georgia, Times New Roman, Serif; font-size: 20px; font-style: italic; font-weight: normal; }
#blog_list .author { font-size: 12px; color: #8f8f8f; }
#blog_list p { margin: 5px 0 0 0; }*/

/* layout */
#top-menu { text-align: right; padding: 3px; color: #fff; }
#top-menu a { color: #fff; font-weight: bold; }

.content { background: #fff url(../images/body_top.gif) top no-repeat; clear: both; }
.copy { padding: 10px; }

#header { padding: 20px 10px; }
#header #more { padding: 10px 10px 0 0; position: relative; } 
#search_box { position: absolute; right: 10px; top: 10px; background: #eaeaea url(../images/search_l.gif) left top no-repeat; }
#search_box span { position: relative; display: block; background: url(../images/search_r.gif) right top no-repeat; height: 22px; padding: 10px; width: 255px; }
#search_box #search { position: absolute; top: 8px; left: 190px; background: url(../images/search_btn.gif); height: 27px; width: 74px; border: solid 1px #fff; padding: 0; margin: 0; } 
#search_box #s { position: absolute; top: 8px; left: 8px; height: 21px; width: 170px; border: solid 1px #cecece; margin: 0; padding: 2px; }
#header .phone { font-size: 26px; color: #7b7b7b; font-weight: bold; display: block; position: absolute; right: 300px; top: 13px; }

#footer { background: #dfdfdf; padding: 20px 0; margin-top: 20px; min-height: 350px; color: #4f4f4f; }
#footer .phone { font-size: 22px; font-weight: bold; }
#footer h4 { margin: 0 0 5px 0; padding-left: 0; font-size: 15px; color: #2f2f2f; background: none; }
#footer h4 a {  }
#footer ul { list-style: none; }
#footer ul li { padding: 0; margin: 0; } 

#client_logos { clear:both; width:876px; height:70px; margin-left:42px; position:relative; }
#client_logos img { position:absolute; left:0; top:0; } 

/* feature */
#feature { background: none; height: 186px; width: 939px; overflow: hidden; clear:both; }
#f_content ul {list-style: none; width: 939px; }
#f_content li { width: 313px; height: 186px; float: left; padding: 0; margin: 0; overflow: hidden; }
#f_content li h3 { font: italic 18px/1.5em Georgia, serif; color: #000; margin: 20px 0 10px 10px; padding: 0; }
#f_content li p { color: #424242; padding: 0; margin: 0 0 15px 10px; width: 200px; line-height: 1.5em; }
#f_content li a.read-more { padding-left: 0; margin-left: 10px; /*background: url(../images/feature_read-more.gif) no-repeat; background-position: 0px 3px;*/ }
#f_navigation { position: relative; z-index: 900; }
#f_previous { position:absolute; margin-top:60px; z-index:800; }
#f_next { position:absolute; margin-top:60px; z-index:800; right:0; }
#f_google_analytics { background: url(../images/feature_g-a.gif) no-repeat; }
#f_paid_search_marketing { background: url(../images/feature_psm.gif) no-repeat; }
#f_email_marketing { background: url(../images/feature_e-m.gif) no-repeat; }
#f_search_engine_optimization { background: url(../images/feature_seo.gif) no-repeat; }
#f_call_center_integration { background: url(../images/feature_c-c.gif) no-repeat; }
#f_conv_optimization { background: url(../images/feature_c-o.gif) no-repeat; }

/* menu */
#nav-menu { /*height: 0;*/ }
#nav-menu li { text-align: center; list-style: none; display: inline; position: relative; z-index: 1000; float: left; min-height: 1px;/*For IE7*/vertical-align: bottom; height: 38px; background: url(../images/menu_bg.gif) repeat-x; margin: 0 1px 0 0; }
#nav-menu ul { margin: 0px; border: 0px none; padding: 0px; width: 240px; list-style: none; display: none; position: absolute; z-index: 1000; top: 38px; left: 0px; }
#nav-menu ul li { float: none; /*For Gecko*/ display: block !important; /*display: inline*/ margin: 0; padding: 0; text-align: left; background: #fff; height: 25px; }

#nav-menu li.strategic-consulting { width: 239px; }
#nav-menu li.search-marketing { width: 219px; }
#nav-menu li.interactive-marketing { width: 239px; }
#nav-menu li.technology-services { width: 240px; margin-right: 0; }

#nav-menu span { height: 38px;background: url(../images/menu_r.gif) right no-repeat; display: block; }
* html #nav-menu a { background: url(../images/menu_l.gif) left top no-repeat; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; text-decoration: none; display: block; float: left; height: 25px; padding: 7px 0; margin: 0; float: none !important; /*For Opera*/ float: left; /*For IE*/ height: auto !important; height: 1%; }
#nav-menu a { background: url(../images/menu_l.gif) left top no-repeat; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: -0.01em; text-decoration: none; display: block; /*float: left;*/ height: 25px; padding: 7px 0; margin: 0; float: none !important; /*For Opera float: left;*/ /*For IE*/ height: auto !important; /*height: 1%;*/ }

/* Root Menu Hover Persistence */
#nav-menu a:hover,#nav-menu li:hover a,#nav-menu li.iehover a { color: #f5f5f5; }
#nav-menu li a.on { color: #f5f5f5; }

/* 2nd Menu */
ul#nav-menu li:hover ul,ul#nav-menu li.iehover ul {	margin-bottom: 0; padding: 0; overflow: hidden;}
ul#nav-menu li:hover li a,ul#nav-menu li.iehover li a { float: none; font-weight: normal; color: #666; background: #fff; padding: 3px 4px 3px 8px; margin: 0; font-size: 11px; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece;  border-left: 1px solid #cecece;}
ul#nav-menu li:hover li a.top {	border-top: 1px solid #fff;}

/* 2nd Menu Hover Persistence */
ul#nav-menu li:hover li a:hover,ul#nav-menu li:hover li:hover a,ul#nav-menu li.iehover li a:hover,ul#nav-menu li.iehover li.iehover a {  background: #e0e0e0;  color: #333;}

/* 3rd Menu */
ul#nav-menu li:hover li:hover li a,ul#nav-menu li.iehover li.iehover li a {  background: #fff;  color: #666;}

/* 3rd Menu Hover Persistence */
ul#nav-menu li:hover li:hover li a:hover,ul#nav-menu li:hover li:hover li:hover a,ul#nav-menu li.iehover li.iehover li a:hover,ul#nav-menu li.iehover li.iehover li.iehover a {  background: #e0e0e0;  color: #333;}ul#nav-menu ul ul,ul#nav-menu ul ul ul {  display: none;  position: absolute;  top: 0px;  left: 170px;}/* Do Not Move - Must Come Before display:block for Gecko */ul#nav-menu li:hover ul ul,ul#nav-menu li:hover ul ul ul,ul#nav-menu li.iehover ul ul,ul#nav-menu li.iehover ul ul ul {  display: none;}
ul#nav-menu li:hover ul,ul#nav-menu ul li:hover ul,ul#nav-menu ul ul li:hover ul,ul#nav-menu li.iehover ul,ul#nav-menu ul li.iehover ul,ul#nav-menu ul ul li.iehover ul {  display: block;}
