* {
    margin: 0px;
    padding: 0px;
}

html {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    background: url('../images/detailsbg.png') no-repeat #333;
}

ul {
    list-style: none;
}

img {
    border:0;
}

div#content {
    min-width: 1150px;
}

div#header h1 {
    display:none;
}

ul#navigation {
    
}

ul#navigation a {
    display: block;
    text-indent: -9000px;
    overflow: hidden;
    outline: none;
}

ul#navigation li {
    float:left;

}

ul#navigation a:hover {
    background-position: bottom left !important;
}

ul#navigation #home a {
    background: url('../images/nav3_home.png') top left;
    width: 72px;
    height: 32px;
}

ul#navigation #home {
    margin-top: 181px;
    margin-left: 20px;
    margin-bottom: -53px;
}

ul#navigation #portfolio a {
    background: url('../images/nav3_portfolio.png') top left;
    width: 183px;
    height: 70px;
}

ul#navigation #portfolio {
    margin-top: 72px;
    margin-left: 567px;
}


ul#navigation #details a {
    background: url('../images/nav3_details.png') top left;
    width: 146px;
    height: 60px;
}

ul#navigation #details {
    margin-top: 52px;
    /*margin-left: 567px; */
}

ul#navigation #contact a {
    background: url('../images/nav3_contact.png') top left;
    width: 95px;
    height: 41px;
}

ul#navigation #contact {
    margin-top: 54px;
    /*margin-left: 567px; */
}


ul#navigation #blog a {
    background: url('../images/nav3_blog.png') top left;
    width: 56px;
    height: 33px;
}

ul#navigation #blog {
    margin-top: 50px;
    /*margin-left: 567px; */
}

div#body {
    clear:both;
    background: #000;
    padding: 25px 0 25px 200px;
    color: #CCC;
    min-height: 100px;
}

div#bodyContent {
    float:left;
    width: 700px;
}

div#bodyContent p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
}

div#bodyContent table li {
    margin-bottom: 5px;
    font-size: 13px;

}

div#bodyContent table td {
    font-size: 13px;
}

div#bodyContent a { color: #FCBA63; text-decoration: none; }

div#bodyContent a:hover { color: white; }

div#bodyContent h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

ul#detailsNav {
    float: right;
}

ul#detailsNav li {
    margin-bottom: 10px;
}
ul#detailsNav li a {
    text-decoration: none;
    font-weight: bold;
    color: #FDBA63;
}
ul#detailsNav li a:hover {
    color: #FFF;
}

div#bodyContent .content {
    margin-right: 100px;
}

/* WRAPPER */

div#wrapper {
    margin-left: 200px;
    color: #ffffff;
}

div#wrapper small {
    color: #939598;
    font-size: 12px;
}

div#wrapper #twitter strong {
    color: #fcb040;
    font-size: 20px;
    font-weight: normal;
}

div#wrapper #twitter .details {
    float:left;
    margin-right: 5px;
}

div#wrapper #twitter .tweet {
    font-size: 20px;
    float:left;
    width: 500px;
}
div#wrapper #twitter .tweet a {
    color: #fcba63;
    text-decoration: none;
}


div#footer {
    clear:both;
    padding-top: 50px;
    padding-bottom: 20px;
}


div#footer ul li a {
    color: #fcba63;
    text-decoration: none;
    font-size: 12px;
}
div#footer ul li {
    float:left;
    margin-right: 20px;
}

div#footer ul {
    height: 20px;
    padding-bottom: 10px;
}

form#contactForm {
    margin-bottom: 20px;
}

form#contactForm ol {
    font-size: 13px;
    list-style: none;
}
form#contactForm li {
    margin-bottom: 20px;
}

form#contactForm li label {
    display: block;
    margin-bottom: 5px;
}

form#contactForm li input, form#contactForm li textarea  {
    padding: 5px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    color: #888;
    border: 1px solid #CCC;
    width: 350px;
    background: #EFEFEF;
}

 form#contactForm li textarea  {
     height: 150px;
    background: #EFEFEF;
 }

form#contactForm li input[type="checkbox"] {
    width: auto;
}

form#contactForm input[type="submit"] {
    padding: 5px 10px;
    font-weight: bold;
    color: #333;
    border: 1px solid #AAA;
    cursor: pointer;
    margin-top: 20px;
}

form#contactForm input[type="submit"]:hover {
    background: #DDD;
}

form#contactForm input[type="submit"]:active {
    background: #666;
    color: #FFF;
}


ul#clientList li {
    font-size: 13px;
    margin-bottom: 5px;
    float:left;
    width: 300px;

}

#formContainer {
    float:left;
    width: 450px;
}

#contactsContainer {
    float:left;
}

#error {
    color: #FCBA63;
    font-size: 13px;
    padding: 10px 0;
    font-weight: bold;
}
