@charset "utf-8";


/* General
============================================================================= */

html,body,div,p,ul,ol,li,h1,h2,h3,h4,form,p,button,img {
  margin: 0; padding: 0; border: 0;}

body {
	font-size: 14px;
	font-family: Trebuchet MS,Arial,Helvetica,Sans-serif;
	color:#8c8f84;
	background: #ffffff url(../images/header/background_top.jpg) center top no-repeat;
	}

ul,li { list-style-type: none; }

hr {margin: 0; padding: 0; width: 875px; height: 1px; 
	background-color:#e4e4e4; border:none;}

p {padding-top: 10px;}

/* Links
============================================================================= */

a:link, a:visited {color:#5c6c73; text-decoration:none;}
a:hover, a:active {color:#9ea195; text-decoration:none;}


/* Headings
============================================================================= */

h1 {margin: 62px 0 0 0; clear:both;}

h2 {font-size: 16px; }

h3 {
	font-size: 14px;
	color:#717b80; 
	margin:0 0 15px 0;
	text-transform: uppercase;
	}

	
/* Wrapper
============================================================================= */

#wrapper {width: 956px;	margin: 0 auto;}

/* Masthead
============================================================================= */	

#masthead {width: 885px; height: 110px; margin: 0 auto;}

  #masthead_contact {width: 885px; height: 91px; margin: 0 auto;}
	

/* Contact Image
============================================================================= */

  #hire-cont {position: absolute; margin: 1px 0 0 676px; padding: 0;}
  
	
/* Navigation
============================================================================= */

#navigation {width: 500px; margin: 60px 0 0px 0; padding: 0;
	font-size:19px; color:#2e4d60;}


	ul#navigation {height: 30px;}
		
	ul#navigation li {padding-right: 30px; float: left;}
	
	a.current {color:#8c715c;}
	
	ul#navigation li a {cursor:pointer; display: block; height: 30px;}
	

/* Slogan
============================================================================= */

#slogan, #contact_slogan {
	position: absolute; margin: 0 auto;}
	
  #slogan {padding: 0 0 104px 160px;}

  #port_slogan {position: absolute; margin: -180px 0 0 480px;}

  #contact_slogan {margin: 1px 0 0 374px;}
	
.mrecent {
	position: absolute;
	margin-top: 70px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 800px;
}

/* Content
============================================================================= */

#main-content, #main-portfolio {width: 885px; margin: 0 auto;}

  #main-content {
	padding-top: 70px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
			
  #main-portfolio {padding: 230px 0 80px 0;}


#main-contact {width: 905px; margin: 0 auto; padding: 26px 0 20px 0;}

	#main-contact h2 {margin: 0 0 30px 0;}


/* Page Extras
============================================================================= */

.desc {padding-top: 20px;}

#more {margin: 0 auto; padding: 20px 47px 90px 393px;}


/* Styling Post
============================================================================= */

.work_ex {
	clear:both;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}


/* Image Style
============================================================================= */	

  .work_ex img {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 815;
}
	
		
  .pic, .pic a:link, .pic a:visited {
		border-style: solid; 
		border-width: 4px; 
		border-color: #bbc0b1; 
		}	
			
  a:hover .pic {
		border-style: solid; 
		border-width: 4px; 
		border-color: #717b80; 
		}

		
/* Image Positions
============================================================================= */	
			
  .work_ex_left {width: 443px; float:left; padding: 0 26px 0 0;}
		
  .work_ex_right {width: 442px; float: right; padding: -10 0 0 0;}
	 

/* Contant Form
============================================================================= */	

#content .main { width: 905px; margin: 0 auto auto; padding-left: 5px; }
#content .text { width: 560px; float: left; padding-left: 5px; }
#content .sidetext { width: 200px; float: right; padding-right: 80px; }
#contact fieldset { border: 0; }
#contact form label, #contact form input { clear: both; }
#contact form label { display: block; margin: 0 0 10px 0; font-size: 20px; display: none; }

#contact form input, #contact form textarea { padding: 6px 12px 8px 12px;  width: 100%; border: 2px solid #E4E4E4; margin: 0 0 18px -16px; color: #7e8178;  font-family:Arial, Helvetica, sans-serif; font-size: 16px; }

#contact form textarea {  height: 170px; color: #7e8178;  border: 2px solid #E4E4E4; font-size: 17px; width: 93.7%; padding-top: 14px; } 

#contact form .send { width: 226px; background: #9e8068; border: 0; color: #fff; font-size: 18px; cursor: pointer !important; padding: 6px 12px 8px 16px; margin: 2px 0 18px -16px; text-align: left; }

#contact form .send:hover { background: #405156; cursor: pointer !important }


		


/* About Page
============================================================================= */

#about {width: 885px; margin: 0 auto; padding: 40px 30px 0 30px;}
	
  #about p {font-size:13px; color:#939393; line-height: 18px; padding: 0;}
  #about h3 {color:#a68f7e;}

  #about_spacer {margin: 3px 0 0 7px; clear:both;}

  #about_left {
	width: 75%;
	float: left;
	margin: 0 0 33px 0;
}
	
    #about_me {
	    width: 42%;
	    float:left;
	    padding: 0 30px 0 0;
	    margin: 0 0 0 0;
	    border-right: solid 1px #e3e3e3;
	    }
		
    #spec {
	width: 32%;
	float: right;
	margin: 0 50px 0 0;
	padding: 0 20px 13px 0;
	border-right: solid 1px #e3e3e3;
			}
	
	#about_right {
	width: 25%;
	float:right;
	margin: 0;
}
	
 	#up {float: right; margin: 40px 0 0 0;}
		

/* Footer
============================================================================= */
#footer {
	width: 885px;
	margin: 0 auto;
	padding: 30px 0 15px 0;
	clear: both;
	font-size: 12px;
	color:#9ea195;
	}
	
	
  .hover {color: #617f9f; text-decoration:none;}	
		
  #footer a:link, #footer a:visited {color: #617f9f; text-decoration:none;}
			
  #footer a:hover {color: #8094aa; text-decoration:none;}
	
  #footer p {padding: 0; text-align:center;}
	
  #footer_text {margin: 15px 0 0 0;}