/*
Theme Name: McDowell Construction
Theme URI: http://mcdowellsantafe.com/
Author: SFWDLLC
Author URI: http://santafewebdesign.com/


*/


body
{
	background-color : #e2edcc;
	margin : 0px;
	padding : 0px 0px 15px 0px;
	font-family : helvetica, verdana, sans-serif;
	font-size : 11px;
	color : #867963;
}

/* png fix for ie */
img, div, input { behavior: url("/iepngfix.htc") }

/* clear fix */

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

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#layout
{
	width : 904px;
	margin : 0px auto;
        padding : 10px;
}

#header
{
	margin : 0px;
}

#header_left
{
	float : left;
	width : 334px;
}

#header_right 
{
	float : left;
	width : 570px;
	padding-top : 75px;
}

#header_right a
{
	text-decoration : none;
	display : block;
	float : left;
}

#header_right a#about_link
{
	background-image : url(/images/about_off.gif);
	background-repeat : no-repeat;
	width : 132px;
	height : 25px;
}

#header_right a#about_link:hover
{
	background-image : url(/images/about_on.gif);
	background-repeat : no-repeat;
}

#header_right a#portfolio_link
{
	background-image : url(/images/portfolio_off.gif);
	background-repeat : no-repeat;
	width : 87px;
	height : 25px;
}

#header_right a#portfolio_link:hover
{
	background-image : url(/images/portfolio_on.gif);
	background-repeat : no-repeat;
}

#header_right a#green_link
{
	background-image : url(/images/green_con_off.gif);
	background-repeat : no-repeat;
	width : 159px;
	height : 25px;
}

#header_right a#green_link:hover
{
	background-image : url(/images/green_con_on.gif);
	background-repeat : no-repeat;
}

#header_right a#restoration_link
{
	background-image : url(/images/restoration_off.gif);
	background-repeat : no-repeat;
	width : 102px;
	height : 25px;
}

#header_right a#restoration_link:hover
{
	background-image : url(/images/restoration_on.gif);
	background-repeat : no-repeat;
}

#header_right a#services_link
{
	background-image : url(/images/services_off.gif);
	background-repeat : no-repeat;
	width : 102px;
	height : 25px;
}

#header_right a#services_link:hover
{
	background-image : url(/images/services_on.gif);
	background-repeat : no-repeat;
}

#header_right a#contact_link
{
	background-image : url(/images/contact_off.gif);
	background-repeat : no-repeat;
	width : 90px;
	height : 25px;
}

#header_right a#contact_link:hover
{
	background-image : url(/images/contact_on.gif);
	background-repeat : no-repeat;
}


#main_content
{
	margin : 0px;
	background-image : url(/images/content_bg.jpg);
	padding-right : 5px;
}


#footer
{
	background-image : url(/images/footer_bg.jpg);
	padding : 9px 0px 5px 9px;
	margin-top : 5px;
	width : 889px;
	border : 1px solid #867963;
}

#footer img
{
	padding-right : 6px;
}

#content
{
	float : right;
	width : 674px;
}

#sidebar
{
	float : left;
	width : 200px;
	padding-left : 15px;
	line-height : 20px;
}

#sidebar a {
	text-decoration: none;
	line-height: 20px;
	text-transform: uppercase;
	color: #c99727;
}


#page-nav {
padding-left : 20px;
margin : 0px;
}

#page-nav ul {
  padding : 0px;
  font-size: 12px;
}

#page-nav li {
	border-bottom : 0px !important;
	padding-left : 0px;
	color : #ccd267;
	list-style-type: circle;
	list-style-position: inside;
}

#page-nav {
	border-bottom : 0px !important;
	padding-left : 0px;
	color : #ccd267;
	list-style-type: circle !important;
	list-style-position: inside !important;
}


/* we start by hiding all nav items */
#page-nav li .page_item {
  display: none;
}

/* hide my parents childrens subnavs */
#page-nav .current_page_parent li ul li {
  display: none;
}

/* show my parents children */
#page-nav .current_page_parent li {
  display: block;
}

/* show me */
#page-nav .current_page_item {
  display: block;
}

/* show my children */
#page-nav .current_page_item ul li {
  display: block !important;
}

/* hide my childrens subnavs */
#page-nav .current_page_item ul li ul li {
  display: none !important;
}

/* show my ancestors children */
#page-nav .current_page_ancestor li {
  display: block;
}




#page-nav .page_item a {
	
	display : inline;
	padding : 0px;
        
}


#page-nav .page_item a:hover {
	display : inline;
	padding : 0px;
        color: #645b4f !important;
}

#page-nav .current_page_item a {
  color: #5e0a00!important;
  padding-left: 11.5px;
  font-size: 11px;
   
}

#page-nav ul li.page_item a:hover {
  color: #811146!important;
}

#page-nav ul li.page_item a {
  color : #867963!important;
  padding-left: 25px;  
  font-size : 11px;
}

#page-nav ul li.page_item a:hover {
   padding-left: 25px!important;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */