/* --------- Table of Contents --------- 

1. Defaults
2. Main structure
3. Upper Area
4. Lower Area


 ---------------------------------------------- */

/* --------- 1. defaults --------- */

body {
  background: #ffffff;
  background: url(/images/common/background_tile.jpg) repeat-x;
  font: 11px  Arial, Serif;
  color: #000;
}

* {
  margin: 0;
  padding: 0;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin:0pt;
  padding:0pt;
}

p,ul {
  /*margin-bottom: 1em;*/
 margin-bottom: 0px;
}


a {
  text-decoration: none;
  color: #504B49;
}

a:hover {
 color: #783830;
 }

/*a:visited{
color: #504B49;
}
 */

img {
  border: none;
  display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}


img.swap {
    display:none;
 /*   left:25px;*/
    position:absolute;
    top: 0px;
    z-index: 1;
}

/* --------- 2. structure --------- */

#middle_background {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    height: 576px;
    background: url(/images/common/background_middle.jpg) no-repeat;
}

#main_background {
    background: #ffffff;
    width: 800px;
    height: 538px;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 20px;
    position: absolute;
}

#top {
    height:159px;
    background: url(/images/common/wva_logo.png) no-repeat;
    background-position: 595px 55px;
}

#top_left {
    float: left;
    width: 600px;
}

#top_right {
    margin-top: 55px;
    float: left;
    margin-left: -5px;
}

#right_boxes {
    margin-left: 10px;
    margin-bottom: 50px;
    float: left;
    background: #783930;
    width: 175px;
    height: 331px;
}

#left_area {
    margin-left: 25px;
    margin-bottom: 50px;
    float: left;
    width: 567px;
    height: 331px;
    clear: left;
    position: relative;
}

/* --------- 3. Upper Area ------------ */

#top ul {
   font-size: 11px;
    color: #504B49;
    list-style-type: none;
    margin-top: 45px;
    float: left;
    margin-bottom: 0px;
}

#top ul.main_menu {
    padding-left: 40px;
}

#top ul.projects_menu {
   /* padding-left: 50px;*/
}

#top ul.projects_menu_2 {
    padding-left: 25px;
}


#top ul.main_menu li, #top ul.projects_menu li, #top ul.projects_menu_2 li {
   text-indent: 5px;
   margin-bottom: 1px;
}

#top ul.main_menu li {
   text-indent: 10px;
}

#top ul.projects_menu a, #top ul.projects_menu_2 a, #top ul.projects_menu li, #top ul.projects_menu_2 li {
    color: #C8C9CA;
}

#top li.selected, #top_left li:hover{
    color: #783830;
    background:url(/images/common/menu_select.jpg) no-repeat scroll 0 0;
}

#top li.selected a, #top_left li:hover a {
    color: #783830;
}

#top ul.projects_menu li.selected, #top ul.projects_menu_2 li.selected, #top ul.projects_menu li:hover, #top ul.projects_menu_2 li:hover {
    background: none;
    color: #783830;
}


#top ul.projects_menu li.selected a, #top ul.projects_menu_2 li.selected a, #top ul.projects_menu li:hover a, #top ul.projects_menu_2 li:hover a {
    background: none;
    color: #783830;
}

.menu_separator {
    border-top:1px solid #783830;
    float:left;
    height:0;
    margin-left:5px;
   /* margin-top:85px;*/
    padding-left:5px;
    padding-top:50px;
    width:40px;
}

.team_menu_separator {
    margin-top: 93px;
}

.project_menu_separator {
    margin-top: 78px;
}


/* --------- 3. home --------- */



#left_info {
    float: left;
    width: 327px;
    background: #ececec;
    height: 331px;
    color: #504B49;
}

#left_area p {
    color: #504B49;
}

#left_area p.title {
    font-size: 16px;
    padding-left: 25px;
    padding-top: 50px;
	margin-bottom: 15px;
}

#left_area p.contact_title {
    font-size: 16px;
    padding-left: 25px;
    padding-top: 13px;
	margin-bottom: 0px;
}

#left_area p.project_info {
    font-size: 11px;
    padding-left: 25px;
    padding-right: 35px;
    line-height: 14px;
}

.left_area_large {
	width: 753px;
}


#left_picture {
    float: left;
    width: 230px;
    margin-left: 10px;
}

#left_picture_large {
    float: left;
    width: 230px;
    margin-left: 10px;
}



#right_boxes img.mission {
    padding-top: 75px;
    padding-left: 10px;

}

#right_box_top {
    height: 250px;
    font-size: 11px;
    color: #CDB1A7;
    line-height: 14px;
}

#right_box_top p {
    padding: 25px 10px 15px 12px;
}

#right_box_bottom {
    height: 70px;
    color: #CDB1A7;
    border-top: 1px solid white;
    padding: 10px 0 0 10px;
    position: relative;
}

#right_box_bottom p {
    margin: 2px 0 0 0;
    font-size: 10px;
}
#right_box_bottom fieldset {
    border: none;
}

#right_box_bottom legend {
    margin-bottom: 5px;
    color: #CDB1A7;
}

#right_box_bottom input {
    width: 94px;
    height: 14px;
    background: #CDB1A7;
    border: none;
}

#right_box_bottom input.gobutton {
    width:14px;
    height: 13px;
    margin: 3px 0 0 3px;
}

#right_box_bottom label {
    float: left;
    width: 50px;
    margin-right: 1px;
    padding-top: 3px;
}

#right_box_bottom label.password_label, #right_box_bottom label.email_label {
    padding-top: 7px;
}

#right_box_bottom span.error {
    color:#FF0000;
    left:96px;
    position:absolute;
    top:10px;
}

#right_box_bottom span.remember {
    font-size: 9px;
    margin-left: 63px;
}

#right_box_bottom span.retrieve {
    font-size: 9px;
    margin-left: 94px;
}

#right_box_bottom p.retrieve_instructions {
    margin-top: -2px;
}
 

#right_box_bottom a {
    color: #CDB1A7;
}

#right_box_bottom a:hover {
    color: #CDB1A7;
    text-decoration: underline;
}

#contact_address {
    color: #CDB1A7;
    margin-left:10px;
    margin-top:240px;
    line-height: 14px;
}

#forty_years {
	left:50px;
	position:absolute;
	top:498px;
	color: #6e6868;
}

/* ----------- Contact Form ---------- */

#contact_form {
    margin-top: 40px;
    text-align: left;
    margin-right: 10px;
    color: #504B4A;
}

#contact_form.no_margin {
    margin-top: 0px;
    text-align: left;
    margin-right: 10px;
    color: #504B4A;
}

#contact_form input {
    width: 185px;
    margin-bottom: 5px;
    border: 1px solid #D1D0D0;
	margin-left: 0px;
	float: left;
}

#contact_form input.btn {
   /* width: 57px;
    margin-bottom: 25px;
	/*margin-right: 127px;*/
	
	top: 308px;
	position:absolute;
	right:250px;
	width:57px;
}

#contact_form input.btn_careers {
  /*  margin-top: 71px;
	width: 57px;*/
	
	top: 308px;
	position:absolute;
	right:250px;
	width:57px;
}

#contact_form input#captcha {
    margin-bottom: 0px;
    border:1px solid #CCCCCC;
}

#contact_form textarea {
    width: 185px;
    border: 1px solid #D1D0D0;
    margin-bottom: 5px;
    height: 59px;
}

#contact_form label {
    margin-left: 27px;
	font-weight: bold;
	width: 100px;
	float: left;
}

p.careers_blurb {
    font-size: 9px;
	font-family: Arial;
    text-align: left;
    color: #504B49;	
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#contact_form label.message_label {
 /*   left:31px;
    position:absolute;*/
}

#contact_form label.captcha_label {
  /*  left:13px;
    position:absolute;
    top:269px;
    width:68px; */
}

#contact_form label.captcha_label_careers {
  /*  left:13px;
    position:absolute;
    top:199px;
    width:68px; */
}

#contact_form label.file_label {
/* 	left: 13px;
	position: absolute;
	top: 152px;
	width: 68px;*/
}



#simple_captcha {
  /*  margin-bottom: 25px;*/
   /* margin-left: 90px;*/
}

#simple_captcha .simple_captcha_field input {
    background-color: white;
}

/* --------- Team ----------- */

#right_boxes img.william_name {
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 80px;
}

#right_boxes ul {
    list-style: none;
    color: white;
}

#right_boxes li {
    margin-left: 10px;
    margin-bottom: 6px;
}

#left_info p.job_title {
    color: #939496;
    font-size: 11px;
    margin-top: 10px;
    margin-left: 25px;
    margin-bottom: 25px;
}

#left_info p.name {
    font-size: 16px;
    margin-left: 25px;
    margin-bottom: 10px;
}

#left_info p.responsibilities {
    margin-left: 25px;
    color: #939495;
    margin-right: 40px;
    margin-bottom: 10px;
}

#left_info p.bio {
    margin-left: 25px;
    margin-right: 15px;
    margin-bottom: 30px;
}

#left_info p.dedication {
	bottom:12px;
	left:15px;
	position:absolute;
}

#left_info span.big_dedication {
	font-size: 14px ! important;
}

#left_info p.dedication, #left_info p.dedication a {
  
    /*margin-bottom: 50px;*/
	color: #783930;
}
/*--------- Clients ---------- */

#left_info ul   {
    list-style: none;
    float: left;
    line-height: 10px
}

#left_info li {
    margin-bottom: 6px;
	font-size: 10.5px
}

#left_info li.double_line {
	line-height: 12px;
}

#left_info ul.client_list_1 {
    margin-left: 25px;
    width: 115px;
}

#left_info ul.client_list_2{
    margin-left: 18px;
    margin-right: 15px;
}

/*---------- Team ------------- */

.personal_projects {
    color: white;
    margin-left: 15px;
}

/*---------- Services ---------- */

#left_area.grey_back {
    background: #ECECEC;
}

#left_area ul {
    float: left;
}

#left_area ul.service_list_1 {
    margin-left: 25px;
    list-style: none;
    color: #504B49;
    width: 240px;
    line-height: 12px;
}

#left_area ul.service_list_2{
    margin-left: 40px;
    list-style: none;
    color: #504B49;
    width: 240px;
    line-height: 12px;
}

#left_area ul.service_list_1 li, #left_area ul.service_list_2 li {
    margin-bottom: 15px;
}

#left_area span.service_name{
    color: #783830;
	display:block;
	margin-bottom:-9px;
}

#left_area p.service_pages {
	letter-spacing:5px;
	margin-top:225px;
	position:absolute;
	right:15px;
}

#left_area p.service_pages a.none {
	color: inherit;
}

#left_area p.service_pages a.selected {
	color: #783930;
}


.contact_notice {
    position:absolute;
    color:#FF0000;
    font-size:12px;
    left:115px;
    position:absolute;
    top:20px;
}

span.thankyou {
     color: #504B49;
     font-size: 12px;
     margin-right: 130px;
}

.contact_link {
    left:25px;
    position:absolute;
    top:308px;

}