/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Navigation
  Headings
  Content Area
  Forms
  Clear
  Footer



/* ---------- @ HTML Elements -----------*/


body, html {	
	color:#666;
	background: #CCC;
	min-height:101%;
	padding-top: 10px;
}

body, input, textarea, select {	
	font-family: Verdana,Arial
}

* { 
	margin: 0px;
	padding: 0px;
	border: none
} 

p {	
	margin: 15px 0px;
}
		
#content a, #content  a:visited {	
	color: #707070;
	border-bottom:1px dotted #707070;
	text-decoration:none
}

#content a:hover, #content  a:active {	
	color:#000;
	border-bottom:1px dotted #707070;
}

*:focus { 
	outline: none 
}

small {
	color:#999999;
	font-size:10px;
	line-height:100%;
	}

blockquote {
	font-style:italic;
	padding: 0 15px;
	}


		

/* ---------- @ Page Structure -----------*/


#wrapper {
	margin: 0 auto;
	font-size: 11px ! important;
	width: 813px;
	border:1px solid #666666;
	margin-bottom:3px;
	background:#FFF;
	padding-bottom:0;
   }

#home #wrapper {
	height:508px;
	background: #FFF;
	}

#masthead {
	background: url(/images/bg_masthead.png);
	height: 146px;
}
		   
h1#logo {
	width: 151px;
	background: url(/images/logo.png);
	height: 146px;
	text-indent:-9000px;
}

.left {	
	float:left;
}

.right {	
	float:right
}


	

/* ---------- @ Navigation -----------*/

#nav {
	margin:2px 0px 2px 2px;
	}

#nav li {
	list-style:none;
	margin-bottom:1px;
	border-bottom:1px solid #FFF;
}

#nav a, #nav a.visited {
	display:block;
	background:#bbbdc0;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px;
	font-size:11px ! important;
	text-decoration:none;
	border-bottom:0;
}

#nav a:hover, #nav a:active {
	background:#858789;
	}

#nav a.nav-work:hover, #work a.nav-work {
	background:#f7941d
	}

#nav a.nav-company:hover, #company a.nav-company {
	background:#99cc33
	}

#nav a.nav-news:hover, #news a.nav-news {
	background:#33cccc;
	}
		
#nav a.nav-contact:hover, #contact a.nav-contact {
	background:#663300;
	}

#nav a.nav-home:hover {
	background:#cc6600;
	}

#nav a.nav-construction:hover, #construction a.nav-construction {
	background:#f4dc0d;
	}

#nav a.nav-graphicdesign:hover, #graphicdesign a.nav-graphicdesign {
	background:#fa3c7f;
	}
		
#home #nav {
	}



/*Hide Menus*/

#work #subnav-company, #work #subnav-news, #company #subnav-work,  
#contact #subnav-news, #company #subnav-news,
#construction #subnav-work, #construction #subnav-company, #construction #subnav-news,
#graphicdesign #subnav-work, #graphicdesign #subnav-company, #graphicdesign #subnav-news,
#news #subnav-work, #news #subnav-company, #contact #subnav-company, #contact #subnav-work, 
#work #subnav-construction, #graphicdesign #subnav-construction, #company #subnav-construction, 
#news #subnav-construction, #contact #subnav-construction, 
#work #subnav-graphicdesign, 
#architecture #subnav-graphicdesign, 
#construction #subnav-graphicdesign, 
#company #subnav-graphicdesign, 
#news #subnav-graphicdesign, 
#contact #subnav-graphicdesign  {
	display:none
	}
	
	
 /* Subnav Styles */
 
#nav ul li a, #nav ul li a:visited {
 	background:#FFF;
	text-transform:none;
	color:#bbbdc0;
	font-size:10px ! important;
	font-weight:normal;
	}

ul#subnav-work li a:hover, ul#subnav-work li.current_page_item a, 
ul#subnav-work li.current-cat a, ul#subnav-work li.current-cat a:visited, 
ul#subnav-work li.current_page_item a:visited {
	color: #f7941d;
	background:#FFF;
	}

ul#subnav-company li a:hover, ul#subnav-company li.current_page_item a, 
ul#subnav-company li.current_page_item a:visited {
	color: #99cc33;
	background:#FFF;
	}

ul#subnav-news li a:hover {
	background:#FFF;
	color:#33cccc;
	}


ul#subnav-construction li a:hover, ul#subnav-construction li.current-cat a, 
ul#subnav-construction li.current-cat a:visited {
	background:#FFF;
	color:#c9b507;
	}


ul#subnav-graphicdesign li a:hover, ul#subnav-graphicdesign li.current-cat a,
ul#subnav-graphicdesign li.current-cat a:visited {
	background:#FFF;
	color:#dd1f62;
	}



		
			
/* ---------- @ Headings -----------*/
	
h1 {
	width:330px;
	height:96px;
	background:url(/images/logo.gif);
	text-indent:-9000px;
	}

h2 {	
	font-size: 11px;
	color: #33cccc;
	text-transform:uppercase
	}

.news-item h2 {
	margin-bottom:-15px;
	}

#news .news-item h2 a, #news .news-item h2 a:visited {
	color:#33cccc;
	}

#news .news-item h2 a:hover, #news .news-item h2 a:active {
	color:#25a2a2;
	border:0;
	}

#construction .news-item h2 a, #construction .news-item h2 a:visited {
	color:#f4dc0d;
	}

#construction .news-item h2 a:hover, #construction .news-item h2 a:active {	
	color:#e2cc12;
	border:0;
	}

#graphicdesign .news-item h2 a, #graphicdesign .news-item h2 a:visited {
	color:#fa3c7f;
	}

#graphicdesign .news-item h2 a:hover, #graphicdesign .news-item h2 a:active {
	color:#db316d;
	border:0;
	}

#work .news-item h2 a, #work .news-item h2 a:visited {
	color:#f7941d;
	}

#work .news-item h2 a:hover, #work .news-item h2 a:active {
	color:#d7831e;
	border:0;
	}

#company .news-item h2 a, #company .news-item h2 a:visited {
	color:#99cc33;
	}

#company .news-item h2 a:hover, #company .news-item h2 a:active {
	color:#749B27;
	border:0;
	}
					
h2.title {
	color:#666
	}

#content h2 a, #content h2 a:visited {
	text-decoration:none;
	border:0;
	}
				
h3 {	
	font-size: 1.4em;
	border-bottom: 1px solid #ebebeb;
	padding-bottom:6px;
	margin-bottom:15px;
	}
	
h4 {	
	font-size: 1.2em;
	margin-bottom:-10px;
	}


/* ---------- @ Content Area -----------*/

/*Home*/

#home #sidebar {
	width:330px;
	float:left
	}

#home #content {
	height:322px;
	padding:0 25px;
	width:279px;
	}

#home p {
	margin:0;
	padding-top:12px;
	}

#featured {
	width:480px;
	float:right;
	padding:2px 1px 0 0
	}

#featured img {
	margin-bottom:2px;
	}	
	
	
		
/*Interior*/

.interior #sidebar {
	width:145px;
	}
	
#content {
	width:280px;
	padding: 13px 0px 0px 24px;
       }

.archive #content {
	width:600px;
	}
		
#home p, #content {
  line-height:145%;
  text-align: justify;
     }		

#pagepic {
	width:336px;
	margin:0
	}
	
#contact span {
	color:#984c01;
	display:block
	}
	

.news-thumb {
	width:85px;
	float:left;
	}

.news-thumb img {
	border:1px solid #333333
	}

#content .news-thumb a, #content .news-thumb a:visited {
	border:0
	}
		
.news-item {
	width:195px;
	float:left;
	margin-bottom:25px;
	}	

.archive .news-item {
	width:490px;
	}

#prevnext {
	padding:10px 0 20px 0;
	}
	
.pagination, #morecats {
	padding-bottom:30px;
	}

#morecats li {
	list-style:none;
	margin: 3px 0 3px 15px;
	}
	
		
	


/* Blog */

.entry .thickbox img {
	padding:0;
	}
	
.entry img {
	display:block;
	margin:15px 0;
	padding: 2px;
	border:1px solid #CCC	
	}

.entry {
	padding-bottom:25px;
	}	

.post ul {
	padding:15px 0;
	}

.post li {
	margin: 3px 0 3px 35px;
	}	
	
	
					
	
/* ---------- @ Forms -----------*/

#contactform input.button, .signupframe input.button {	
	background: #663300 !important;
	padding: 4px;
	margin: 0 2px 0 0;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	border:none ! important;
}

#contactform input.button:focus, .signupframe input.button:focus {	
	padding:4px;
	background: #663300 !important;
	border:none ! important;
}
		
#contactform input.button:hover, .signupframe input.button:hover {	
	background: #381c00 !important;
	color: #FFF;
	border:none ! important;
	padding:4px;
}

.field {
	background:#FFF !important;
	border:1px solid #bbbdc0;
	}

#signup {
	background: url(/images/bg_subscribe.gif) repeat-x bottom;
	padding-bottom:10px
	}
	
#signup .field {
	padding:3px;
	}	
	
#signup strong {
	font-size:.85em;
	text-transform:uppercase;
	color:#404040;
	padding-right:3px;
	}	
	
.button-subscribe {
	background:#CCC !important;
	text-transform:uppercase;
	font-weight:bold;
	font-size:.85em;
	color:#bf5727;
	padding:0;
	}

.button-subscribe:hover, .button-subscribe:focus {
	color:#994721;
	}
	

		
		

/*Clear*/

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

.clearfloat {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
/* End hide from IE-mac */




/* ---------- @ Footer -----------*/

#footer {
	background: url(/images/footer_home.gif);
	margin: 0 auto;
	width: 813px;
	border:1px solid #666666;
	height:34px;
   }

#company #footer {
	background: url(/images/footer_company.gif);
}

#contact #footer {
	background: url(/images/footer_contact.gif);
}

#news #footer {
	background: url(/images/footer_news.gif);
}

#work #footer {
	background: url(/images/footer_work.gif);
}

#construction #footer {
	background: url(/images/footer_construction.gif);
}

#graphicdesign #footer {
	background: url(/images/footer_graphicdesign.gif);
}

#icontact {
	margin: 0 auto;
	width: 813px;
	padding:10px 0;
	font-size:0.8em;
	background: url(/images/bg_subscribe.gif) repeat-x;
	margin-top:10px;
	}