body {
   font-family: "Trebuchet MS";
   font-size: 95%;
   background: url(/pub/images/main/bg_top.gif) repeat-x top left #FFFFFF;
   padding: 0;
   margin: 0;
}
div, span, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
html,body,input,textarea { font-family: "Trebuchet MS", Arial, sans-serif; }
html { background-color: #000000; }

a { outline: none; }
a img { border: none; }
.container { position: relative; width: 940px; height: 100%; margin: auto; }
.clear { clear: both; }
h1 { background: url() no-repeat 25px 9px #2e2f2e; margin-left: -1.5em; padding-left: 1.5em; color: #1c9fc2; text-indent: -9999px; }
input[type=password], input[type=text], select {
   height: 21px;
   font-size: 15px;
   margin-bottom: .5em;
   background: url(/pub/images/main/bg_text_field.gif) repeat-x bottom left;
   border: 1px solid #CCC;
}
select {
   height: 21px;
}

/****************  QUICK REFERENCE bar on top  **************/
#branding_and_nav { height: 102px; background: url(/pub/images/main/bg_top_container.gif) no-repeat top left; }
#branding { width: 277px; height: 100%; }
#branding a { background: url(/pub/images/main/nav_home.png) no-repeat top left; }
#branding a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
*html #branding a { 
   background: none;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pub/images/main/nav_home.png", sizingMethod="scale");   
}

/*****************  NAVIGATION  ***************/
#nav span { display: block; position: absolute; color: white; }
#nav span#links { top: 5px; right: 120px; }
#nav span#phone { background: url(/pub/images/main/phone.png) no-repeat top right; top: 7px; right: -35px; width: 143px; height: 20px; text-indent: -9999px; }
*html #nav span#phone { 
   background: none; 
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pub/images/main/phone.png", sizingMethod="scale");   
}
#nav span#links a {
   color: #00cbfe; 
   text-decoration: underline;
   font-weight: bold;
   padding-right: .7em;
}
#nav ul {
   position: absolute;
   top: 36px;
   left: 277px;
   height: 66px;
   list-style-type: none;
   padding: 0;
   margin: 0;
}
#nav li {
   display: block; 
   float: left;
   height: 100%;
}
#nav li a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
#nav li#nav_what_we_do a { width: 136px; background-image: url(/pub/images/main/nav_what_we_do.gif); }
#nav li#nav_designs    a { width: 100px; background-image: url(/pub/images/main/nav_designs.gif); }
#nav li#nav_pricing    a { width: 98px; background-image: url(/pub/images/main/nav_pricing.gif); }
#nav li#nav_about_us   a { width: 111px; background-image: url(/pub/images/main/nav_about_us.gif); }
#nav li#nav_features   a { width: 111px; background-image: url(/pub/images/main/nav_features.gif); }
#nav li#nav_contact    a { width: 107px; background-image: url(/pub/images/main/nav_contact.gif); }

#nav li a:hover { background-position: 0 -66px; }

/***************  CONTENT ******************/
#content {
   width: 100%;
   background: url(/pub/images/main/bg_content_left.gif) repeat-y top left;
}
#content .container {
}
#content #main_content {
   position: relative;
   left: 272px;
   width: 668px;
   height: auto;
   padding: 2em 0 2em 3em;
   background: white;
   min-height: 383px;
}

/***************  TRY IT FREE left sidebar  ******************/
#try_it_free {
   position: absolute;
   width: 272px;
   height: 100%;
   background: url(/pub/images/main/bg_left_sidebar.gif) repeat-y top left;
   padding: 0 0 0 10px;
   text-align: left;
}
#try_it_free #btn_try_it_free {
   padding-top: 50px;
}
#try_it_free span {
   display: block;
   position: absolute;
   width: 272px;
   height: 263px;
   bottom: 26px;
   left: 0;
   background: url(/pub/images/main/bg_sidebar_red_head.gif) no-repeat center bottom;
}



/***************  OFFERS  bottom of page  ***********************/
#offers {
   width: 100%;
   height: 148px;
   background: url(/pub/images/main/bg_bottom.gif) repeat-x top left;
}
#offers h2 {
   margin: 0;
   padding: 6px 0 0 15px;
   text-align: center;
   color: #00cbfe; 
}
#offers h2 img {
   padding: 7px 5px 0 0;
}
#offers .container {
   position: relative;
   background: url(/pub/images/main/bg_bottom_container.gif) no-repeat top left;
}
#offers .offer {
   position: absolute;
   top: -26px;
   width: 308px;
   height: 142px;
   background: url(/pub/images/main/bg_offer.png) no-repeat top left;
}
*html #offers .offer {
   background-image: none; 
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pub/images/main/bg_offer.png", sizingMethod="scale");   
}
#offers #get_more_clients {
   left: 5px;
}
#offers .offer span {
   display: block;
   position: absolute;
   width: 308px;
   height: 108px;
   bottom: 5px;
   left: 6px;
   margin: 10px 0 0 0;
   background: url(/pub/images/main/bg_offer_get_more_clients.gif) no-repeat bottom left;
}
#offers .offer span img {
   display: block;
   position: absolute;
   bottom: 0;
   right: 19px;
}
#offers #try_it_risk_free {
   left: 325px;
}
#offers #try_it_risk_free span {
   background: url(/pub/images/main/bg_offer_try_it_risk_free.gif) no-repeat bottom left;
}
#offers #sexy_designs {
   left: 645px;
}
#offers #sexy_designs span {
   background: url(/pub/images/main/bg_offer_sexy_designs.gif) no-repeat bottom left;
}
.clearfix { clear: both; }
strong { color: #0a79af; }