/* ================================= */
/* Coded by Jamie Webster */
/* ================================= */

body {
margin: 0;
padding: 0;
background-color: #000;
background-image: url('/images/bg.png');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

/* ================================= */
/* Common Styles */
/* ================================= */

p {
color: #333;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 0.71em;
line-height: 190%;
}

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

img {
border: 0;
}

/* ================================= */
/* Container */
/* ================================= */

#top {
float: left;
width: 100%;
height: 579px;
background-image: url(/images/wood.jpg);
background-repeat: no-repeat;
margin: 0 auto;
text-align: center;
}

#portfolio-top {
float: left;
width: 100%;
height: 110px;
background-image: url(/images/wood.jpg);
background-repeat: no-repeat;
margin: 0 auto;
text-align: center;
}

#top-content {
margin: 0 auto;
width: 1000px;
position: relative;
text-align: center;
margin-top: -1px;
}

.top-image {
margin-top: 39px;
}

#container {
background: #FFF;
width: 1000px;
margin: 0 auto 0 auto;
height: 100%;
}

#content {
background: #FFF;
width: 100%;
float: left;
}

#nav {
position: absolute;
top: 40px;
right: 0;
}

/* ================================= */
/* Header */
/* ================================= */

#cv {
position: absolute;
top: 0px;
right: 50px;
}

#download img {
width: 143px;
height: 25px;
position: absolute;
bottom: 169px;
left: 116px;
}

#email img {
width: 78px;
height: 25px;
position: absolute;
bottom: 169px;
left: 284px;
}

#header {
width: 900px;
margin-left: 50px;
border-top: 1px #333 dotted;
text-align: center;
}

#header img {
margin-top: 35px;
}

#mainimage, #images {
text-align: center;
}

#images img {
margin-top: 35px;
}

/* ================================= */
/* Portfolio */
/* ================================= */

#portfolio {
margin-top: -2px;
background: #FFF;
width: 100%;
float: left;
}

#portfolio #item {
float: left;
width: 425px;
margin-left: 50px;
}

#portfolio .image {
width: 100%;
position: relative;
float: left;
width: 425px;
height: 300px;
overflow: hidden;
}

#blurb {
float: left;
margin-top: 10px;
border-top: 1px #000 dotted;
border-bottom: 1px #000 dotted;
width: 425px;
margin-bottom: 50px;
}

#blurb-content {
float: left;
padding: 0px;
margin: 23px 0;
}

#blurb p {
line-height: 0px;
padding: 0;
margin-top: 10px;
margin-bottom: 5px;
}

.image img {
position: absolute;
}


/* ================================= */
/* Contact */
/* ================================= */

#contact {
float: left;
margin: 0 auto;
background: #FFF;
margin-bottom: 30px;
}

#contact a {
outline: none;
color: #666;
border: none; 
text-decoration: none;
border-bottom: dotted #CCC 1px !important;
}

#contact a:hover {
color: #333;
}

#contact-left {
background: #FFF;
float: left;
width: 425px;
margin-left: 50px;
}

#contact-right {
background: #FFF;
float: left;
width: 425px;
margin-left: 50px;
}

#contact-area {
width: 425px;
}

/*
.borderradius input[type="text"] {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px; }

.borderradius textarea {
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px; }
*/

fieldset {
border: 0;
padding: 0;
margin: 0;
}

#contact-area input.submit-button {
width: 100px;
float: right;
border: 0;
padding: 0;
width: 93px;
height: 25px;
background: none;
margin-top: 5px;
}

label {
color: #FFF;
font-family: Georgia;
font-size: 15px;
float: left;
text-align: left;
margin-right: 15px;
width: 375px;
padding: 5px 0;
}

input[type="text"] { 
margin: .5em 0; 
height: 34px;
padding: 0;
text-indent: 10px;
color: #999;
width: 423px;
background-color: #F5F5F5;
border: 1px solid #E2E2E2; 
font : normal 15px Georgia, Times, Serif;
font-style: italic; !important
 }


input[type="text"]:hover { 
border: 1px solid #E2E2E2; }
input[type="text"]:focus { 
}

textarea { 
margin: .5em 0; 
color: #999;
font-style:italic;
text-indent: 10px;
padding: 10px 0 0;
width: 423px;
height: 137px;
background-color: #F5F5F5;
border: 1px solid #E2E2E2; 
font : normal 15px Georgia, Times, Serif;
font-style: italic; !important
 }
input[type="text"]:hover {
border: 1px solid #CCC;
background: #F0F0F0;
 }
input[type="text"]:focus { 
border: 1px solid #CCC;
background: #F0F0F0;
}

textarea:hover { 
border: 1px solid #CCC;
background: #F0F0F0;
 }
input[type="text"]:focus { 
border: 1px solid #CCC
background: #F0F0F0;
}

/* ================================= */
/* Form Submit Page */
/* ================================= */

#thanks {
margin: 0 auto;
padding: 50px;
text-align:center;
background: #FFF;
margin-top: 100px;
}

.big {
font-size: 55px;
margin-top: 10px;
line-height: 60px;
}

#thanks p {
text-align: center;
}

#thanks a {
outline: none;
color: #666;
border: none; 
text-decoration: none;
border-bottom: dotted #CCC 1px !important;
}

#thanks a:hover {
color: #333;
}

/* ================================= */
/* Footer */
/* ================================= */

#facebook {
float: left;
margin-left: 50px;
margin-top:50px;
height: 92px;
background: url(/images/line.png) no-repeat;
width: 900px;
text-align: center;
}

#fb-root {
margin-top:47px;
}

#footer {
float: left;
margin: 0;
padding: 0;
width: 100%;
height: 200px;
text-align: center;
background: #545454;
}

#footer p {
margin-top: 90px;
font-size: 11px;
color: #FFF;
}