/* CSS Document */ body{ margin:0px; background:url(../images/bg.jpg) top repeat-y ; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#7F7F7F; line-height:1.4em;} headings{ margin:0px; background:url(../images/bg.jpg) top repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#7F7F7F; line-height:1.4em; font-weight: bold; } #holder{ display:block; width:100%; background-color:#FFFFFF; padding:20px 0px 0px 0px; margin-top:2px;} #mainHolder{ position:relative; width:815px; margin-left:auto; margin-right:auto;} #header{ position:relative; height:112px; margin:0px 0px 0px 22px;} #logo a{ font: normal 1.6em Tahoma, Arial, Helvetica, sans-serif; text-indent: -9999px; width: 169px; height:112px; display:block; background: url(../images/logo.gif) top left no-repeat;} ul#mainnav{ position:absolute; list-style:none; width:344px; left:190px; top:50px; height:15px; background:url(../images/mainnav.gif) top left no-repeat; margin:0px;} ul#mainnav li{float: left;} ul#mainnav li a{position: absolute;top: 0;height: 15px;display: block;text-indent: -9999px;} #mainnav li#work a {left: 0px; width: 57px;} #mainnav li#services a {left: 75px; width: 52px;} #mainnav li#clients a {left: 145px; width: 69px;} #mainnav li#about a {left: 232px; width: 55px;} #mainnav li#news a {left: 306px; width: 32px;} #mainnav li#work a:hover, #mainnav li#work a.active {background: transparent url("../images/mainnav.gif") -0px -15px no-repeat;} #mainnav li#services a:hover, #mainnav li#services a.active {background: transparent url("../images/mainnav.gif") -75px -15px no-repeat;} #mainnav li#clients a:hover, #mainnav li#clients a.active {background: transparent url("../images/mainnav.gif") -145px -15px no-repeat;} #mainnav li#about a:hover, #mainnav li#about a.active {background: transparent url("../images/mainnav.gif") -232px -15px no-repeat;} #mainnav li#news a:hover, #mainnav li#news a.active {background: transparent url("../images/mainnav.gif") -306px -15px no-repeat;} #mainContent1{ position:; background:url(../images/main_content_bg.gif) bottom right no-repeat; display:block; height:300px; margin-bottom:;} #mainContent2{ position:; background:url(../images/main_content_bg.gif) bottom right no-repeat; display:block; height:350px; margin-bottom:;} #mainContent3{ position:; background:url(../images/main_content_bg.gif) bottom right no-repeat; display:block; height:760px; margin-bottom:;} #mainContent4{ position:; background:url(../images/main_content_bg.gif) bottom right no-repeat; display:block; height:1240px; margin-bottom:;} #mainContent5{ position:; background:url(../images/main_content_bg.gif) bottom right no-repeat; display:block; height:400px; margin-bottom:;} #homeLeft { float:left; width:473px; margin:0px 0px 0px 40px; } #homeRight { float:left; width:212px; margin:22px 0px 0px 36px;} #workLeft { float:left; width:550px; margin:0px 0px 0px 40px;} #lowerHolder{ position:relative; display:block; background:url(../images/bg.jpg) center top repeat-y;} #lowerContent{ position:relative; width:815px; margin-left:auto; margin-right:auto; height:127px; } #lowerContent div#lowerLeft { float:left; width:473px; margin:0px 0px 0px 40px; color: #7F7F7F;} #lowerContent div#lowerRight{ float:left; width:195px; margin:0px 0px 0px 53px;} h1#home_title {background: transparent url("../images/home/online_marketing.gif") left top no-repeat; height:48px; text-indent:-9999px;} h1#work_client_title {background: transparent url("../images/our_work/client_name_job_desc.gif") left top no-repeat; height:48px; text-indent:-9999px;} h1#services_title {background: transparent url("../images/services/service_title.gif") left top no-repeat; height:22px; text-indent:-9999px;} h1#about_title {background: transparent url("../images/about_us.gif") left top no-repeat; height:22px; text-indent:-9999px;} h1#clients_title {background: transparent url("../images/our_clients.gif") left top no-repeat; height:18px; text-indent:-9999px;} h1#contact_title { height:18px; text-indent:-9999px; background-color: transparent; background-image: url(../images/contact/contact_us_title.gif); background-repeat: no-repeat; background-position: left top; } h2#news_story1 { height:25px; text-indent:-9999px; background-color: transparent; background-image: url(../images/news/news_headline.gif); background-repeat: no-repeat; background-position: left top; } h2#latest_news{ height:29px; text-indent:-9999px; background-color: transparent; background-image: url(../images/home/follow.gif); background-repeat: no-repeat; background-position: left top; } h3#recent_work{background: transparent url("../images/home/recent_work.gif") left top no-repeat; height:10px; text-indent:-9999px;} h5#recent_work{background: height:10px; text-indent:-9999px;} h4#contact_us{background: transparent url("../images/home/contact_us.gif") left top no-repeat; height:10px; text-indent:-9999px;} h6#client_feedback{background: transparent url("../images/home/client_feedback.gif") left top no-repeat; height:10px; text-indent:-9999px;} a{ color:#C1D82F; text-decoration:none;} a:hover{ color:#7F7F7F; text-decoration:underline;} ul#recentWorkImgs{ position:absolute; list-style:none; width:110px; height:70px; margin:0px; background:url(../images/home/recent_work_img_2.gif) top left no-repeat;} ul#recentWorkImgs li{ float:left;} ul#recentWorkImgs li a{ position:absolute; top:0; display:block; margin-left:7px; height:70px;text-indent: -9999px;} #recentWorkImgs li#workOne a{ left:-5px; width:109px;} #recentWorkImgs li#workTwo a{ left:130px; width:126px;} #recentWorkImgs li#workThree a{ left:260px; width:126px;} .more{ position:absolute; left:179px; top:86px;} .more a{ color:#7F7F7F; text-decoration:underline;} .copyright{ position:absolute; left:41px; top:21px;} .copyright a{ color:#7F7F7F; text-decoration:underline;} div#our_clients_logo{ float:left;} div#our_clients_logo a{ margin-right:10px;} div#our_work_image{ float:left;} div#our_work_image a{ margin-right:10px;} h1#work_skip {background: transparent url("../images/services/service_title.gif") right top no-repeat;height:22px;width: 508px;} ul#skipnav{ position:absolute; list-style:none; width:102px; left:450px; top:325px; height:15px; background:url(../images/prev_next.gif) top left no-repeat; margin:0px;} ul#skipnav li{float: left;} ul#skipnav li a{position: absolute;top: 0;height: 15px;display: block;text-indent: -9999px;} #skipnav li#previous a {left: 0px; width: 48px;} #skipnav li#next a {left: 54px; width: 48px;} #skipnav li#previous a:hover, #skipnav li#previous a.active {background: transparent url("../images/prev_next.gif") -0px -14px no-repeat;} #skipnav li#next a:hover, #skipnav li#next a.active {background: transparent url("../images/prev_next.gif") -54px -14px no-repeat;} #simplegallery1{ //CSS for sample Gallery position: relative; visibility: hidden; background-color: #FFFFFF; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }