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

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

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

p {
color: #FFF;
font-family: Georgia;
font-size: 15px;
line-height: 165%;
}

a {
outline: none;
color: #FFF;
border: none; 
text-decoration: none;
border-bottom: dotted 1px;
}

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

img {
border: 0;
}

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

#top {
z-index: 1;
float: left;
width: 100%;
height: 69px;
margin-top: 40px;
background-image: url(/images/trans.png);
}

#container {
width: 822px;
margin: 0 auto 0 auto;
}

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

#top {
position: fixed;

float: left;
}

#nav {
margin: 0 auto 0 auto;
width: 822px;
}

#nav ul {
display: inline;
float: right;
height: 49px;
padding: 0;
margin: 10px 0 0 0;
}

#nav li {
display: inline;
float: left;
}

#nav li a {
display: inline;
float: left;
border-bottom: none;
}

#info {
margin: 155px 0 35px 0;
float: left;
width: 100%;
}

#title {
float: left;
}

#cv {
float: right;
}

#cv a {
float: right;
border: none;
}

#copy {
float: left;
background-image: url(/images/trans.png);
}


#copy p {
margin: 55px 45px;
}

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

#div {
float: left;
margin: 35px 0 10px 0;
}

#portfolio {
margin-top: 5px;
width: 100%;
float: left;
}

#portfolio #item {
float: left;
width: 274px;
height: 200px;
}

#portfolio .image {

width: 100%;
position: relative;
float: left;
width: 274px;
height: 200px;
overflow: hidden;
}

.image img {
position: absolute;
}


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

#contact-div {
float: left;
margin: 35px 0 10px 0;
}

#contact {
float: left;
width: 100%;
margin-bottom: 30px;
}

#contact-left {
float: left;
width: 370px;
}

#contact-right {
float: right;
width: 395px;
}

#contact-area {
width: 395px;
}

/*
.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: 143px;
height: 41px;
background: none;
}

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; 
padding: 10px; 
color: #FFF;
width: 375px;
background-color: #000;
border: 1px solid rgb(69,69,69); 
font : normal 1em Helvetica, Arial, sans-serif; }

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

textarea { 
margin: .5em 0; 
padding: 10px; 
color: #FFF;
width: 375px;
background-color: #000;
border: 1px solid rgb(69,69,69); 
font : normal 1em Helvetica, Arial, sans-serif; }
input[type="text"]:hover { 
border: 1px solid #FFF; }
input[type="text"]:focus { 
border: 1px solid #FFF; 
}

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

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

#thanks {
float: left;
width: 822px;
background-image: url(/images/trans.png);
margin-top: 150px;
}

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

#thanks p {
padding: 0px 80px 50px 80px;
}

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

#footer {
float: left;
margin: 0;
padding: 0;
width: 100%;
height: 100px;
}

#footer p {
line-height:70%;
color: #FFF;
}

#footer-container {
padding: 35px 0;
width: 822px;
margin: 0 auto;
}

#footer-left {
float: left;
width: 50%;
}

#footer-right {
float: right;
width: 50%;
text-align: right;
}