/* CSS Document */

body {
background-color:#000000;
margin:0;
padding:0;
font-size:11px;
line-height:13px;
color:#666666;
font-family:Century Gothic, Arial, Helvetica, sans-serif
}
p {
margin:0;
padding:0;
margin-bottom:5px;
}
a {
color:#999999;
text-decoration:none;
}
a:hover {
color:#FFFFFF;
text-decoration:underline;
}
a:active {
  position: relative;
  top: 1px;
}
h1 {
font-size:30px;
line-height:32px;
margin:0;
padding:0;
font-weight:normal;
}
h2 {
margin-left:4px;
margin-top:10px;
font-size:20px;
line-height:22px;
font-weight:normal;
}
h3 {
font-size:15px;
line-height:17px;
font-weight:normal;
margin:0;
padding:0;
margin-bottom:5px;
margin-top:10px;
color:#0099CC;
}
h4 {
font-size:30px;
line-height:32px;
margin:0;
padding:0;
font-weight:normal;
color:#0099CC;
}
img {
border:none;
}
.floatL {
float:left;
}
.floatR {
float:right;
}
.clear {
height:0;
width:0;
clear:both;
}
.submitBtn {
margin-top:15px;
}
.formElement {
width:315px;
}
#header {
height:40px;
background-color:#333333;
width:100%;
}
#headerInner {
width:940px;
margin-left:auto;
margin-right:auto;
}
#logo {
float:left;
margin-top:7px;
}
#links {
float:right;
margin-top:3px;
}
#main {
width:100%;
height:569px;
margin-left:auto;
margin-right:auto;
background-image:url(../assets/bgMain.jpg);
background-repeat:repeat;
border-bottom:solid 1px #0099CC;
border-top:solid 1px #0099CC;
}
#mainInner {
background-image:url(../assets/head.png);
background-repeat:no-repeat;
background-position:bottom left;
width:1000px;
height:569px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#rightBox {
position:absolute;
top:30px;
right:30px;
width:465px;
}
#descriptionBox {
font-size:16px;
line-height:22px;
margin-top:20px;
}
#featuredWork {
margin-top:40px;
}
.featured {
margin-top:15px;
}
.feat1 {
float:left;
width:155px;
}
.feat2 {
float:left;
width:150px;
}
.feat3 {
float:left;
width:150px;
margin-left:5px;
}
#featuredWork img {
border:solid 5px #333333;
}
#footer {
width:940px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:50px;
}
#footerLeft {
float:left;
width:280px;
}
#footerLeft img {
border:solid 2px #333333;
}
#footerMiddle {
float:left;
width:300px;
margin-right:45px;
}
#footerLeft ul {
list-style:none;
margin:0;
padding:0;
margin-top:16px;
width:220px;
}
#footerLeft ul li {
float:left;
margin:0 16px 16px 0;
}
#footerRight {
float:left;
width:315px;
}
#footer h1 {
color:#FFFFFF;
}

.featuredMiddleBox {
width:300px;
border-top:1px dotted #0099CC;
margin-top:5px;
}
.featuredMiddleItem {
border-bottom:1px dotted #0099CC;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
line-height:13px;
color:#999999;
}
.divider {
color:#0099CC;
}
.album {
float:left;
width:63px;
}
.album img {
border:solid 2px #333333;
}
.songInfo {
float:left;
width:220px;
}

.emailMe {
margin-top:8px;
}

/* MODAL STYLES */
#modalWrapper {
width:560px;
height:370px;
background-color:#FFFFFF;
padding:20px;
}
#modalWrapper a {
color:#0099CC;
}
#modalLeft {
width:360px;
margin-right:10px;
}
#modalRight {
width:160px;
padding-top:25px;
font-size:13px;
line-height:17px;
}
#modalImage {
margin-top:10px;
}
#modalImage img {
border:solid 1px #333333;
margin-bottom:10px;
}
#modalDesc {
font-family:Arial, Helvetica, sans-serif;
line-height:15px;
}
#modalLink {
font-family:Arial, Helvetica, sans-serif;
margin-top:5px;
}