/* 
CSS DOCUMENT

Theme Name: Manhattan Construction
Theme URI: http://www.manhattanconstructiongroup.com/
Description: Site design for Manhattan Construction Group
Version: 0.01
Author: Walsh Barnes Interactive
Author URI: http://www.walshbarnes.com/

*
* Made for Manhattan Construction Group.
* Created by Walsh Barnes Interactive.
* http://www.walshbarnes.com
* All Rights Reserved.
*
* Ver 0.01 (Beta)
* Created on 02/01/2011
*
_______________________
UNIVERSAL STYLES */
html { background: #FFFFFF; }
body { background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; color: #666666; } 

a, .content a { color: #005395; text-decoration: none; }
a:visited, .content a:visited { color: #005395; }
a:hover, .content a:hover { color: #F79239; } 

.content table td { vertical-align: top; }
/* 
_______________________
STRUCTURE */
#wrap { background: url(images/bg_wrap.gif) left top repeat-y; width: 980px; margin: 0 auto; padding: 0 1px; }
#header {  }
#middle_container { background: #FFFFFF url(images/bg_middle.jpg) left bottom repeat-x; min-height: 340px; padding: 30px 0; }
#middle { background: url(images/img_gray-pixel.gif) 160px top repeat-y; }
#footer { background: #277CCD url(images/bg_footer.gif) left bottom repeat-x; border: 1px solid #D7D7D7; border-left: 0; border-right: 0; padding: 20px 20px; }
/*
________________________
CONTENT */
#logo { padding: 20px 0; }
#logo p { padding: 0; margin: 0; }
#nav { background: url(images/bg_nav.gif) left bottom no-repeat; padding: 0 50px 60px 50px; }
#nav-rhi { background: url(images/bg_nav_rhi.gif) left bottom no-repeat; width: 980px; height: 76px; }

/* home top */
#header_home { position: relative; height: 400px; }
#logo_home { position: absolute; top: 210px; left: 0; width: 980px; text-align: right; z-index: 5; }
#nav_home { background: url(images/bg_nav-home.gif) left bottom no-repeat; position: absolute; top: 325px; left: 0; padding: 30px 0px 60px 100px; width: 880px; }

#footer-slogan { background: url(images/bg_footer-text.gif) left top no-repeat; float: left; height: 30px; width: 264px; }
#footer-copyright { float: right; color: #FFF; font-size: 90%; padding-top: 5px }
#footer-copyright td { vertical-align: middle; }
#footer-copyright ul { float: right; padding: 0; margin: 0; margin: 0 5px 0 5px; border-left: 1px solid #FFFFFF; }
#footer-copyright ul li { padding: 0; margin: 0; display: inline; list-style: none; }
#footer-copyright ul li a { padding: 0 5px 0 4px; border-right: 1px solid #FFFFFF; color: #FFF; }
#footer-copyright input[type=text] { border: 0; background: url(images/bg_search.gif) left top no-repeat; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 19px; height: 19px; outline: none; width: 100px; padding: 0 12px; }

#sidenav { float: left; width: 120px;/* border-right: 1px solid #D7D7D7; */ padding: 50px 0 40px 40px; }
#subnav { float: left; width: 120px; padding: 0px 40px 0 40px; }
/* for 3 column with sidenav/text_column_1/right_column */
#text_column_1 { float: left; width: 500px; padding: 0 40px; }
/* for 3 column with sidenav/subnav/text_column_2 */
#text_column_2 { float: left; width: 580px; }
#text_column_2-3 { float: left; width: 340px; padding: 0 40px 0 0; }
/* for 2 column with sidenav/text_column_3 */
#text_column_3 {  }
#text_column_4 { float: left; width: 200px; padding: 0 40px; }
#text_column_5 { float: left; width: 500px; }
#right_column { float: left; width: 200px; }

.breadcrumbs { font-size: 90%; font-style: italic; padding: 10px 0; }

/* PROJECT TEMPLATE */
#project_thumb_list {  }
#project_thumb_list ul { margin: 0; padding: 0; }
#project_thumb_list ul li { margin: 0; padding: 0; display: inline; float: left; width: 165px; height: 165px; overflow: hidden; position: relative; }
#project_thumb_list ul li .project_click { position: absolute; top: 0; left: 0; width:165px; height: 165px; overflow: hidden; }
#project_thumb_list ul li .project_thumbnail { width: 165px; height: 165px; overflow: hidden; }
#project_thumb_list ul li .project_thumb_details { background: #EA6C26; color: #FFFFFF; padding: 20px; width: 125px; height: 125px; overflow: hidden; display: none; }
#project_thumb_list ul li.over .project_thumbnail { display: none; }
#project_thumb_list ul li.over .project_thumb_details { display: block; }
.project_thumb_details p { padding: 0 0 20px 0; margin: 0; line-height: 120% !Important; }
p.project_name { font-weight: bold; }
p.project_location { font-style: italic; }

#pagination table{ width: 495px; border: 0; padding: 0; margin: 0; }
#pagination table td { background: #2A80D2; color: #FFFFFF; padding: 3px 10px!important; margin: 0!important; border: 0!important; text-align: center!important; }
#page_back { width: 80px; }
#page_list a { padding: 0 3px; }
#page_next { width: 80px; }
#pagination table td a { color: #FFFFFF; }
#pagination table td a:hover { color: #FCB813; }
#pagination table td a.active { text-decoration: underline; }

#type_list, #location_list, #featured_list { display: none; }

.content h2.project_name { padding: 10px 0 0 0; margin: 0; }
.content h4.project_location {  }
#project_description_image { padding: 10px 0; }
#project_description_links a { padding: 0 6px; font-size: 90%; }
#project_description_text { padding: 10px 0; }

.navigation { clear: both; padding: 12px 0; }
.alignleft { float: left; }
.alignleft img { padding-right: 12px; padding-bottom: 8px; }
.alignright { float: right; }
.alignright img { padding-left: 12px; padding-bottom: 8px; }
 /*
________________________
ROTATOR */
#rotator { background: #102D4F; position: absolute; top: 0; left: 0; height: 325px; width: 980px; }
#rotator div { z-index: 2; position:absolute; top:0; left:0; }
#rotator div.active { z-index:4; }
#rotator div.last-active { z-index:1; }
#rotator2 { position: absolute; top: 0; left: 0; width: 980px; text-align: left; z-index: 10; }
#rotator2 div { z-index: 1; position:absolute; top:210px; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; display: none; }
#rotator2 div.active { z-index: 9!important; filter:alpha(opacity=100); -moz-opacity:100; -khtml-opacity: 100; opacity: 100; display: block; }
#rotator2 div.last-active { z-index:1; }

#rotator_btns { position: absolute; top: 296px; left: 0px; z-index: 5; padding: 0 50px; width: 880px; }
#rotator_btns a { color: #FFFFFF; float: left; display: block; line-height: 29px; text-decoration: none; padding-right: 35px; }
#rotator_btns a.active { color: #FCB813; }
/*
________________________
NAVIGATION */
#nav {  }
#nav ul, #nav_home ul { margin: 0; padding: 0; }
#nav ul li, #nav_home ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#nav ul li.seperator, #nav_home ul li.seperator {  }
#nav ul li a, #nav_home ul li a { padding: 5px 6px; font-size: 11px; color: #666666; text-decoration: none; }
#nav ul li.current_page_ancestor a, #nav_home ul li.current_page_ancestor a, #nav ul li.current_page_item a, #nav_home ul li.current_page_item a { color: #2A80D2; font-weight: bold; }
#nav ul li a:hover, #nav_home ul li a:hover { color: #2A80D2; }
#nav ul li.page-item-53, #nav_home ul li.page-item-53 { border-right: 1px solid #D7D7D7; margin-right: 6px; padding: 8px 6px 8px 0; }

#sidenav, #subnav {  }
#sidenav ul, #subnav ul, #text_column_4 ul { padding: 0; margin: 0; }
#sidenav ul li, #subnav ul li, #text_column_4 ul li { padding: 0; margin: 0; list-style: none; }
#sidenav ul li a, #subnav ul li a, #text_column_4 ul li a { padding: 4px 0; margin: 0; text-decoration: none; color: #666666; font-size: 100%; line-height: 120%; }
#text_column_4 ul#featured_list li a { display: block; padding: 6px 0; }
#sidenav ul li a:hover, #subnav ul li a:hover, #text_column_4 ul li a:hover { color: #222222; }
#text_column_4 ul li a { font-size: 100%; line-height: 120%; }
#sidenav ul li.current_page_item a, #sidenav ul li.current_page_ancestor a, 
#subnav ul li.current_page_item a, #subnav ul li.current_page_ancestor a, 
#text_column_4 ul li.active a { color: #2A80D2; font-weight: bold; }
/*
________________________
TEXT */
.content { font-size: 110%; line-height: 180%; }

.content h2 { color: #2A80D2; font-family: "Times New Roman", Times, serif; font-size: 180%; line-height: 140%; margin: 0; padding: 10px 0; font-weight: normal; }
.content h3, .content h4, .content h5 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 130%; line-height: 150%; margin: 0; padding: 6px 0; font-weight: normal; }
.content h5 { font-size: 100%; font-style: italic; }

.news-listing { line-height: 140%; }
.news-listing h4 { font-size: 110%; line-height: 140%; margin: 0; padding: 12px 0 0 0; }

.button_select, a.button_select, .projects-links a { background: #2A80D2 url(images/img_arrow.gif) right center no-repeat; cursor: pointer; display: block!Important; color: #FFFFFF!Important; font-size: 100%; padding: 3px 8px!Important; margin: 20px 0 5px 0!Important; line-height: 140%!Important; }
a.button_select:hover,  .projects-links a:hover { color: #FFFFFF; }

/*
________________________
CLEARS */
.clear { clear: both; }
#header:after, #middle:after, #project_thumb_list:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*
________________________
END */

#text_column_4 .sociable li {
	padding: 3px;
}

#text_column_4 .sociable li a {
	padding: 0;	
}

#featured_list_click {
	margin-top: 40px !important;	
}

.st_plusone_buttons {float:right;padding-top:20px;}
.sociable {float:left;width:50%;}

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