body {
background-color: #181818;
background-image: url(images/background_main.gif);
background-repeat: repeat-x;
background-position: top;
background-attachment: fixed;

margin: 0;
padding: 0;

text-align: center;

font-family:  HelveticaNeue-Light, Arial, Verdana, sans-serif;
color: #CDCDCD;
}

a, a:link {
color: #CDCDCD;
text-decoration: none;
}

a:active {
color: #31C9F5;
}

a:hover {
color: #31C9F5;
}

#center a:link img {
border: 0;
background-color: #3f3f3f;
padding: 0 5px 0 5px;
margin-left: -5px;
}

#center a:active img {
background-color: #181818;
padding: 0 5px 0 5px;
margin-left: -5px;
}

#center a:hover img {
background-color: #717171;
padding: 0 5px 0 5px;
margin-left: -5px;
}

#container {
background-color: #545454;
width: 610px;
height: auto;

margin: 0 auto 100px auto;
padding: 0;

border: solid #2b2b2b;
border-width: 0 15px 15px 15px;
}

h1 {
font-size: 22px;
font-weight: normal;
color: #EBEBEB;
font-family:  HelveticaNeue-UltraLight, Arial, Verdana, sans-serif;

padding: 5px;
margin-bottom: -18px;
}

h2 {
font-size: 15px;
font-weight: normal;
color: #EBEBEB;

padding-left: 20px;

position: relative;
left: -210px;
}

p {
font-size: 11px;
padding: 6px;
}

#validate {
position: relative;
top: 160px;
left: -205px;
}

h6 {
font-size: 12px;
padding: 6px;
font-weight: normal;
margin: 0;
}

strong {
font-weight: normal;
font-size: 22px;
}

.reflector {
padding-left: 17px;
}

.box {
background-color: #3F3F3F;

width: 592px;
height: auto;

margin: 0 auto 0 auto;
padding: 0;

text-align: left;
}

#secondseraph {
background-image: url(images/secondseraph.gif);
background-position: top;
background-repeat: no-repeat;

margin-top: 20px;
padding-top: 30px;
margin-bottom: 5px;
}

#center {
height: auto;
}

/* here's your navigation CSS madness */

#nav {
background-image: url(images/nav_background.gif);
background-repeat: no-repeat;
height: 243px;

text-align: left;

margin-bottom: -70px;
}

#navbottom { 
position: relative; /*css fixes your pixel laziness*/
left: 3px;
}

#nav ul {
background-image: url(images/nav_full.gif);
background-repeat: no-repeat;

width: 610px;

margin: 0;
padding: 0;

list-style: none;

float: left;
position: relative;
top: -1px;
}

#nav li {
display: block;
float: left;

height: 45px;
}

#nav a {
text-decoration: none;
display: block;
}

#nav li a strong {
visibility: hidden;
font-size: 1px;
font-weight: normal;
margin: 0;
padding: 0;
}

/* -- */

#web a {
background-image: url(images/nav_web.gif);
background-position: 0 45px;

height: 45px;
width: 108px;

margin-right: 29px;
}


#web a:hover {
background-image: url(images/nav_web.gif);
background-position: 0 90px;
}
/* -- */

#print a {
background-image: url(images/nav_print.gif);
background-position: 0 45px;

width: 93px;
height: 45px;

margin-right: 29px;
}

#print a:hover {
background-image: url(images/nav_print.gif);
background-position: 0 90px;
}

/* -- */

#identity a {
background-image: url(images/nav_identity.gif);
background-position: 0 45px;

width: 142px;
height: 45px;

margin-right: 29px;
}

#identity a:hover  {
background-image: url(images/nav_identity.gif);
background-position: 0 90px;
}

/* -- */

#media a{
background-image: url(images/nav_media.gif);
background-position: 0 45px;

width: 130px;
height: 45px;
}

#media a:hover {
background-image: url(images/nav_media.gif);
background-position: 0 90px;
}

/* second navigation spat and homepage footer/bio */

#bottom {
background-color: #535353;
background-image: url(images/background_bottom.jpg);
background-repeat: no-repeat;
background-position: bottom;

height: auto;
padding-bottom: 150px;
}

#nav2 {
background-image: url(images/nav2_background.gif);
background-repeat: no-repeat;
height: 31px;

text-align: left;

}

#nav2 ul {
background-image: url(images/nav2_full.gif);
background-repeat: no-repeat;

width: 610px;

margin: 0;
padding: 0;

list-style: none;

float: left;

}

#nav2 li {
display: block;
float: left;

height: 31px;
}

#nav2 a, #nav2 a:link {
text-decoration: none;
display: block;
}

#nav2 li a strong {
visibility: hidden;
font-size: 1px;
font-weight: normal;
margin: 0;
padding: 0;
}

/* -- */

#email a {
background-image: url(images/nav2_email.gif);
background-position: 0 31px;

height: 31px;
width: 64px;

margin-left: 7px;
margin-right: 114px;
}


#email a:hover {
background-image: url(images/nav2_email.gif);
background-position: 0 62px;
}

/* -- */

#pdf a {
background-image: url(images/nav2_resumepdf.gif);
background-position: 0 31px;

height: 31px;
width: 55px;

margin-right: 0;
}


#pdf a:hover {
background-image: url(images/nav2_resumepdf.gif);
background-position: 0 62px;
}

/* -- */

#doc a {
background-image: url(images/nav2_resumedoc.gif);
background-position: 0 31px;

height: 31px;
width: 60px;

margin-right: 19px;
}


#doc a:hover {
background-image: url(images/nav2_resumedoc.gif);
background-position: 0 62px;
}

/* -- */

#linkedin a {
background-image: url(images/nav2_linkedin.gif);
background-position: 0 31px;

height: 31px;
width: 90px;

margin-right: 20px;
}


#linkedin a:hover {
background-image: url(images/nav2_linkedin.gif);
background-position: 0 62px;
}

/* -- */

#personal a {
background-image: url(images/nav2_personal.gif);
background-position: 0 31px;

height: 31px;
width: 171px;
}

#personal a:hover {
background-image: url(images/nav2_personal.gif);
background-position: 0 62px;
}

/* extra stuff */

#link {
font-size: 12px;
border-bottom: dotted 1px #ccc;
}