@charset "UTF-8";
/* CSS Document */
html, body{
margin:0px; padding:0px;
background:#000000;
}
/* TEXT STYLES */
p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; line-height:18px; color:#FFFFFF;
margin:0 0 20px 0;
}
.note{
font-family:Arial Italic;
font-weight:normal;
}
/* Headings are graphics with alt text - H1 and H2's are for SEO only */
h1,h2 {
display:none;
}
/* DEFAULT LINK STYLES */
a:link, a:visited{
font-weight:bold;
color:#6699cc;
text-decoration:none;
}
a:hover{
color:#c3cf21;
}
a:link img, a:visited img, a:hover img{
border:none;
}
a:focus{
outline:none;
}
/* PRELOAD IMAGES */
div#pre-load{
width:1px; height:1px; display:block;
position:absolute; top:-10000px; left:-10000px;
}
/* LAYOUT STYLES */
div#site-wrap{
min-width:1004px;
}
div#hdr-wrap{
height:93px;
background:url(../img/header/bg.gif) repeat-x;
}
div#hdr-left{
width:auto;
float:left;
}
div#hdr-left-fade{
width:92px; height:93px;
background:url(../img/header/left_edge.gif) no-repeat;
}
div#hdr-center{
width:820px; height:93px;
margin:0 auto;
}
div#hdr-flash-logo{
width:306px; height:93px;
float:left;
}
div#hdr-contact{
position:relative;
float:right;
margin:20px 20px 0 0;
}
div#hdr-contact a:link, div#hdr-contact a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; font-weight:bold; color:#474c0a;
}
div#hdr-contact a:hover{
color:#000000;
}
div#hdr-right{
width:auto;
float:right;
}
div#hdr-right-fade{
width:92px; height:93px;
background:url(../img/header/right_edge.gif) no-repeat;
}
div.bluebar-wrap{
height:42px;
background:#6191c2;
}
div.bluebar-left-edge{
float:left;
width:92px; height:42px;
background:url(../img/bluebar/left-edge.gif) no-repeat;
}
div.bluebar-right-edge{
float:right;
width:92px; height:42px;
background:url(../img/bluebar/right-edge.gif) no-repeat;
}
div.bluebar-center{
width:820px; height:42px;
margin:0 auto;
}
div.bluebar-section-logo{
width:auto; height:42px;
float:left;
}
/* BLUE BAR NAVIGATION */
div.bluebar-flash-nav{
width:539px; height:42px;
position:relative;
right:0;
float:right;
}
div.bluebar-flash-nav div.nav-contactus a:link, div.bluebar-flash-nav div.nav-contactus a:visited{
display:block;
width:96px; height:42px;
background:url(../img/bluebar/nav/contactus.gif) top left no-repeat;
}
div.bluebar-flash-nav div.nav-contactus a:hover, div.contactus div.bluebar-flash-nav div.nav-contactus a:link, div.contactus div.bluebar-flash-nav div.nav-contactus a:visited {
background:url(../img/bluebar/nav/contactus.gif) bottom left no-repeat;
}
div.bluebar-flash-nav div.nav-clientlogin a:link, div.bluebar-flash-nav div.nav-clientlogin a:visited{
display:block;
width:94px; height:42px;
background:url(../img/bluebar/nav/clientlogin.gif) top left no-repeat;
}
div.bluebar-flash-nav div.nav-clientlogin a:hover, div.clientlogin div.bluebar-flash-nav div.nav-clientlogin a:link, div.clientlogin div.bluebar-flash-nav div.nav-clientlogin a:visited{
background:url(../img/bluebar/nav/clientlogin.gif) bottom left no-repeat;
}
div.bluebar-flash-nav div.nav-news a:link, div.bluebar-flash-nav div.nav-news a:visited{
display:block;
width:59px; height:42px;
background:url(../img/bluebar/nav/news.gif) top left no-repeat;
}
div.bluebar-flash-nav div.nav-news a:hover, div.news div.bluebar-flash-nav div.nav-news a:link, div.news div.bluebar-flash-nav div.nav-news a:visited{
background:url(../img/bluebar/nav/news.gif) bottom left no-repeat;
}
div.bluebar-flash-nav div.nav-services a:link, div.bluebar-flash-nav div.nav-services a:visited{
display:block;
width:76px; height:42px;
background:url(../img/bluebar/nav/services.gif) top left no-repeat;
}
div.bluebar-flash-nav div.nav-services a:hover, div.services div.bluebar-flash-nav div.nav-services a:link, div.services div.bluebar-flash-nav div.nav-services a:visited{
background:url(../img/bluebar/nav/services.gif) bottom left no-repeat;
}
div.bluebar-flash-nav div.nav-portfolio a:link, div.bluebar-flash-nav div.nav-portfolio a:visited{
display:block;
width:75px; height:42px;
background:url(../img/bluebar/nav/portfolio.gif) top left no-repeat;
}
div.bluebar-flash-nav div.nav-portfolio a:hover, div.portfolio div.bluebar-flash-nav div.nav-portfolio a:link, div.portfolio div.bluebar-flash-nav div.nav-portfolio a:visited{
background:url(../img/bluebar/nav/portfolio.gif) bottom left no-repeat;
}
div.bluebar-flash-nav div.nav-home a:link, div.bluebar-flash-nav div.nav-home a:visited{
display:block;
width:62px; height:42px;
background:url(../img/bluebar/nav/home.gif) top left no-repeat;
}
div.bluebar-flash-nav div.nav-home a:hover, div.home div.bluebar-flash-nav div.nav-home a:link, div.home div.bluebar-flash-nav div.nav-home a:visited{
background:url(../img/bluebar/nav/home.gif) bottom left no-repeat;
}
div.bluebar-flash-nav div.nav-prices a:link, div.bluebar-flash-nav div.nav-prices a:visited{
display:block;
width:69px; height:42px;
background:url(../img/bluebar/nav/prices.gif) top left no-repeat;
}
div.bluebar-flash-nav div.nav-prices a:hover, div.prices div.bluebar-flash-nav div.nav-prices a:link, div.prices div.bluebar-flash-nav div.nav-prices a:visited{
background:url(../img/bluebar/nav/prices.gif) bottom left no-repeat;
}
/* END BLUE BAR NAVIGATION */
div.bluebar-msg{
width:280px; height:40px;
float:right;
background:url(../img/bluebar/msg.gif) no-repeat;
}
div#footer-wrap{
background:url(../img/footer/tile.gif) repeat-x #50779f;
}
div#footer-center{
width:820px;
margin:0 auto;
background:url(../img/footer/bg-top.gif) no-repeat;
}
dl{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; line-height:18px; font-weight:bold;
color:#fefefe;
margin:5px 0 10px 0; padding:0;
}
dd{
width:72px;
float:left;
margin:0; padding:0;
}
dt{
width:168px;
float:left;
margin:0; padding:0;
}
a.footer-link:link, a.footer-link:visited{
color:#cccccc;
}
a.footer-link:hover{
color:#ffffff;
}
div.blackbar-wrap{
height:42px;
background:#000000;
}
div.blackbar-flash-logo{
width:247px; height:42px;
float:left;
}
/* BLACK BAR NAVIGATION */
div.blackbar-flash-nav{
width:539px; height:42px;
position:relative;
right:0;
float:right;
}
div.blackbar-flash-nav div.nav-contactus a:link, div.blackbar-flash-nav div.nav-contactus a:visited{
display:block;
width:96px; height:42px;
background:url(../img/footer/blackbar/contactus.gif) top left no-repeat;
}
div.blackbar-flash-nav div.nav-contactus a:hover, div.contactus div.blackbar-flash-nav div.nav-contactus a:link, div.contactus div.blackbar-flash-nav div.nav-contactus a:visited{
background:url(../img/footer/blackbar/contactus.gif) bottom left no-repeat;
}
div.blackbar-flash-nav div.nav-clientlogin a:link, div.blackbar-flash-nav div.nav-clientlogin a:visited{
display:block;
width:94px; height:42px;
background:url(../img/footer/blackbar/clientlogin.gif) top left no-repeat;
}
div.blackbar-flash-nav div.nav-clientlogin a:hover, div.clientlogin div.blackbar-flash-nav div.nav-clientlogin a:link, div.clientlogin div.blackbar-flash-nav div.nav-clientlogin a:visited{
background:url(../img/footer/blackbar/clientlogin.gif) bottom left no-repeat;
}
div.blackbar-flash-nav div.nav-news a:link, div.blackbar-flash-nav div.nav-news a:visited{
display:block;
width:59px; height:42px;
background:url(../img/footer/blackbar/news.gif) top left no-repeat;
}
div.blackbar-flash-nav div.nav-news a:hover, div.news div.blackbar-flash-nav div.nav-news a:link, div.news div.blackbar-flash-nav div.nav-news a:visited{
background:url(../img/footer/blackbar/news.gif) bottom left no-repeat;
}
div.blackbar-flash-nav div.nav-portfolio a:link, div.blackbar-flash-nav div.nav-portfolio a:visited{
display:block;
width:75px; height:42px;
background:url(../img/footer/blackbar/portfolio.gif) top left no-repeat;
}
div.blackbar-flash-nav div.nav-portfolio a:hover, div.portfolio div.blackbar-flash-nav div.nav-portfolio a:link, div.portfolio div.blackbar-flash-nav div.nav-portfolio a:visited{
background:url(../img/footer/blackbar/portfolio.gif) bottom left no-repeat;
}
div.blackbar-flash-nav div.nav-prices a:link, div.blackbar-flash-nav div.nav-prices a:visited{
display:block;
width:69px; height:42px;
background:url(../img/footer/blackbar/prices.gif) top left no-repeat;
}
div.blackbar-flash-nav div.nav-prices a:hover, div.prices div.blackbar-flash-nav div.nav-prices a:link, div.prices div.blackbar-flash-nav div.nav-prices a:visited{
background:url(../img/footer/blackbar/prices.gif) bottom left no-repeat;
}
div.blackbar-flash-nav div.nav-services a:link, div.blackbar-flash-nav div.nav-services a:visited{
display:block;
width:76px; height:42px;
background:url(../img/footer/blackbar/services.gif) top left no-repeat;
}
div.blackbar-flash-nav div.nav-services a:hover, div.services div.blackbar-flash-nav div.nav-services a:link, div.services div.blackbar-flash-nav div.nav-services a:visited{
background:url(../img/footer/blackbar/services.gif) bottom left no-repeat;
}
div.blackbar-flash-nav div.nav-home a:link, div.blackbar-flash-nav div.nav-home a:visited{
display:block;
width:62px; height:42px;
background:url(../img/footer/blackbar/home.gif) top left no-repeat;
}
div.blackbar-flash-nav div.nav-home a:hover, div.home div.blackbar-flash-nav div.nav-home a:link, div.home div.blackbar-flash-nav div.nav-home a:visited{
background:url(../img/footer/blackbar/home.gif) bottom left no-repeat;
}
/* END BLUE BAR NAVIGATION */
/* ***************************************************************************************************************************** */
/* FORMS SPECIFIC CSS */
/* ***************************************************************************************************************************** */
/* ***************************************************************************************************************************** */
/* HOME > FEATURE SPECIFIC CSS */
/* ***************************************************************************************************************************** */
/* FEATURE AREA */
div#feature-wrap{
height:340px;
background:url(../img/home/feature/bg.gif) repeat-x;
}
div#feature-quicklinks-wrap{
width:820px; height:15px;
margin:0 auto;
}
div#feature-portfolio{
float:left;
width:91px; height:15px;
margin:0 0 0 20px;
}
div#feature-portfolio a:link, div#feature-portfolio a:visited{
display:block;
width:91px; height:15px;
background:url(../img/home/feature/view-portfolio.gif) top left no-repeat;
}
div#feature-portfolio a:hover{
background:url(../img/home/feature/view-portfolio.gif) bottom left no-repeat;
}
div#feature-clientlogin{
float:right;
width:101px; height:15px
}
div#feature-clientlogin a:link, div#feature-clientlogin a:visited{
display:block;
float:left;
width:81px; height:15px;
background:url(../img/home/feature/client-login.gif) top left no-repeat;
}
div#feature-clientlogin a:hover{
background:url(../img/home/feature/client-login.gif) bottom left no-repeat;
}
div#feature-flash{
width:820px; height:325px;
margin:0 auto;
}
/* END FEATURE AREA */
/* WELCOME AND NEWS AREA */
div#welcome-wrap{
background:#333333;
}
div#welcome-center{
width:820px;
margin:0 auto 0 auto;
background:url(../img/home/welcome/bg-top.gif) no-repeat top left;
}
div#welcome-message{
width:370px;
float:left;
margin:20px 40px 0 20px;
}
div#welcome-news{
width:370px;
margin:20px 0 0 0;
float:left;
}
div.welcome-news-article-wrap{
width:370px;
margin:0 0 16px 0;
}
div.welcome-news-article-wrap h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px; line-height:16px; color:#6699cc;
margin:0; padding:0;
}
div.welcome-news-article-wrap p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; line-height:16px; color:#999999;
margin:0; padding:0px;
}
div.welcome-news-article-wrap a:link, div.welcome-news-article-wrap a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; line-height:16px; color:#999933;
}
div.welcome-news-article-wrap a:hover{
color:#c3cf21;
}
/* END WELCOME AND NEWS AREA */
/* RSS REALLY SIMPLE SYNDICATION */
div#rss-header-wrap{
height:42px;
background:#121212;
}
div.rss-center{
width:820px;
margin:0 auto;
}
div#rss-title{
margin:0 0 0 20px;
}
div#rss-wrap{
background:#222222;
}
ul.rss-list{
list-style:none;
margin:10px 0 20px 0; padding:0;
}
ul.rss-list li{
margin:0 0 8px 0;
background:url(../img/home/rss/rss-bullet.gif) no-repeat 0px 2px;
}
ul.rss-list li a:link, ul.rss-list li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; line-height:16px;
display:block;
margin:0 0 0 20px;
}
ul.rss-list li a:hover{
}
/* END RSS REALLY SIMPLE SYNDICATION */
/* ***************************************************************************************************************************** */
/* SUB PAGE > 2 COLUMN */
/* ***************************************************************************************************************************** */
/* CONTENT 2 COLUMN */
div#content-wrap{
background:#333333;
}
div#content-center{
width:820px;
margin:0 auto 0 auto;
padding-bottom:20px;
background:url(../img/home/welcome/bg-top.gif) no-repeat top left;
}
div#content-column1{
width:240px;
float:left;
margin:20px 40px 20px 20px;
}
div#content-column2{
width:520px;
margin:20px 0 20px 0;
float:left;
}
div#content-column2 p{
color:#999999; text-align:justify;
}
div#content-column2 h3{
font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:16px;
color:#ffffff;
margin:0;
}
div#content-column2 h4{
font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px;
color:#c3cf21;
margin:0;
}
/* END CONTENT 2 COLUMN */
/* CONTENT SINGLE COLUMN */
div#content-singlecolumn{
width:820px;
float:left;
margin:20px 0px 20px 0px;
}
div#content-singlecolumn p, div#content-singlecolumn img{
margin-left:20px; margin-right:20px;
}
/* END CONTENT SINGLE COLUMN */
/* ***************************************************************************************************************************** */
/* PORTFOLIO SPECIFIC SECTIONS */
/* ***************************************************************************************************************************** */
div.content-column1-portfolio{
width:230px;
float:left;
background:#222222;
border:15px solid #222222;
border-bottom:none;
margin:26px 20px 0 0;
}
div.portfolio-container{
width:520px;
margin:0 0 30px 0;
}
div.portfolio-display-box{
display:block; float:left;
border-bottom:3px solid #444444;
margin:0 30px 10px 0;
}
div.portfolio-display-box:hover div.portfolio-display-image{
border:15px solid #111111;
border-bottom:none;
}
div.portfolio-display-box:hover div.portfolio-display-link{
background:#111111;
border:15px solid #111111;
border-top:none; border-bottom:none;
}
div.portfolio-display-image{
width:190px; height:190px;
border:15px solid #222222;
border-bottom:none;
background-color:#333333;
width:190px; height:190px;
}
div.portfolio-display-link{
width:190px; height:15px;
border:15px solid #222222;
border-top:none; border-bottom:none;
background:#222222;
text-align:right;
}
div.portfolio-display-link a:link, div.portfolio-display-link a:visited, div.portfolio-display-link a:hover{
font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; text-transform:uppercase;
color:#c4d023;
}
div.portfolio-display-link a:hover{
}
div.portfolio-display-info{
width:190px; margin-left:15px;
}
p.display-title{
display:block;
width:190px; margin:5px 0 0 0;
font-size:13px; font-weight:bold; color:#ffffff;
}
p.display-category{
display:block;
width:190px; margin:0 0 5px 0;
font-size:13px; color:#999999;
}
ul.subMenu-port{
width:230px;
margin:0 0 15px 0; padding:0;
list-style:none;
}
ul.subMenu-port li{
margin:0 0 5px 0; padding:0;
}
ul.subMenu-port li a:link, ul.subMenu-port li a:visited{
display:block; width:230px; height:24px;
padding:6px;
font-family:Arial, Helvetica, sans-serif; font-size:12px;
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat top left;
}
ul.subMenu-port li a:hover{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat bottom left;
}
ul.subMenu-port li a:link span.port-menu-title, ul.subMenu-port li a:visited span.port-menu-title{
color:#aaaaaa;
}
ul.subMenu-port li a:hover span.port-menu-title{
color:#ffffff;
}
ul.subMenu-port li a:link span.port-menu-desc, ul.subMenu-port li a:visited span.port-menu-desc{
color:#666666;
}
ul.subMenu-port li a:hover span.port-menu-desc{
color:#999999;
}
/* SUB MENU WEB ACTIVE STATES */
div.nws ul.subMenu-port li a.port-nws:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.quickbooks ul.subMenu-port li a.port-quickbooks:link span.port-menu-title{
color:#ffffff;
}
div.quickbooks ul.subMenu-port li a.port-quickbooks:link span.port-menu-desc{
color:#6699cc;
}
div.crico ul.subMenu-port li a.port-crico:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.crico ul.subMenu-port li a.port-crico:link span.port-menu-title{
color:#ffffff;
}
div.crico ul.subMenu-port li a.port-crico:link span.port-menu-desc{
color:#6699cc;
}
div.quickbooks ul.subMenu-port li a.port-quickbooks:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.quickbooks ul.subMenu-port li a.port-quickbooks:link span.port-menu-title{
color:#ffffff;
}
div.quickbooks ul.subMenu-port li a.port-quickbooks:link span.port-menu-desc{
color:#6699cc;
}
div.fightViolence ul.subMenu-port li a.port-fightViolence:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.fightViolence ul.subMenu-port li a.port-fightViolence:link span.port-menu-title{
color:#ffffff;
}
div.fightViolence ul.subMenu-port li a.port-fightViolence:link span.port-menu-desc{
color:#6699cc;
}
div.brick ul.subMenu-port li a.port-brick:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.brick ul.subMenu-port li a.port-brick:link span.port-menu-title{
color:#ffffff;
}
div.brick ul.subMenu-port li a.port-brick:link span.port-menu-desc{
color:#6699cc;
}
div.offlimits ul.subMenu-port li a.port-logo-offlimits:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.offlimits ul.subMenu-port li a.port-logo-offlimits:link span.port-menu-title{
color:#ffffff;
}
div.offlimits ul.subMenu-port li a.port-logo-offlimits:link span.port-menu-desc{
color:#6699cc;
}
/* PRINT BUTTONS */
div.venture ul.subMenu-port li a.port-venture:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.venture ul.subMenu-port li a.port-venture:link span.port-menu-title{
color:#ffffff;
}
div.venture ul.subMenu-port li a.port-venture:link span.port-menu-desc{
color:#6699cc;
}
div.bigFish ul.subMenu-port li a.port-bigFish:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.bigFish ul.subMenu-port li a.port-bigFish:link span.port-menu-title{
color:#ffffff;
}
div.bigFish ul.subMenu-port li a.port-bigFish:link span.port-menu-desc{
color:#6699cc;
}
div.tat ul.subMenu-port li a.port-tat:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.tat ul.subMenu-port li a.port-tat:link span.port-menu-title{
color:#ffffff;
}
div.tat ul.subMenu-port li a.port-tat:link span.port-menu-desc{
color:#6699cc;
}
div.creativeCoding ul.subMenu-port li a.port-creativeCoding:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.creativeCoding ul.subMenu-port li a.port-creativeCoding:link span.port-menu-title{
color:#ffffff;
}
div.creativeCoding ul.subMenu-port li a.port-creativeCoding:link span.port-menu-desc{
color:#6699cc;
}
div.itsparkles ul.subMenu-port li a.port-itsparkles:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.itsparkles ul.subMenu-port li a.port-itsparkles:link span.port-menu-title{
color:#ffffff;
}
div.itsparkles ul.subMenu-port li a.port-itsparkles:link span.port-menu-desc{
color:#6699cc;
}
div.brokenNose ul.subMenu-port li a.port-brokenNose:link{
background:url(/img/portfolio/subMenu_btn_states.gif) no-repeat;
background-position:center left;
}
div.brokenNose ul.subMenu-port li a.port-brokenNose:link span.port-menu-title{
color:#ffffff;
}
div.brokenNose ul.subMenu-port li a.port-brokenNose:link span.port-menu-desc{
color:#6699cc;
}
/* END SUB MENU WEB ACTIVE STATES */
div.subMenu-switch-port{
width:230px; height:28px;
margin:0 0 30px 0;
}
a.subMenu-view-print:link, div a.subMenu-view-print:visited{
display:block;
width:230px; height:30px;
background:url(../img/portfolio/subMenu_web/view_print_portfolio.gif) no-repeat top left;
}
a.subMenu-view-print:hover{
background:url(../img/portfolio/subMenu_web/view_print_portfolio.gif) no-repeat bottom left;
}
a.subMenu-view-web:link, div a.subMenu-view-web:visited{
display:block;
width:230px; height:30px;
background:url(../img/portfolio/subMenu_print/view_web.gif) no-repeat top left;
}
a.subMenu-view-web:hover{
background:url(../img/portfolio/subMenu_print/view_web.gif) no-repeat bottom left;
}
form#portfolioJumpMenu{
float:left; width:200px;
margin:10px 0 0 15px;
}
div#content-title{
margin-bottom:30px;
}
.credits-heading{
font-size:14px; font-weight:bold;
color:#6699cc;
}
.credits-company{
color:#999999;
}
a.credits-link:link, a.credits-link:visited{
color:#c3cf21;
}
a.credits-link:hover{
color:#6699cc;
}
.client-logo{
margin:15px 0 0 0;
}
div.credits-wrap{
width:520px;
border-top:5px solid #222222;
padding-top:30px;
}
/* ***************************************************************************************************************************** */
/* SERVICES SPECIFIC SECTIONS */
/* ***************************************************************************************************************************** */
div#site-wrap.services div#content-singlecolumn p{
color:#999999;
}
.panel-service{
background-color:#222222;
margin:0 0 10px 0;
padding:20px 0;
position:relative;
}
.panel-expand-understanding, .panel-expand-knowledge, .panel-expand-communications, .panel-expand-grow, .panel-expand-success{
width:780px;
display:none;
}
div a.button-expand:link, div a.button-expand:visited{
display:block;
width:158px; height:30px;
margin:20px 0 0 20px; padding:0;
background:url(../img/services/button_find_out_more.jpg) no-repeat top left;
}
div a.button-expand:hover{
background-position:bottom left;
}
div.panel-service a.active:link, div.panel-service a.active:link{
background:url(../img/services/button_close.jpg) no-repeat top left;
}
div.panel-service a.active:hover{
background:url(../img/services/button_close.jpg) no-repeat bottom left;
}
.panel-agency, .panel-business{
background-color:#222222;
margin:0 0 10px 0;
padding:20px 0;
}
.panel-expand-business, .panel-expand-agency{
width:780px;
display:none;
}
div a.business:link, div a.business:visited{
display:block;
width:316px; height:30px;
margin:20px 0 0 20px; padding:0;
background:url(../img/services/business_button.gif) no-repeat top left;
}
div a.business:hover{
background-position:bottom left;
}
div a.agency:link, div a.agency:visited{
display:block;
width:316px; height:30px;
margin:20px 0 0 20px; padding:0;
background:url(../img/services/agency_button.gif) no-repeat top left;
}
div a.agency:hover{
background-position:bottom left;
}
div.panel-agency a.active:link, div.panel-agency a.active:link{
background:url(../img/services/agency_button_close.gif) no-repeat top left;
}
div.panel-agency a.active:hover{
background:url(../img/services/agency_button_close.gif) no-repeat bottom left;
}
div.panel-business a.active:link, div.panel-business a.active:link{
background:url(../img/services/business_button_close.gif) no-repeat top left;
}
div.panel-business a.active:hover{
background:url(../img/services/business_button_close.gif) no-repeat bottom left;
}
div#site-wrap.services ul{
width:175px;
float:left;
margin:0 0 0 20px; padding:0;
list-style:none;
}
div#site-wrap.services ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:11px; color:#999999;
margin:0 0 5px 0; padding:0; text-indent:10px;
}
div#site-wrap.services ul.ul-business li{
background:url(../img/services/list_bullet.gif) no-repeat 0px 2px;
}
div#site-wrap.services ul.ul-agency li{
background:url(../img/services/list_bullet_agency.gif) no-repeat 0px 2px;
}
/* ***************************************************************************************************************************** */
/* PRICE SPECIFIC SECTIONS */
/* ***************************************************************************************************************************** */
.panel-expand-features{
display:none;
}
div a.slide-button-features:link, div a.slide-button-features:visited{
display:block;
width:193px; height:30px;
margin:20px 0 20px 0; padding:0;
background:url(../img/price/btn-more-features.gif) no-repeat top left;
}
div a.slide-button-features:hover{
background-position:bottom left;
}
div.panel-price-features-wrap a.active:link, div.panel-price-features-wrap a.active:link{
background:url(../img/price/btn-features-close.gif) no-repeat top left;
}
div.panel-price-features-wrap a.active:hover{
background:url(../img/price/btn-features-close.gif) no-repeat bottom left;
}
div.price-panel-dark{
width:370px;
margin:0 0 35px 0;
background-color:#222222;
}
div.copy-wrap{
width:340px;
margin:0 15px; padding:15px 0;
}
input.request-estimate{
width:193px; height:30px;
border:none;
color:transparent;
background:url(../img/price/btn-request-estimate.gif) top left;
}
input.request-estimate:hover{
background:url(../img/price/btn-request-estimate.gif) bottom left;
}
div.price-panel-dark ul{
list-style-type:none;
margin:0 5px 20px 5px; padding:0;
}
div.price-panel-dark ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#999999;
margin:0 0 5px 0; padding:0; text-indent:10px;
background:url(../img/services/list_bullet.gif) no-repeat 0px 2px;
}
/* ***************************************************************************************************************************** */
/* NEWS SPECIFIC SECTIONS */
/* ***************************************************************************************************************************** */
div#site-wrap.news div#welcome-news{
width:780px;
margin:20px 0 20px 20px;
}
div#site-wrap.news div.welcome-news-article-wrap{
width:780px; display:block;
margin:0 0 5px 0;
}
div.news-number{
height:40px; width:39px; margin:0; border:none; float:left;
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#c3cf21; text-align:center; line-height:40px;
background:url(../img/news/post_tab.gif) no-repeat;
}
div.news-content{
width:720px; float:left; padding:10px;
background:#222222;
text-align:left;
border:none;
border-bottom:1px solid #444444;
}
/* ***************************************************************************************************************************** */
/* MODIFIER STYLES FOR CONTENT AND LAYOUT */
/* ***************************************************************************************************************************** */
div.col-one{
width:240px;
float:left;
margin:20px 0 20px 20px;
}
div.col-two{
width:196px;
float:left;
margin:20px 40px 20px 40px;
}
div.col-three{
width:240px;
float:left;
margin:20px 0 20px 0;
}
div.col-three p {
margin:0px;
}
.clear{
float:none; clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
.green{
color:#c3cf21;
}
.blue{
color:#6699cc; font-weight:bold;
}
.bold{
font-weight:bold;
}
.white{
color:#ffffff;
}
.grey{
color:#999999;
}
/* ***************************************************************************************************************************** */
/* jQuery SPECIFIC CSS */
/* ***************************************************************************************************************************** */
/* ROLL OVER EFFECTS */
#hdr-contact em {
font-weight: bold; text-align: center; line-height:62px;
font-family:Arial, Helvetica, sans-serif; font-size:12px;
color:#cccccc;
background: url(../img/jQuery/hover-below.png) no-repeat;
width: 178px; height: 61px;
position: absolute; top: 25px; left: -10px;
padding:0 15px 0 10px;
padding: 0;
z-index: 2;
display: none;
}
div.blackbar-flash-nav em, div.bluebar-flash-nav em {
font-weight: bold; text-align: center; line-height:45px;
font-family:Arial, Helvetica, sans-serif; font-size:12px;
color:#cccccc;
background: url(../img/jQuery/hover-above-green.png) no-repeat;
width: 178px; height: 61px;
position: absolute; top: -65px; left: 0px;
padding:0 15px 0 10px;
padding: 0;
z-index: 2;
display: none;
}
div.bluebar-flash-nav div.nav-home em, div.blackbar-flash-nav div.nav-home em{
left:-50px;
}
div.bluebar-flash-nav div.nav-services em, div.blackbar-flash-nav div.nav-services em{
left:20px;
}
div.bluebar-flash-nav div.nav-prices em, div.blackbar-flash-nav div.nav-prices em{
left:89px;
}
div.bluebar-flash-nav div.nav-portfolio em, div.blackbar-flash-nav div.nav-portfolio em{
left:164px;
}
div.bluebar-flash-nav div.nav-news em, div.blackbar-flash-nav div.nav-news em{
left:231px;
}
div.bluebar-flash-nav div.nav-clientlogin em, div.blackbar-flash-nav div.nav-clientlogin em{
left:309px;
}
div.bluebar-flash-nav div.nav-contactus em, div.blackbar-flash-nav div.nav-contactus em{
left:399px;
}
/* END ROLL OVER EFFECTS */
/* SLIDING PANEL EFFECTS */
/* END SLIDING PANEL EFFECTS */
/* END jQuery STYLES */