@charset "UTF-8";

#navhold1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 25px;
}

#navhold2 {
	width: 960px;
	margin: 0 auto;
}

#navhold3 {
	width: 100%;
	float: left;
	padding-top: 25px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #333;
}

#navmain {
	width: 200px;
	height: 400px;


}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	z-index: 1;
}
        
#content {
	width: 700px;
	padding-right: 0px;
	float: right;
	height: 100%;
	margin-bottom: 40px;
	
	font-size: 15px;
	font-weight: normal;
	color: #333;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
	line-height: 28px;
	text-align: justify;
	
	z-index: 100;

}
#work {
	margin: 20px 0px 20px 0px;
	height: 520px;

}

#work .project1 {
	margin: 0px 0px 25px 0px;
	float:left;
	width: 700px;
	height: 200px;
}

#work .project1 .largeimage {
	float: left;
	width: 200px;
	height: 200px;
}

#work .project1 .thumbs {
	float: left;
	width: 500px;
	height: 200px;

}

#work .project2 {
	margin: 0px 0px 25px 0px;
	float: left;
	width: 300px;
	height: 200px;
}

#work .project2 .largeimage {
	float: left;
	width: 200px;
	height: 200px;
}

#work .project2 .thumbs {
	float: left;
	width: 100px;
	height: 200px;
}

#work .space {
	margin: 0px 0px 25px 0px;
	float: left;
	width: 100px;
	height: 200px;
}

#about {

}

#contact{
	width:695px;
}

#contact_form_holder input, #contact_form_holder textarea { 
    width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */ 
    font-family: 'Lato', sans-serif;
    padding:5px;

}

#contact_form_holder textarea { 
    height:100px; /* i never liked small textareas, so make it 100px in height */ 
}
#send_message { 
    width:125px !important; /* the width of the submit button  */  
    height:30px;
    cursor:pointer;
    cursor:hand;
	font-family: 'Lato', sans-serif;
	font-size:16px
}

#cf_submit_p { text-align:left; } /* show the submit button aligned with the right side */

#name{
	width:95%;
	height:30px;
	font-family: 'Lato', sans-serif;
	font-size:18px
}

#email{
	width:100%;
	height:30px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
}

#subject {
	width:100%;
	height:30px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
}

#message {
	width:100%;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	height:180px;
	margin:0px;
	line-height:20px;
	resize: none;

}

.success {
	display: none;
	color: #044406;
	font-size:12px;
	padding-top: 5px;
}

.error {
	display: none;
	color: #D8000C;
	font-size:12px;
	padding-top: 5px;
}

#contact_form .row {
	width:50%;
	float: left;
	padding-bottom: 25px;
}

#contact_form .row .label {
	padding-bottom: 16px;
}


#links {
	
}


hr {
	border: none;
    background-color: #FF9300;
    color: #FF9300;
    height: 1px;
	margin: 20px 0px 20px 0px;
}

h1 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;	
}

h2 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #F00;
}

a:active {
	text-decoration: none;
	color: #000;
}

.anchor {
	padding-bottom: 25px;
}