button,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
header, footer, aside, nav, article, section, menu { display: block; }

/* ----------------------------------------------------------------------------------
	General Settings
---------------------------------------------------------------------------------- */
body {
	background: 		#f3efe0 url(../images/header_background2.png) repeat-x;
	font-family: 		"Helvetica Neue", Helvetica, sans-serif;
	min-width: 			1000px;
}

h2,h3,h4,h5 {
	font-family: 		"Droid Sans", Arial, sans-serif;
}

a {
	color: 				    #E86262;
	text-decoration: 	none;
}

a:hover {
	text-decoration: 		underline;
}

/* ----------------------------------------------------------------------------------
	Header
---------------------------------------------------------------------------------- */
#header {
	width: 				975px;
	float: 				left;
}


/* ----------------------------------------------------------------------------------
	Logo
---------------------------------------------------------------------------------- */
#logo {
	float: 				left;
}

#logo h1 a {
	display: 			block;
	background: 	transparent url(../images/logo4.png) no-repeat;	
	height: 			560px;
	width: 				391px;
}

#logo h1 a span {
	display: 			none;
}

#gunslinger {
  position:     absolute;
  margin:       -167px 0px 0px 350px;
  background:   url(../images/bill.png) no-repeat;
  height:       170px;
  width:        188px;
}

#gunslinger2 {
  position:     absolute;
  margin:       -180px 0px 0px 370px;
  background:   url(../images/gunslinger.png) no-repeat;
  height:       224px;
  width:        175px;
}

/* ----------------------------------------------------------------------------------
  Special Classes
---------------------------------------------------------------------------------- */
.special_heading {
	margin: 			5px 0px 10px 90px;
	display: 			block;
	width:        365px;
}


.mark {
	background-color: 	#fffaa0;
	padding:      0px 1px;
}

.mark_link {
  background-color:   #FAEBEB;
  padding:      1px 1px;
}

.mark_link:hover {
  background-color:   #F8D3D2;
  color:              #CC6666;
}

/* ----------------------------------------------------------------------------------
	Navigation
---------------------------------------------------------------------------------- */
#nav {
	float: 				right;
	margin: 			0px 20px 0px 0px;
}

#nav ul li {
	float: 				left;
}

#nav #blog span,
#nav #contact span,
#nav #work span,
#nav #team span {
	display: 			none;
}

#nav #blog a {
	background: 	url(../images/blog_tab.png) no-repeat 0px 0px;
	width: 				65px;
	height: 			39px;
	display: 			block;
}

#nav #blog a:hover {
	background: 	url(../images/blog_tab.png) no-repeat 0px -40px;
}


#nav #work a{
	background: 	url(../images/work_tab.png) no-repeat;
	width: 				65px;
	height: 			39px;
	display: 			block;
}

#nav #work a:hover {
	background: 	url(../images/work_tab.png) no-repeat 0px -40px;
}

#nav #contact a {
	background: 	url(../images/contact_tab.png) no-repeat;
	width: 				65px;
	height:				39px;
	display: 			block;
}

#nav #contact a:hover {
	background: 	url(../images/contact_tab.png) no-repeat 0px -40px;
}

#nav #team a {
	background: 	url(../images/the_team_tab.png) no-repeat;
	width: 				65px;
	height:				39px;
	display: 			block;
}

#nav #team a:hover {
	background: 		url(../images/the_team_tab.png) no-repeat 0px -40px;
}

/* ----------------------------------------------------------------------------------
	Content
---------------------------------------------------------------------------------- */
#content {
	clear: 				both;
	width: 				1000px;
	float: 				left;
}

#content_body_wrapper {
	float: 				          left;
	background-color: 	    #A6A28D;
	padding: 			          8px;
	width: 				          555px;
	margin: 			          -315px 0px 0px 60px;
	border-radius: 			    5px;
  -moz-border-radius: 	  5px;
  -webkit-border-radius: 	5px;
  border:                 1px solid #838070;
}

#content_body {
	float: 				          left;
	background-color: 	    #B9B7AC;
	padding: 			          10px;
}

/*body.blog #content_body_wrapper,
body.work #content_body_wrapper { 
  background-color: #A6A28D;
  border-color:     #5E5C50; 
}

body.blog #content_body,
body.work #content_body {
  background-color:       #B9B7AC;
}*/

body.work #content_body h3 {
	text-align: 		center;
	padding: 			  10px 0px;
	font: 				  "Tahoma", sans-serif;
	font-size: 			22px;
	font-weight: 		normal;
}


#content_body h2 {
	font-family: 		Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 			32px;
	color:          #31302A;
}

#content_body .article_header {
	padding: 			0px 0px 5px 0px;
}

#content_body .article_header span {
	font-family: 		Helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		italic;
	color: 				  #655b56;
	padding: 			  0px 0px 0px 5px;
}

#content_body p {
	font-family: 		"Helvetica Neue", Helvetica, sans-serif;
	font-size: 			15px;
	padding: 			  10px 15px 20px 10px;
	line-height: 		135%;
  color:          #413F37;
}

#content_body .post {
	padding: 			0px 0px 30px 0px;
}

/* ----------------------------------------------------------------------------------
	Sidebar
---------------------------------------------------------------------------------- */
#sidebar {
	float: 				left;
	width: 				350px;
}


.sidebar_content {
	text-align: 		                    center;
	margin: 			                      20px 0px 10px 15px;
}

.sidebar_content h2 {
	font-size: 			                    24px;
	font-weight: 		                    normal;
	color: 				                      #463731;
	color:                              #4C4A41;
	padding: 			                      7px;
	margin: 			                      0px 0px 15px -15px;
	background-color: 	                #fff;
	
	border-top-right-radius: 			      5px;
  border-bottom-right-radius: 		    5px;
  -moz-border-radius-topright: 		    5px;
  -moz-border-radius-bottomright: 	  5px;
  -webkit-border-top-right-radius: 	  5px;
  -webkit-border-bottom-right-radius: 5px;
  
  box-shadow:				 			            1px 1px 0px #CBB6AD;
  -moz-box-shadow:          			    1px 1px 0px #CBB6AD;
  -webkit-box-shadow:       			    1px 1px 0px #CBB6AD;
  text-shadow: 						            #f3efe0 -1px -1px 0px;
}




.sidebar_content p {
	font-size: 			                    13px;
	line-height: 		                    150%;
	color: 				                      #836C61;
	padding: 			                      10px 5px 10px 10px;
  background:                         #E8E7E3;
	margin: 			                      6px 0px 6px -15px;
	border-bottom: 		                  1px solid #C3C1B4;
	border-right: 		                  1px solid #C3C1B4;
	
	border-top-right-radius: 			      5px;
  border-bottom-right-radius: 		    5px;
  -moz-border-radius-topright: 		    5px;
  -moz-border-radius-bottomright: 	  5px;
  -webkit-border-top-right-radius: 	  5px;
  -webkit-border-bottom-right-radius: 5px;
}

.sidebar_content ul {
	margin: 			                      5px 0px 0px 0px;	
}

.sidebar_content li {
	text-align: 		                    left;
	padding: 			                      10px 5px 10px 10px;
	color:                              #836C61;
	line-height:                        130%;
	font-size: 			                    13px;
	font-style: 		                    italic;
	background:                         #E8E7E3;
	margin: 			                      6px 0px 10px -15px;
	border-bottom: 		                  1px solid #C3C1B4;
	border-right: 		                  1px solid #C3C1B4;
	overflow: 			                    hidden;
	
	border-top-right-radius: 			      5px;
  border-bottom-right-radius: 		    5px;
  -moz-border-radius-topright: 		    5px;
  -moz-border-radius-bottomright: 	  5px;
  -webkit-border-top-right-radius: 	  5px;
  -webkit-border-bottom-right-radius: 5px;
}

.web_services p,
.misc p {
  font-size: 			                    13px;
	line-height: 		                    150%;
	color: 				                      #836C61;
	padding: 			                      10px 5px 10px 10px;
	margin: 			                      0 0 0 0;
  border:                             none;
}

/* ----------------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------------- */
#footer {
	clear: 				both;
	padding: 			20px;
	font-size: 			12px;
	font-style: 		italic;
	color: 				#54453e;
	text-align: 		center;
}


/* ----------------------------------------------------------------------------------
	Portfolio
---------------------------------------------------------------------------------- */
#content_body li {	
	float: 				          left;
	margin: 			          0px 0px 25px 12px;
}

div.portfolio_piece {
	float: 				          left;
	width: 				          100%;
}

div.portfolio_image {
	float: 					        left;
	padding: 				        5px 5px;
	background: 			      #fff;
	border-radius: 			    5px;
  -moz-border-radius: 	  5px;
  -webkit-border-radius: 	5px;
  border: 				        1px solid #aaa;
  position: 				      relative;
}

div.portfolio_image img {
	width: 					        500px;
	height: 				        175px;
}

div.portfolio_image div.overlay {
	position: 			absolute;
	bottom: 				10px;
	right:          0;
	height:					20px;
	width: 					120px;
}

.overlay {  
  text-align:         center;
	background: 			  #000;
	opacity: 				    .8;
  padding: 				    2px 1px 2px 2px;
  border:             1px solid #222;  
  border-top-left-radius:             5px;
  -moz-border-radius-topleft:         5px;
  -webkit-border-top-left-radius:     5px;
  border-bottom-left-radius:          5px;
  -moz-border-radius-bottomleft:      5px;
  -webkit-border-bottom-left-radius:  5px;
}

.inner_list {
}


.inner_list li a {
  color: 					    #fff;
	text-decoration: 		none;
	font: 					    'Helvetica', sans-serif;
	font-size: 				  13px;
}


.inner_list li a:hover {
	color: 				  #aaa;
	background: 		#111;
}

#content_body p.read_about {
  float: 					                    left;
  width:                              485px;
  margin-left:                        1px;
  background-color:                   #E8E7E3;
  
  color:                              #836C61;
  font:                               13px "Helvetica", sans-serif;
  line-height:                        130%;
  

  border-bottom-left-radius: 			    5px;
  border-bottom-right-radius: 		    5px;
  
  -moz-border-radius-bottomright: 		5px;
  -moz-border-radius-bottomleft: 	    5px;
  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius:  5px;
  
}