/* CSS Document */

body{
background:url(../images/wood_light_bg.jpg) repeat center top;
}
#headerWrapper, #mainWrapper, #footerWrapper {
overflow:hidden;
}

/* Header CSS */
#header {
width:100%;
height:290px;
background:url(../images/header-bg.jpg) repeat-x center bottom;
color:#a9855c;
}
#headerWrapper {
background:url(../images/header-arrows.png) top right no-repeat;
}
#logoWrapper h1{
height:210px;
width:310px;
background:url(../images/logo-large.jpg) no-repeat;
margin-top:20px;
margin-bottom:10px;
text-indent:-9999px;
}
#logoLink{
display:block;
width:310px;
height:210px;
}
#logoWrapper h2{
font-size:32px;
font-weight:normal;
font-style:normal;
text-indent:-2px;
}
#menuWrapper{
margin-top:83px;
}
#menuWrapper li{
list-style:none;
margin-left:0;
height:36px;
font-size:32px;
text-indent:0;
}
#menuWrapper li a{
text-decoration:none;
color:#a9855c
}
#menuWrapper li a:hover{
color:#000000;
}
#menuWrapper li a:visited{
color:#a9855c;
}
#menuWrapper li a:active{
color:#a9855c;
}

/* Content CSS */
#mainWrapper {
padding-top:20px;
padding-bottom:10px;
line-height:1.5;
}
#mainWrapper a{
text-decoration:none;
color:#ffffff;
}
#mainWrapper a:hover{
text-decoration:underline;
color:#ffffff;
}
#mainWrapper a:visited{
text-decoration:none;
color:#ffffff;
}
#mainWrapper a:active{
text-decoration:none;
color:#ffffff;
}
#bannerWrapper{
color:#FFFFFF;
}
#bannerWrapper h2{
font-size:22px;
padding-left:10px;
padding-right:5px;
background:#000000;
margin-bottom:10px;
}
#bannerWrapper h3{
font-size:18px;
margin-bottom:15px;
padding-left:10px;
padding-right:10px;
}
#charlieAbout{
background:url(../images/scratch_bg.png) repeat;
color:#362416;
}
#charlieAbout h2{
font-size:20px;
margin-bottom:0;
padding-bottom:0;
}
#charlieAbout h3{
font-size:18px;
margin-bottom:15px;
margin-left:10px;
padding-right:0px;
}
#charlieAbout h4{
font-size:12px;
margin-bottom:15px;
margin-left:10px;
margin-right:10px;
margin-top:0;
padding-top:0;
}
#featuredWorkDisplay{
background:url(../images/scratch_bg.png) repeat;
}

#featuredWorkContainer{
width:270px;
height:350px;
margin:auto;
border:5px solid #362416;
background:#362416;
}

#charlieAbout a{
text-decoration:none;
color:#362416;
}
#charlieAbout a:hover{
text-decoration:underline;
color:#362416;
}
#charlieAbout a:visited{
text-decoration:none;
color:#362416;
}
#charlieAbout a:active{
text-decoration:none;
color:#362416;
}
#portfolioMenu{
background:url(../images/scratch_bg.png) repeat;
color:#362416;
}
#portfolioMenu h2{
font-size:20px;
margin:0;
padding:0;
margin-bottom:10px;
}
#portfolioMenu h3{
font-size:18px;
padding:0;
padding-bottom:10px;
margin:0;
}
#portfolioMenu a{
text-decoration:none;
color:#362416;
}
#portfolioMenu a:hover{
text-decoration:underline;
color:#362416;
}
#portfolioMenu a:visited{
text-decoration:none;
color:#362416;
}
#portfolioMenu a:active{
text-decoration:none;
color:#362416;
}

#contactMethods {
background:url(../images/scratch_bg.png) repeat;
color:#362416;
}
#contactMethods h2{
font-size:20px;
margin:0;
padding:0;
margin-bottom:10px;
}
#contactMethods h3{
font-size:18px;
padding:0;
margin:0;
}
#contactMethods a{
text-decoration:none;
color:#362416;
}
#contactMethods a:hover{
text-decoration:underline;
color:#362416;
}
#contactMethods a:visited{
text-decoration:none;
color:#362416;
}
#contactMethods a:active{
text-decoration:none;
color:#362416;
}
.contactLine{
padding-bottom:40px;
}
.contactIcon{
float:left;
width:20px;
height:20px;
margin-right:10px;
padding-top:2px;
}
.contactText{
float:left;
}

#experience {
background:url(../images/scratch_bg.png) repeat;
color:#362416;
padding-bottom:10px;
}
#softCol {
width:140px;
float:left;
padding-left:10px;
padding-bottom:10px;
}
#techCol {
width:140px;
float:left;
padding-left:10px;
padding-bottom:10px;
}
#devCol {
width:140px;
padding-left:10px;
}
#experienceContent h2{
margin-bottom:10px;
margin-left:10px;
}
#experienceContent h3{
margin-bottom:5px;
}
#experienceContent h4{
margin-bottom:0;
}

#charliePhoto{
margin-left:10px;
margin-right:10px;
margin-top:10px;
float:left;
}
#charlieTitle{
margin-top:5px;
width:230px;
float:left;
}

#callToAction{
margin-top:10px;
width:460px;
height:148px;
}



/* Footer CSS */
#footer {
width:100%;
height:auto;
background:url(../images/footer-bg.png) no-repeat center top;
color:#DFBA8B;
}
#footer a{
text-decoration:none;
color:#DFBA8B;
}
#footer a:hover{
color:#DFBA8B;
text-decoration:underline;
}
#footer a:visited{
color:#DFBA8B;
}
#footer a:active{
color:#DFBA8B;
}

#footerWrapper {
padding-top:90px;
}
#footerWrapper a{
text-decoration:none;
color:#352015;
}
#footerWrapper a:hover{
text-decoration:underline;
color:#352015;
}
#footerWrapper a:visited{
text-decoration:none;
color:#352015;
}
#footerWrapper a:active{
text-decoration:none;
color:#352015;
}

#footerBar1{
padding-top:35px;
}
#footerBar2{
padding-top:35px;
}
#footerBar2 .italicFooterReplace{
 padding:0; margin:0;
 }
#footerBar3{
padding-top:35px;
}


.standardP{
margin-bottom:10px;
}

.serviceCol{
width:104px;
float:left;
margin-left:10px;
padding-bottom:10px;
margin-top:5px;
}
.serviceCol h3{
background-color:#000000;
}
.serviceCol h4{
margin-bottom:0;
padding-left:10px;
}