/********************************************************************
/********************************************************************
Author: adv.media
Author URL: http://www.advmedia.com.ua/
********************************************************************/
@import "reset.css";
@import "grid.css";
@import "titles.css";
/********************************************************************/
/********************************************************************/

body{font-family:Helvetica, Arial, Verdana, sans-serif;line-height:1.6;color:#49595f;font-size:75%;}

/* IE (10px = 62.5%, 11px = 68.75%, 12px = 75%, and so forth)  */
html > body{font-size:12px;}

/* BANNER REPLACEMENT ******************************************** */
div#header h1.banner{position:absolute;top:145px;left:0;width:960px !important;height:107px !important;}
div#header h1.banner.home{background:url(img/bg_banner_home.png) no-repeat 0 0;}

/* IMAGE REPLACEMENTS ******************************************* */
h2.title{float:left;margin:0 0 11px;display:block;height:24px;}
h2.title.requestforproposal{width:274px;background:url(img/title_requestforproposal.gif) no-repeat 0 5px;}
div#header h1.banner span,h2 span{display:none;}


/* Uncommenting this will cause all  tags within  tags to disappear 
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: none; } 
  =TEXT ELEMENTS ************************************************* */
p{margin:0 0 15px;color:#49595f;}
p.last{margin-bottom:0;}
p.less{width:195px;}
ul,ol{margin:0 0 15px;}
ol span{font-weight:bold;font-family:Helvetica, Arial, "Lucida Grande", sans-serif;color:#49595f;}
ol p{margin:0 0 8px;font-size:12px;font-weight:normal;font-family:Helvetica, Arial, "Lucida Grande", sans-serif;color:#49595f;}
ol .authormeta{font-family:Helvetica, Arial, "Lucida Grande", sans-serif;}
a{font-weight:bold;text-decoration:none;outline:none;color:#242f33;border-bottom:1px dotted #89999f;}
a:hover,a img{text-decoration:none;border-bottom:none;color:#000;}
a:active{outline:none;color:#1A77A7;}
a.postimage{margin:0;padding:0;border:none;}
img{margin:0 0 15px;padding:0;border:none;}
img.left{float:left;margin:0 15px 15px 0;}
img.right{float:right;margin:0 0 15px 15px;}
img.invisible{display:none !important;}
.alignright{float:right;}
.alignleft{float:left;}
div.alignright{float:right;margin:0 0 20px 20px;}
div.alignleft{float:left;margin:0 20px 20px 0;}
strong{font-weight:bold;color:#242f33;font-family:Helvetica, Arial, "Lucida Grande", sans-serif;font-style:normal;}
em{font-style:italic;}
abbr{border-bottom:1px dotted #ccc;cursor:help;}
code{font:11px Monaco, monospace;background:#ffefaf;color:#242f33;border-bottom:1px solid #ffde43;line-height:1.6;padding:0 2px;}

/* BACKGROUND ELEMENTS ******************************************** */
body{background:url("img/bg_body.jpg") repeat-x 0 0;}
div#clouds{position:absolute;top:94px;margin:0;padding:0;text-align:center;width:100%;height:200px;background:transparent url("img/bg_slide_clouds.png") repeat-x 150% 0;overflow:hidden;z-index:2;}
div#wrap{position:relative;margin:0 auto;padding:0;text-align:left;width:960px;background:url("img/1bg_wrap.jpg") no-repeat;}
div#header{background:transparent url("img/bg_header.png") no-repeat 387px 174px;}

/* HEADER - LOGO ************************************************** */
div#header h1{position:absolute;top:52px;margin:0;padding:0;width:209px;}
div#header h1 a{margin:0;padding:0;display:block;width:209px;height:50px;background:transparent url("img/bg_logo.png") no-repeat;}

/* HEADER - NAVIGATION ******************************************** */
div#header ul#nav{position:absolute;top:0;right:0;margin:0;padding:0;list-style-type:none;z-index:99;}
div#header ul#nav li{margin:0;padding:0;display:inline;}
div#header ul#nav li a{float:left;margin:0 0 0 6px;padding:0;cursor:pointer;z-index:99;border-bottom:none;}
div#header ul#nav li.home a{width:69px;height:111px;background:url("img/bg_nav_home.png") no-repeat 0 0;}
div#header ul#nav li.home a:hover{width:69px;height:111px;background:url("img/bg_nav_home.png") no-repeat 0 -111px;}
div#header ul#nav li.home a.active{width:69px;height:111px;background:url("img/bg_nav_home.png") no-repeat 0 -222px;}
div#header ul#nav li.client_login a{width:127px;height:111px;background:transparent url("img/bg_nav_client.png") no-repeat 0 0;}
div#header ul#nav li.client_login a:hover{width:127px;height:111px;background:url("img/bg_nav_client.png") no-repeat 0 -111px;}
div#header ul#nav li.client_login a.active{width:127px;height:111px;background:transparent url("img/bg_nav_client.png") no-repeat 0 -222px;}
div#header h1 a span,div#header ul#nav li a span{display:none;}


.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear{height:1%;}
hr{background:#000;color:#000;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.4em;border:none;}
* html hr{margin:0 0 1.2em;}

/* =HEADER - BANNER *********************************************** */
img.headerbanner{position:relative;top:145px;margin:0;padding:0;z-index:4;}

/* =HOME - CONSTANTS ********************************************** */
div.third h2,div.third h2 a{margin:0 0 4px;padding:0;font-size:24px;font-weight:bold;color:#ff3716;}
div.third h2 a:hover,div.third.active a{color:#242F33;}
div.third h3{margin:0 0 4px;padding:0;color:#a3b5ba;font-size:13px;text-transform:uppercase;font-weight:bold;}
div.third p{margin-bottom:0;}

/* =CONTACT ******************************************************* */
div.contact div.pagedesc{float:left;margin:0;padding:0;width:712px;}
div.contact div.pagedesc ul{margin:0 0 40px;color:#49595f;list-style:none;}
div.contact div.pagedesc li{margin:0 0 8px;padding:0 0 0 16px;background:url("img/icon_listitem.gif") no-repeat 0 5px;}
div.contact div.pagedesc div.title{position:relative;float:left;margin:0 30px 0 0;width:217px;}
form#contactform{margin:9px 0 0;padding:0 0 0 67px;float:left;width:645px;background:url("img/bg_contactform.gif.png") no-repeat top left;}
form#contactform div.fieldblock{position:relative;float:left;margin:0;padding:0;width:630px;}
form#contactform div.fieldblock label{float:left;display:block;margin:0;padding:5px 30px 0 0;width:120px;text-align:right;color:#242f33;}
form#contactform div.fieldblock label.error{position:absolute;top:-7px;right:8px;margin:10px 0 0;padding:4px 0 2px 23px;width:142px;outline:none;background:#fff url("img/icon_requiredarrow.gif") no-repeat 0 1px;text-align:left;z-index:99;line-height:1.2;}
form#contactform div.fieldblock div.input{float:right;margin:0 0 15px;padding:0 0 0 30px;border-left:1px solid #dfe5e7;width:449px;}
form#contactform input.submit{margin:0 0 30px 181px;}
div.contact div.secondary{float:right;margin:0;padding:0;width:217px;}
div.contact div.secondary div.map{position:relative;margin:0 0 30px;padding:0;width:217px;height:220px;background:url("img/bg_contactmap.jpg") no-repeat;}
div.contact div.secondary div.map p{position:absolute;top:47px;left:37px;display:block;margin:0;padding:0;background:#000;font-size:11px;text-align:right;color:#fff;}
div.contact div.secondary div.map p span{display:block;}
div.contact div.secondary div.map p a{color:#fff;}
div.contact div.secondary div.projectplanner a.pp{margin:0 0 30px;padding:0;display:block;width:217px;height:31px;background:url("img/bg_projectplanner.gif") no-repeat 0 0;border:none;}
div.contact div.secondary div.projectplanner a.pp.alt{margin:0 0 15px;}
div.contact div.secondary div.projectplanner a.pp:hover{background:url("img/bg_projectplanner.gif") no-repeat 0 -31px;}
div.contact div.availability{display:block;margin:0 15px 15px 0;padding:10px 10px 15px;background:#fff4ab;}
div.contact div.availability p{display:block;margin:0;padding:0;}

/* SERVICES PAGE ************************************************** */
#services_page ol, ul {list-style: none;}
#services_page h1, h2, h3, h4, h5, h6 {font-weight:normal;}

#services_page li{margin-bottom:10px;padding-bottom:1px;background:url(img/bg-services_page-bottom.gif) left bottom no-repeat;}
#services_page li h2{background:url(img/bg-services_page-top.gif) left top no-repeat;font-size:2.1em;font-weight:700;line-height:1;padding:20px 0px 0;}
#services_page li h2 span{font-size:.75em;}
#services_page .description{width:416px;float:left;position:absolute;display:inline;margin-left:2px;margin-top:10px;}
#services_page .description a{height:24px;text-indent:-9999em;margin:20px 0;}
#services_page .description a:hover{background-position:left bottom !important;}
#services_page .description p{margin:10px 3px;}
#services_page li ul{padding-left:488px;padding-right:20px;margin-top:-20px;margin-bottom:20px;}
#services_page li li{background:none;color:#757575;padding-left:55px;margin-bottom:16px;}
#services_page li li h3{font-weight:700;}
#services_page li.main {border-bottom:1px solid #ddd;}
#services_page .description a.view_web_portfolio{float:left;margin-left:3px;width:152px;background:url(img/btn-view_web_portfolio.gif) left top no-repeat;}
#services_page .description a.request_a_quote{float:right;margin-right:3px;width:129px;background:url(img/btn-request_a_quote_services.gif) left top no-repeat;}
#services_page .description a.top{float:right;margin-right:3px;width:55px;background:url(img/btn-top.gif) left top no-repeat;}
#services_page .description a.view_logo_portfolio{float:left;margin-right:3px;width:164px;background:url(img/btn-view_logo_portfolio.gif) left top no-repeat;}
#services_page .description a.view_illustration_portfolio{float:left;margin-right:3px;width:216px;background:url(img/btn-view_illustration_portfolio.gif) left top no-repeat;}
#services_page .description a.view_print_portfolio{float:left;margin-right:3px;width:164px;background:url(img/btn-view_print_portfolio.gif) left top no-repeat;}

/* service icons  */
#services_page li.list-custom_website{background:url(img/list-custom_website.gif) left 12px no-repeat;}
#services_page li.list-beautiful_graphic{background:url(img/list-beautiful_graphic.gif) left 12px no-repeat;}
#services_page li.list-using_nature{background:url(img/list-using_nature.gif) left 12px no-repeat;}
#services_page li.list-css_xhtml{background:url(img/list-css_xhtml.gif) left 12px no-repeat;}
#services_page li.list-branding_your{background:url(img/list-branding_your.gif) left 12px no-repeat;}
#services_page li.list-green_branding{background:url(img/list-green_branding.gif) left 12px no-repeat;}
#services_page li.list-the_importance{background:url(img/list-the_importance.gif) left 12px no-repeat;}
#services_page li.list-scalable_vectors{background:url(img/list-scalable_vectors.gif) left 12px no-repeat;}
#services_page li.list-who_are{background:url(img/list-who_are.gif) left 12px no-repeat;}
#services_page li.list-long_term{background:url(img/list-long_term.gif) left 12px no-repeat;}
#services_page li.list-consistancy_across{background:url(img/list-consistancy_across.gif) left 12px no-repeat;}
#services_page li.list-professionalism{background:url(img/list-professionalism.gif) left 12px no-repeat;}
#services_page li.list-flow{background:url(img/list-flow.gif) left 12px no-repeat;}
#services_page li.list-click_through{background:url(img/list-click_through.gif) left 12px no-repeat;}
#services_page li.list-scale{background:url(img/list-scale.gif) left 12px no-repeat;}
#services_page li.list-user_experience{background:url(img/list-user_experience.gif) left 12px no-repeat;}
#services_page li.list-google_rank{background:url(img/list-google_rank.gif) left 12px no-repeat;}
#services_page li.list-ppc{background:url(img/list-ppc.gif) left 12px no-repeat;}
#services_page li.list-text_link{background:url(img/list-text_link.gif) left 12px no-repeat;}
#services_page li.list-keyword_optimization{background:url(img/list-keyword_optimization.gif) left 12px no-repeat;}
#services_page li.list-scalable_across{background:url(img/list-scalable_across.gif) left 12px no-repeat;}
#services_page li.list-crisp_graphics{background:url(img/list-crisp_graphics.gif) left 12px no-repeat;}
#services_page li.list-custom_icon{background:url(img/list-custom_icon.gif) left 12px no-repeat;}
#services_page li.list-west_coast{background:url(img/list-west_coast.gif) left 12px no-repeat;}
#services_page li.list-why_use{background:url(img/list-why_use.gif) left 12px no-repeat;}
#services_page li.list-web_standard{background:url(img/list-web_standard.gif) left 12px no-repeat;}
#services_page li.list-fast_loading{background:url(img/list-fast_loading.gif) left 12px no-repeat;}
#services_page li.list-cross_browser{background:url(img/list-cross_browser.gif) left 12px no-repeat;}
#services_page li.list-promoting_your{background:url(img/list-promoting_your_business.gif) left 12px no-repeat;}
#services_page li.list-brochures{background:url(img/list-brochures.gif) left 12px no-repeat;}
#services_page li.list-business_cards{background:url(img/list-business_cards.gif) left 12px no-repeat;}
#services_page li.list-outdoor_advertising{background:url(img/list-outdoor_advertising.gif) left 12px no-repeat;}
#services_page li.list-blog_design{background:url(img/list-blog_design.gif) left 12px no-repeat;}
#services_page li.list-valid_wordpress{background:url(img/list-valid_wordpress.gif) left 12px no-repeat;}
#services_page li.list-wordpress_themes{background:url(img/list-wordpress_themes.gif) left 12px no-repeat;}
#services_page li.list-rss_feeds{background:url(img/list-rss_feeds.gif) left 12px no-repeat;}
#services_page li.list-ruby_on{background:url(img/list-ruby_on_rails.gif) left 12px no-repeat;}
#services_page li.list-custom_programming{background:url(img/list-custom_programming.gif) left 12px no-repeat;}
#services_page li.list-ssl_certificates{background:url(img/list-ssl_certificates.gif) left 12px no-repeat;}
#services_page li.list-solar_powered{background:url(img/list-solar_powered.gif) left 12px no-repeat;}

.clear,.win.ff2 div.quote div.blockquote p.testimonial{clear:both;}
img#filterload,div#recentimages ul.recentitems li#first a span,div#recentimages ul.recentitems li#second a span,div#recentimages ul.recentitems li#third a span,div.about a.vcard span,div.about a.twitter span,div.sectiontitle a.clientlist span,div#fullworkcontent a.closecontent span,div#screenrotator button span,ul.worknav li a span,div.featuredpost div.recentprojectbadge span,p#morecontrols a span,div.singlepost p.meta span.categories a[title="View all posts in Frontpage"],div.screen a.videourl span,div.contact div.secondary div.projectplanner a span{display:none;}
div#recentimages ul.recentitems li,ul.worknav li,ul.relatedthumbs li{margin:0;padding:0;display:inline;}
div.frontpageblog a,div.entry ul.gallery li a{border:none;}
div.frontpageblog a img,div.about h4,div.workentry p{margin:0 0 20px;}
div.frontpageblog a.commentcount:hover,div.casestudy.active h3,div.blogtitle div#filter ul li.selected a,div.featuredpost.active div.entry h3 a,div.featuredpost div.entry h3 a:hover,div.featuredpost a.featuredcommentcount:hover,div.post.active div.entry h3 a,div.post div.entry h3 a:hover{color:#242f33;}
div.about h3,div.allclients ul.clientcolumn li.last,ul.relatedthumbs li.last a,div.post.music div.songdata p{margin:0;}
ul.worknav li.last a,div.post div.entry p,ul.relatedthumbs li a img{margin:0;padding:0;}
div.blogtitle div#filter ul li a,div.entry ol{color:#49595f;}
div.blogtitle div#filter ul li a:hover,div.post.active small a{color:#1a77a7;}
.mac.safari form#searchbox span input,.mac.safari div#sidesearch form#searchbox span input{padding:6px 6px 2px 0;height:18px;}
.mac.ff2 form#searchbox span input,.mac.ff2 div#sidesearch form#searchbox span input{padding:6px 6px 3px 0;}
.mac.ff3 form#searchbox span input,.mac.ff3 div#sidesearch form#searchbox span input{padding:7px 6px 5px 0;}
div.featuredpost div.entry p.date span,div.singlepost p.meta span.author{color:#546872;}
span.read-more,#services_page li li h3{font-weight:bold;}
div.post.top-fourth-post,div.post.mid-fourth-post,div.post.btm-fourth-post,div#allposts div.post.all.last{float:right;margin:0;padding:0;}
div.post.mid-first-post,div.post.mid-second-post,div.post.mid-third-post,div.post.btm-first-post,div.post.btm-second-post,div.post.btm-third-post{float:left;margin:0 30px 0 0;padding:0;}
div.relatedposts ul li,div.authorpost h4.nodate{margin:0 0 5px;}
div#lastfm ul.musiclist,div#recentcomments ul{margin:0;padding:0;list-style-type:none;}
div.singlepost p.meta span.date,div.singlepost p.meta span.comments a,div.singlepost p.meta span.categories a{color:#829ca8;}
div.contact div.pagedesc div.contactintro,div.contact div.pagedesc div.contactform{position:relative;float:left;margin:0;padding:0;width:683px;}