body {
background-color:#ffffff;
font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin:0;
padding:0;
}
a:link {
color:#006699;
text-decoration:none;
padding:2px;
}
a:hover {
color:#006699;
text-decoration:underline;
}
a:visited {
color:#006699;
text-decoration:none;
}
#outer {
margin-left:auto;
margin-right:auto;
width:100%;
}
.container_960 {
width:960px;
margin-left:42px;
}
.container_940 {
width:940px;
margin-left:42px;
}
.container_460 {
width:460px;
}
div.portfolio_item {
clear:both;
background:#EBEBEB;
padding:5px;
margin-top:20px;
}
div.portfolio_item a {
color:#006699;
text-decoration:none;
padding:2px;
}
div.portfolio_item a:hover {
color:#006699;
text-decoration:none;
}
div.portfolio_item a img {
border:0;
}
div.portfolio_pic {
float: left;
}
div.portfolio_pic img {
border: 5px solid #ffffff;
padding:0;
}
div.portfolio_text {
width: 400px;
float: left;
margin-left: 15px;
margin-top:0;
font-size:12px;
color:#333333;
}
div.portfolio_text h4 {
font-size:16px;
color:#333333;
font-weight: bold;
margin-bottom:5px;
margin-top:0;
}
div.portfolio_text ul {
margin-left: 0px;
list-style: none;
}
#header_con {
text-align:left;
}
#header {
margin-top:0px;
height:80px;
background-color:#ffffff;
display:block;
}
#logo {
margin-top:18px;
margin-left:42px;
width:154px;
height:44px;
float:left;
}
#logo img {
border:0px;
}
#nav {
background:#333333;
border-top:1px solid #ffffff;
border-bottom:1px solid #006699;
}
#menu_top ul {
list-style-type: none;
overflow: hidden;
}
#menu_top ul li {
float: left;
margin-left: 20px;
}
#menu_top ul li:first-child { /* This works for everything except IE6, which needs the last li to be targeted explicitly */
margin-left: 2px;
}
#menu_top ul li a {
color: #ffffff;
display: block;
font-size: 12px;
padding:3px;
text-align: center;
text-transform: uppercase;
width: 100px;
text-decoration:none;
}
#menu_top ul li a:hover {
background: #0099FF;
color: #ffffff;
text-decoration:none;
}
.menu_top_on {
background: #006699;
color: #ffffff;
text-decoration:none;
}
#content_box {
height:auto;
}
h1 {
color: #333333;
font-size: 24px;
font-weight: bold;
margin-top: 15px;
}
h2 {
font-size:16px;
color:#333333;
font-weight: bold;
margin-bottom:5px;
}
/* 
home --- */
#banner {
background:url(images/interface/hero_box_backer.png) top left repeat-x;
min-height:366px;
}
#hero_box {
padding-top:45px;
}
#hero_tagline {
font-size:24px;
text-shadow: #555 1px 1px 2px;
margin-bottom:25px;
}
#hero_info {
float:left;
color:#ffffff;
font-size:18px;
}
#hero_shot {
float:left;
left: 20px;
top: 0px;
}
#hero_shot img {
border:0;
}
#explore_options {
font-size:11px;
color:#999999;
height:auto;
display:inline-block;
margin-top:25px;
margin-bottom:25px;
}
#explore_design {
background:url(http://www.wallheadmultimedia.com/images/interface/icon_design.png) top left no-repeat;
float:left;
padding-left:35px;
width:185px;
}
#explore_consultancy {
background:url(http://www.wallheadmultimedia.com/images/interface/icon_consultancy.png) top left no-repeat;
margin-left:20px;
float:left;
padding-left:35px;
width:185px;
}
#explore_marketing {
background:url(http://www.wallheadmultimedia.com/images/interface/icon_marketing.png) top left no-repeat;
margin-left:20px;
float:left;
padding-left:35px;
width:185px;
}
#explore_support {
background:url(http://www.wallheadmultimedia.com/images/interface/icon_support.png) top left no-repeat;
margin-left:20px;
float:left;
padding-left:35px;
width:185px;
}
#hero_cta {
margin-top:25px;
font-size:15px;
}
.cta_home_alt {
float:left;
margin-left:5px;
margin-top:10px;
}
.mini_header {
font-size:14px;
color:#333333;
}
.cta_services_green {
background:url(http://www.wallheadmultimedia.com/images/interface/cta_services_green.png) 0px 0px no-repeat;
text-align:center;
float:left;
display:block;
}
.cta_services_grey {
background:url(http://www.wallheadmultimedia.com/images/interface/cta_services_grey.png) 0px 0px no-repeat;
text-align:center;
float:left;
display:block;
}
.cta_services_red {
background:url(http://www.wallheadmultimedia.com/images/interface/cta_services_red.png) 0px 0px no-repeat;
text-align:center;
float:left;
display:block;
}
#cta_services a {
width:140px;
height:30px;
color:#ffffff;
display:block;
text-decoration:none;
padding-top:10px;
}
#cta_services a:hover {
}
#cta_services a:active {
}
/* 
footer --- */
#footer{height:30px;text-align:center;padding-top:8px;font-size:11px;color:#999999;border-top:1px solid #003366;}
#footer a{text-decoration:underline;}
#footer a:hover{}