@charset "UTF-8";
/* CSS Document */

*{
margin:0;
font-weight:normal;
}

body{
background:#202020;
color:#FFF;
font-family:"Lucida Grande", Arial, Helvetica;
font-weight:normal;
font-size:11px;
}

h1{color:#d3a334; font-family:"Trebuchet MS", Arial; font-size:22px; font-weight:normal;}
h2{color:#b6b2b2; font-family:"Trebuchet MS", Arial; font-size:22px; font-weight:normal;}
h3{color:#b6b2b2; font-family:"Trebuchet MS", Arial; font-size:16px; font-weight:normal;}

img{
border:none;
}

a{
color:#d3a334;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

#wappersDo{
margin-left:auto;
margin-right:auto;
width:960px;
background:#000;
}
    
#header{
}

#mainMenu{
width:100%;
height:22px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
padding-top:8px;
}

#mainMenu ul{
list-style:none;
}

#mainMenu li{
display:inline;
padding-right:10px;
}

#mainMenu a{
color:#838383;
text-decoration:none;
}

#mainMenu a:hover{
color:#FFF;
text-decoration:none;
}

#headerImage{
width:100%;
height:252px;
background:url(../images/headerImage.jpg) top left no-repeat;
}
        
#intro{
padding:30px;
/*background:url(../images/contentBG.jpg) top center no-repeat;*/
}

#intro p{
padding:15px 15px 15px 0;
line-height:20px;
}

#contentWrapper{
padding:0 30px 30px 30px;
overflow:auto;
}

#content{
}

#left{
float:left;
width:685px;
}

#leftCol1{
float:left;
width:340px;
}

#leftCol2{
float:left;
width:340px;
}

#right{
float:left;
width:200px;
padding-left:15px;
}

#right p{
line-height:18px;
padding-left:10px;
}

#footer{
background:url(../images/footerBG.jpg) top left no-repeat;
clear:both;
width:100%;
height:250px;
line-height:20px;
}

#footer h2{
text-indent:20px;
}

#footerHeader{
padding:20px 0 10px 20px;
}

.footerContents{
float:left;
width:200px;
padding:15px 15px 15px 20px;
color:#838383;
}

.footerContents ul{
list-style:none;
}

.footerContents a{
color:#838383;
text-decoration:none;
}

.footerContents a:hover{
color:#FFF;
text-decoration:underline;
}

.flashFooterContents{
float:left;
width:386.9px;
padding:0 15px 0 20px;
margin-top:-25px;
color:#838383;
/*border:thick solid #333333;*/
}



/* services blocks */

.block p{
padding:10px;
line-height:20px;
}

.block h2{
color:#5f5f5f;
padding:18px 0 0 60px;
font-size:14px;
}

#headingWebDesign{
background:url(../images/titles/webDesign.jpg) top left no-repeat;
width:306px;
height:51px;
}

#headingEnterpriseDev{
background:url(../images/titles/enterpriseDev.jpg) top left no-repeat;
width:306px;
height:51px;
}

#headingBranding{
background:url(../images/titles/branding.jpg) top left no-repeat;
width:306px;
height:51px;
}

#headingMarketing{
background:url(../images/titles/marketing.jpg) top left no-repeat;
width:306px;
height:51px;
}

#headingAudio{
background:url(../images/titles/audio.jpg) top left no-repeat;
width:306px;
height:51px;
}

#headingClients{
background:url(../images/titles/clients.jpg) top left no-repeat;
width:306px;
height:51px;
}

#imageClientList{
float:right;
text-align:center;
padding:0 15px 15px 15px;
}

.headingPeople{
background:url(../images/titles/people.jpg) top left no-repeat;
width:306px;
height:51px;
}


/* classes */

.note{
font-size:11px;
color:#828282;
}

.popOutLeft{
float:left;
width:320px;
padding:0 30px 15px 0;
color:#99875a;
font-size:16px;
font-weight:normal;
line-height:20px;
}

.popOutRight{
float:right;
width:320px;
padding:0 15px 15px 15px;
color:#99875a;
font-size:16px;
font-weight:normal;
line-height:20px;
}

hr{
clear:both;
background:url(../images/hr.jpg) top center no-repeat;
width:100%;
height:2px;
border:none;
}

#recentWorkInfo{
background:url(../images/recentWork/paper.jpg) top left no-repeat;
height:238px;
width:198px;
color:#000000;
padding:15px;
}

#recentWorkInfo p{
padding:10px 30px 0 10px;
font-weight:bold;
}

#recentWorkInfo a{
color:#2173d8;
font-size:14px;
font-weight:bold;
}

.workBlock{
padding:30px 0 30px 0;
}

.workBlock h1{
margin-bottom:5px;
}

.workBlock p{
line-height:20px;
}

.visitSite{
text-align:right;
padding-right:30px;
}

#oldMap{
float:right;
width:380px;
height:650px;
padding:10px 0 0 10px;
background:url(../images/mapBG.gif) top center no-repeat;
}

.red{
color:#FF0000;
font-weight:bold;
}