@font-face {   
	font-family: 'DakotaRegular';
	src: url('fonts/dakotaregular.eot');
	src: local('dakotaregular'), url('fonts/dakotaregular.woff') format('woff'), url('fonts/dakotaregular.ttf') format('truetype'), url('fonts/dakotaregular.svg#webfontGR5iFenY') format('svg');
 
	}  

body {
	margin:0px;
	background:#fff;
	font-family: Copperplate, "Minion Pro", Georgia;
	font-weight:100;
	font-family:Tahoma, Geneva, sans-serif, "Times New Roman", Times, serif;
	font-weight:10;
	color:#2e2e2e;
}

a {
	color:#930;
	text-decoration:none;
	outline:none;
	
}

a img{
	outline:none;
	text-decoration:none;
	border:none;
}

h1 {
	font-size:28px;
	color:#AAA480;
	font-style: normal;
	font-weight:100;
	font-family:"DakotaRegular","Minion Pro", Georgia;
	
	
}


h2{
	font-size:18px;
	color:#AAA480;
	font-style: normal;
	font-weight:100;
	font-family:"DakotaRegular","Minion Pro", Georgia;
}

h3{
	font-size:16px;
	color:#156679;
	font-style: normal;
	font-weight:100;
	font-family:Tahoma, Geneva, sans-serif, "Times New Roman", Times, serif;
	margin:0px;
}

ul li {
	list-style:none;

}



#wrap {

	
}

#top{
	width:auto;
	height:111px;
	background: #999;
}

#topcontent {
	width:1024px;
	margin:0px auto;
}

#content {
	background:#FFF;
	width:1024px;
	margin:0 auto;
	
}


/*Sidebar*/
#staticcontent{
	width:372px;
	float:left;
	border-right:#333 solid 2px;
	
}

#logo{
	
}

#logo2{
	background:url('images/Logo_2.png');
	width:350px;
	height:150px;
}
#logo img{

	position:relative;	
}





#skills {
	width:359px;
	height:204px;
	padding:10px 10px 10px 0;
	margin:75px 0 0 0;
	background:#fff;
	border-top:#333 solid 2px;
}

.skillslist {
	padding-left:0px;
	margin-left:0px;
	

} 

.skillslist li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url('images/check_2.png') no-repeat scroll 10px top;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 0 5px 40px;
margin:0 0 5px 0;
}

#skillsleft {
	float:left;
	padding-left:0px;
	margin-left:0px;
	
	
}

#skillsright {
	float:right;
	margin:15px 20px 0 0;
	padding-right:0px;
}

	

#dynamiccontent{
	float:left;
	width:650px;
	margin-top:-50px;
	margin-bottom:40px;

	
}

/*Scrolling*/

#scroll {
	position:relative;
	height:660px;
	overflow:hidden;
	width:650px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	top:-57px;
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;

}

.tool {
	float:left;
	width:650px;
	height:100%;
	background-repeat:no-repeat;
	background-position:0 -40px;
}


/*Nav*/
.navi{
	width:360px;
	height:50px;
	position:relative;
	display:inline-block;
	cursor:pointer;
	list-style:none;
	top:-64px;
	
}

.navi ul{
	width:370px;
	position:relative;
	display:inline-block;
	cursor:pointer;
	list-style:none;
	
}

.navi ul li{
	width:175px;
	height:50px;
	display:inline-block;
	position:relative;
}
.navi ul li a{
	outline:none;
}




#man a:hover {
	background:no-repeat url('images/button_man_h.png');
	width:175px;
	height:50px;
	display:inline-block;
}

#man a{
	background:no-repeat url('images/button_man.png');
	width:175px;
	height:50px;
	display:inline-block;
}

#portfolio_btn a:hover {
	background: no-repeat url('images/button_portfolio_h.png');
	width:175px;
	height:50px;
	display:inline-block;
}

#portfolio_btn a{
	background: no-repeat url('images/button_portfolio.png');
	width:175px;
	height:50px;
	display:inline-block;
}




/*Portfoilo Page*/

#blurb{
	width:600px;
	height:204px;
	padding:10px 10px 10px 20px;
	margin-top:-30px;
}
#blurb p{
	font-size:20px;
	text-align:justify;
}

#featured{
	background:#fff;
	width:630px;
	height:304px;
	padding:60px 10px 10px 10px;
}

#featured a img{
	border:#000 solid 1px;
	margin:11px;
}

.picwrap{
	background:#FFF;
	width:324px;
	height:224px;

}

#portfolio{
	background:#FFF;
	width:630px;

	padding:10px;
}

#portfolio ul{
	list-style:none;
	padding:0px;
	margin:10px;
}

#portfolio ul li {
	list-style:none;
	display:inline;
	padding:0px;
	margin:0px;
}

 
#portfolio ul li a img{
	padding:0px;
	margin:5px 10px 10px 5px;
}

#works{
	background:#fff;
	width:630px;

	padding:10px;
}

#footer{
	width:1024px;
	clear:both;
	border-top:#333 solid 2px;
}

#contact{
	background:#FFF;
	width:620px;
	padding:10px 0 0 30px;
	margin:20px 0 30px 0;
	float:right;
	border-left:#333 solid 2px;
}

#contact_form {
	float:right;
	width:400px;
}

#info_list{
	float:left;
	width:195px;
	padding:0px;
	margin:0px;
}

#featured_info {
	width:290px;
	float:left;
	text-align:justify;
}
	
/*#contactinfo {
	margin:0px;
	padding:0px;
}
#contactinfo li{
	list-style:none;
	background:url('images/button.png');
	width:120px;
	height:50px;
	display:inline-block;

}
*/

#contactinfo {
	margin:50px 0 0 0;
	padding:0px;
}

/*form*/
#form {
	width:400px;
	float:right;
}

value {
	color:#666;
}


#submit_btn {
	background:no-repeat url('images/submit_btn.png') ;
	display:inline-block;
	width:115px;
	height:50px;
	cursor:pointer;
	outline:none;
	border:none;
	float:right;
}

#submit_btn:hover {
	background:no-repeat url('images/submit_btn_h.png') ;
	display:inline-block;
	width:115px;
	height:50px;
}

#facebook {
	display:inline-block;}
	
#facebook a{
	background:no-repeat url('images/facebook.png') ;
	list-style:none;
	display:inline-block;
	width:115px;
	height:50px;
	cursor:pointer;
	outline:none;

}

#facebook a:hover {
	background:no-repeat url('images/facebook_h.png') ;
	list-style:none;
	display:inline-block;
	width:115px;
	height:50px;
}


#linkedin {
	display:inline-block;}
	

#linkedin a{
	background:no-repeat url('images/linkedin.png') ;
	list-style:none;
	display:inline-block;
	width:115px;
	height:50px;
	cursor:pointer;
	outline:none;
}

#linkedin a:hover{
	background:no-repeat url('images/linkedin_h.png') ;
	list-style:none;
	display:inline-block;
	width:115px;
	height:50px;
	cursor:pointer;
}

#resume {
	display:inline-block;
}
	
#resume a{
	background:no-repeat url('images/resume.png') ;
	list-style:none;
	display:inline-block;
	width:115px;
	height:50px;
	cursor:pointer;
	outline:none;
}

#resume a:hover {
	background:no-repeat url('images/resume_h.png') ;
	list-style:none;
	display:inline-block;
	width:115px;
	height:50px;
	cursor:pointer;
}

#contactinfo li a{	
}

#contactme {
	width:120px;
	float:left;
}

.email{
	font-size:14px;
}

.message{
	font-size:14px;
}

.thanks {
	color:#156679;
	margin-top:0px;
}
#raweb {
	float:left;
	width:250px;
	margin:50px 0px 0 70px;
	
	
}

.error {
	font-size:12px;
	color:#980E03;
	padding:0 0 0 15px;
}

.jqTransformInputWrapper {
	float:left;
}

table.jqTransformTextarea .jqTransformSafariTextarea div {
	
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	position: absolute;
	top: 0px;
	left: 195px;
	padding: 10px 10px 10px 10px;
	resize: none;
}

jqTransformTextarea{
margin: -10px 0 0 0;
padding: 0;
border: 0;
}

#jqTransformTextarea-tl
{
	display:none;
}

#jqTransformTextarea-tm
{
	display:none;
}

#jqTransformTextarea-tr
{
	display:none;
}


#jqTransformTextarea-ml{
	display:none;
}

/* the thumbnails */
#wrapper {
	width:630px;
	height:100%;
	top:0;left:0;
	background-color:#fff;
	overflow:hidden;
	float:right;
}

	#mask {
		width:500%;
		height:100%;
		background-color:#fff;
	}

	.item {
		width:20%;
		height:100%;
		float:left;
		background-color:#fff;
	}
	
	
	.content {
		width:630px;
		height:100%;
		top:20%;
		margin:0 auto;
		background-color:#fff;
		position:relative;
	}
	
	.selected {
		background:#fff;
		font-weight:700;
	}

	.clear {
		clear:both;
	}
	
	.message-box, ok {
		color: #156679;
	}