/* 
Theme: JohnnyJazz v1.0
designer: John Hirchak
websites: darklabproductions.com / johnnyjazz.com
date: 04/02/09
*/


/* PAGE STYLES */

* {
padding: 0;
margin: 0;
}

body {
background: url(images/bg.jpg) #000 center top no-repeat;
text-align: center;
color: #C1C1C1;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
font-size: 11px;
padding-bottom:30px;
}

img {
border: 0;
}


a {
outline: none;
text-decoration:underline;
color:#fff;
}

h1 {
font-size: 14px;
color: #fff;
font-weight: normal;
margin-bottom:2px;
}

h2 {
font-size: 12px;
color: #fff;
font-weight: normal;
margin-bottom:2px;
}

h4 {
font-size: 10px;
color: #fff;
font-weight: normal;
margin-bottom:2px;
}


p {
margin-bottom: 18px;
margin-right: 4px;
}

/* LAYOUT STYLES */

#main {
width: 689px;
margin: 0 auto;
margin-top: 24px;
text-align: left;
background:#050505 url(images/main_bg.jpg) no-repeat;
}

#header {
height: 265px;
background:url(images/john-hirchak.jpg);
}


#header h1 {
font-size:30px;
display:none;
}

#header h2 {
font-size:20px;
display:none;
}

#header h3 {
font-size:12px;
display:none;
}


#header .sectionTitle {
display:none;
text-transform:uppercase;
font-size:10px;
float:none;
position:absolute;
margin-left:20px;
margin-top:20px;
}
.content
{
margin-left:143px;
}

.content li
{
padding-left:12px;
background: url(images/bullet.jpg) no-repeat left 7px;
list-style-type:none;
list-style-image:none;
}

.sectionTitle {
text-transform:uppercase;
font-size:10px;
float:left;
width:133px;
color:#FFF;
}

.sectionTitleIMG {
clear:both;
float:left;
width:133px;
height:55px;
padding-bottom:10px;
clear:both;
}

#aboutOverview, #portfolio, #services, #links {
padding-left:20px;
padding-top:24px;
padding-right:20px;
}

#aboutOverview .content, #portfolio, #services, #links {
line-height:18px;
}

#aboutApps, #aboutPro, #aboutResume, #aboutPhotos, #webDesign, #webHosting, #webMaint, #graphicDesign, #identity, #webDevelopment, #print, 
#emailC, #SEO, #videoProduction, #photography, #links, #resources, #contact {
padding-left:20px;
padding-bottom:20px;
padding-top:24px;
background:url(images/section_divider.png) no-repeat;
clear:both;
width:669px;
behavior: url("iepngfix.htc");
}

.divClass {
padding-left:20px;
padding-bottom:20px;
padding-top:24px;
background:url(images/section_divider.png) no-repeat;
clear:both;
width:669px;
behavior: url("iepngfix.htc");
}

#aboutPro {
height:100px;
}

/* CONTACT*/

#contact {
margin-bottom:0;
padding-bottom:0;
height:90px;
}

.emailUs {
margin-left:99px;
float:left;
display:inline;
}

.phoneNums {
float:left;
display:inline;
width:90px;
margin-left:17px;
}

.address {
float:right;
display:inline;
width:150px;
}

#contact .sectionTitle {
width:auto;
}

/* NAVIGATION */

#navigation {
clear:both;
margin:0px auto;
width:669px;
}

/* BOTTOM NAVIGATION */

#bottomNav {
font-size:10px;
color:#272727;
line-height:18px;
width: 689px;
margin: 0 auto;
margin-top:24px;
}

#bottomNav a {
color:#484848;
text-decoration:none;
}

#bottomNav a:hover {
color:#7d7d7d;
}



/* MISC */

.download {
margin:2px;
}

#screenshot {
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}