body {
background: #292929;
color: #F0F0F0;
font-family: Helvetica, Arial, Verdana, sans-serif;
margin:0;
padding:0;
}

#maincontainer {
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#top_header {
width: 960px;
height: 25px;
clear:both;
}


.top_menu {
text-align: right;
}

.top_menu ul{
list-style-type:none;

}

.top_menu li {
display:inline;
}

.top_menu a{
text-decoration:none;
color: #dfb77c;
font-weight:bold;
padding: 0px 25px 0px 25px;
border-right:1px solid #dfb77c;
}
.top_menu a:hover{
color :#fff;
}


#home_banner {
width: 960px;
height: 250px;
background-color:  #330000;
color: #fff;
}

.title_banner  h1{
float: left;
padding: 10px 0 0 30px;
color: #fff;
font-size: 8.5em;
margin:0;
}

.info_banner  p{
padding-top: 25px;
color: #dfb77c;
font-size: 1.5em;
margin:0;
}


#work_content {
margin-top: -20px;
background-color: #1c1c1c;
}

#single_sample {
margin: 0 auto;
}

#single_sample h2{
color: #dfb77c;
padding-top: 20px;
padding-left: 20px;
}


.sample_border {
margin-top: 10px;
margin-left: 50px;
width: 860px;
height: 190px;
border: 1px #fff solid;
}

.sample_image {
float: left;
margin: 25px 75px 0 100px;
}

.sample_info {
margin-top: 25px;
}

.sample_info a {
color: #dfb77c;
}

#home_flash_banner {
width: 960px;
height: 300px;
}

#course_flash {
background-color: #1c1c1c;
width: 960px;
height: 331px;
padding-top: 50px;
padding-bottom: 50px;
}

#video_flash {
background-color: #1c1c1c;
width: 960px;
height: 400px;
padding-top: 50px;
padding-bottom: 50px;
}


#home_content {
width: 960px;
background-color: #1c1c1c;
height: 400px;
margin: 0;
}

#new_content {
width: 960px;
background-color: #1c1c1c;
height: 380px;
margin: 0;
border-bottom:1px solid #000000;
}

#home_content h2, #new_content h2 {
padding-top: 20px;
color: #dfb77c;
margin:0;
}

.featured_work {
float: left;
width: 280px;
height: 400px;
margin: 0px 40px 0px 20px;
}

.whats-new {
float: left;
width: 280px;
height: 380px;
padding: 0px 40px 0px 20px;
}

.featured_work a, .whats-new a, .projects a {
color: #dfb77c;
text-decoration:none;
}

.about_me{
float: left;
width: 300px;
height: 400px;
margin-right: 40px;
}

.projects {
float: left;
width: 270px;
height: 380px;
padding-right: 40px;
}

.about_me p, .projects p{
color: #ffffff;
padding-right: 20px;
}

.resume {
float: left;
}

.facebook{
float: left;
padding-top:25px;
}

.footer {
background-color: #000000;
width: 960px;
height: 40px;
text-align: center;
margin-top: -20px;

}

.footer ul{
list-style-type:none;
padding-top: 10px;
}

.footer li {
display:inline;
}

.footer a{
text-decoration:none;
color: #dfb77c;
font-weight:bold;
padding: 0px 25px 0px 25px;
border-right:1px solid #dfb77c;
}
.footer a:hover{
color :#fff;
}


.bottom {
margin-top: -10px;
background-color: #292929;
color: #fff;
text-align: left;
padding-left: 20px;
}

#resume_content {
margin-top: -20px;
background-color: #1c1c1c;
padding-left: 10px;
padding-right: 10px;
}

.resume_style {
padding-top: 20px;
}

.resume_style  h1{
color: #dfb77c;
text-align: center;
}

.resume_style h3{
color: #dfb77c;
}

.resume_style p{
padding: 0px 20px 0px 20px;
}

#contact_form {
margin-top: -20px;
padding-left: 280px;
padding-top: 30px;
background-color: #1c1c1c;

}

#contact_form h2 {
text-align: center;
color: #dfb77c;
}

.form {
width: 400px;
}

#home_banner .title_banner {
width: 500px;
float: left;
padding-top:37px;
}

#home_banner .info_banner {
width: 460px;
float: left;
padding-top:37px;
}

#home_banner .info_banner a {
color: #dfb77c;
}

.banner-work .info_banner  p{
padding-top:70px;
}

.banner-resume .title_banner {
width: 550px !important;
}

.banner-resume .title_banner h1 {
padding:0 !important;
}

.banner-resume .info_banner {
width: 405px !important;
}

.banner-resume .info_banner  p{
padding-top:65px !important;
}

.banner-courses .title_banner {
width: 550px !important;
}

.banner-courses .title_banner h1 {
padding:0 !important;
}

.banner-courses .info_banner {
width: 405px !important;
}

.banner-courses .info_banner  p{
padding-top:65px !important;
}

.banner-contact .title_banner {
width: 550px !important;
}

.banner-contact .title_banner h1 {
padding:0 !important;
}

.banner-contact .info_banner {
width: 405px !important;
}

.banner-contact .info_banner  p{
padding-top:65px !important;
}

.fb-like-box {
background-color:#ffffff;
}

#social-media {
position: fixed;
right: 0;
top: 25%;
width: 70px;
margin-top: -2.5em;
}

#social-media img {
border:none;
}

#social-media li {
list-style:none;
}