﻿#navigation a.home, #navigation .highlight a.home:hover, #navigation a.home .hover {
    background-position: 0px -49px;
}

#top-banner {
     position: relative;
}


/* HOME LEFT */
.service { padding: 0px 0px 0px 0px;}
#service-design {background:url("images/home-balls-bg.jpg") top left no-repeat; padding-top:37px; }
#service-webmobile {background:url("images/home-balls-bg.jpg") -503px -22px no-repeat; padding-top:15px;}
#service-marketing {background:url("images/home-balls-bg.jpg") -1006px -22px no-repeat;padding-top:15px; }

.service img { margin-right: 12px;  }
.service h2, .service h2 a {  margin: 0; font-weight: normal;  font-size: 1.3em;}
.service-content { margin-left:127px;}
.grey, #twitter-readmore a { /*font-size: 10px;*/}
div.service-content p.nmt {line-height:130%; clear:both; padding-right:10px;}
.service .mt5 { margin-top: 5px }
.service .nmb { margin-bottom: 0px; }
div.service div.service-content p.nmt {padding-top:15px;}

div#service-design.service div.service-content h2.fl a.dblLink:hover {color:#1d5686; border-bottom:1px solid #666;}
div#service-webmobile.service div.service-content h2.fl a.dblLink:hover {color:#9B142B; border-bottom:1px solid #666;}
div#service-marketing.service div.service-content h2.fl a.dblLink:hover {color:#26765b; border-bottom:1px solid #666;}

/* ARROW */


div.service-content a.smallArrow {
    height: 18px;
    width: 18px;
    padding-right:10px;
    display: inline-block;
    background: url('images/small-arrow-grey.gif') no-repeat;
    margin-left: 5px;
    position: relative;
    float:right;
    top: 4px;
}

div.service-content a.smallArrow:hover, .dblLinkActive div.service-content a.smallArrow {
    background-position: 0px -18px;
}


/* HOME RIGHT */
#latest-blog {
    background: url('images/separator-434.png') no-repeat center bottom;
    padding-bottom: 25px;
}

#latest-blog .headline a, #twitter_update .headline a {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 160%;
}

p#blogHeadline {
	margin: 3px 0px 5px 0px !Important;
}

p#blogReadMore {
	margin: 0px 0px 10px 0px !important;
}

#blogArrow {
	position: relative;
    top: 0px;
}

#twitter-readmore a { 
    position: relative; 
}

#twitter-icon {
    position: absolute;
    top: -6px;
    left: 80px;
    margin-left: 5px;
}

/* Home - service words */
#service-words {
    background: url('images/separator-930.png') no-repeat center top;
    width:930px;
    margin-left:20px;
    padding-top:8px;
    margin-top:10px;
    text-align:center;
}


body {margin:0 0 0 0 ; background-position: top center; background-repeat:no-repeat; background-color:#3F3E43;}
#header {position:absolute; top:39px; left: 50%;  margin-left: -495px; z-index: 10; width:990px;height:152px; margin-bottom: 0px; padding: 0; background: url(images/header-bg.gif) 0px 0px no-repeat; }	
#logo {padding-top:17px;}
#header-desc {padding-top:45px;}
.topnav { background-color:#fff; height: 48px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; width: 988px; position:absolute; top:190px; left: 50%;  margin-left: -495px; z-index: 11;}
#top-banner {position:absolute; top:239px; left: 50%; margin-left: -495px; width:990px; margin-bottom: 0px; padding: 0; z-index: 13;}
#main-container { position:absolute; top:398px; left: 50%; margin-left: -495px; width:990px; margin-bottom: 0px; padding: 0; z-index: 12;}
#container {padding-top:0px; margin-top:0px;}
div#header-desc.header-content p.nmb {margin:0 0 0 0; padding:4px 0 0 0;}

#content {margin-left: 0px;margin-top: 0px;}
#left { width: 495px;padding-right: 0px;}
#right {border-left: 0px solid #E0E0E0; padding-top:30px;}

#pre-header {font-family: Georgia,Times New Roman,Serif; position:absolute; width:930px;top:5px; left: 50%; margin-left: -495px; z-index: 14;  padding: 5px 30px 0px;}
#pre-header p, #pre-header ul {color:#fff;}
#pre-header ul li a {color:#fff;}
#pre-header ul li a:hover {color:#fff; }
#pre-header ul li.br { border-right: 1px solid #ffffff;}

.animbg {width:100%; height:435px; background:url(images/home/f2b-template-0.jpg) top center no-repeat; z-index:0; position:absolute;}
div#header-desc.header-content div p {line-height:100%;}

#slideshow {position:absolute;  margin: 0px auto; width: 100%; height: 435px; z-index: 1; }
#nav { z-index: 50; position: relative; top:370px; left:47px; margin: 0px auto; width:990px; }
#nav a { margin: 0 6px 0 0; width:20px; height:20px; float:left; background: url(images/slide-off.png) top left no-repeat; text-indent:-9999px; overflow:hidden; }
#nav a.activeSlide { background: url(images/slide-on.png) top left no-repeat; }
#nav a:focus { outline: none; }

.pics { height: 435px; width: 100%; padding:0; margin:0; overflow: hidden }
.pics img { position:relative; height: 435px; top:0;}

.slide-out-div {z-index: 100;}
