html {
	padding:0;
	margin:0;
}

body {
	margin:0;
	padding:o;
	background:#211E1B url(../images/bg_main.jpg) right top no-repeat;
	background-attachment:fixed;
	font-size: 85%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color:#ffffff;
}

#container {
	width:100%;
	height:100%;
}

#content {
	padding:100px 0 0 100px;
	width:750px;
}

.text {
	width:730px;
	margin: 0 0 50px;
}

h1 {
	width:464px;
	height:70px;
	background:url(../images/title.png) top left no-repeat;
	padding:0;
	margin:0 0 25px;
}

h1 span {
	display:none;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.5em;
	font-weight:normal;
	padding:0;
	margin:0 0 25px;
}

p {
	font-size:1em;
	line-height:1.5em;
	padding:0;
	margin:0 0 1em;
}

p:last-child {
	margin:0;
}

#recentWork {
	margin:0 0 50px;
	overflow:hidden;
}

#recentWork a, #prevLink, #nextLink {
	border:none!important;
}

.recentWork_item {
	width:210px;
	height:210px;
	background:#ffffff;
	padding:10px;
	margin:0 20px 20px 0;
	float:left;
}

#contact {
	overflow:hidden;
}

a, a:active {
	color:#C7DB00;
	text-decoration:none;
	border-bottom:1px dotted;
}

a:hover {
	border-bottom:1px solid;
}

a:visited {
	/* color:#dedede; */
}

.hidden {
	display:none;
}

.resume {
	background:url(../images/icon_resume.png) left 3px no-repeat;
	padding:2px 0 5px 20px;
	margin:25px 0 0;
}


.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

img.justin {
	background:#ffffff;
	padding: 5px;
	margin: 0 0 5px 15px;	max-width:150px;
}

a img {
	border:none!important;
}


/* form */

#contact {
	margin:0 0 25px 0;
}

form {
	padding:0;
	margin:0;
}

#form_contact {
	
}

#form_contact input {
	font-size:1.5em;
	margin:0;
	padding:5px;
	border:1px solid #dedede;
	color:#676767;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:#efefef url(../images/shadow_input.png) top repeat-x;
}

#form_contact textarea {
	margin:0;
	padding:5px;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#676767;
	background:#efefef url(../images/shadow_input.png) top repeat-x;
	border:1px solid #dedede;
}

#form_contact td {
	vertical-align:top;
	padding:5px;
}

#form_contact .form_label {
	padding-top:25px;
}

.button {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#C7DB00 url(../images/bg_button.png) 0 0 repeat-x;
	border:1px solid #C7DB00;
	width:100px;
	height:35px;
	font-size:1.25em;
	text-shadow:#F5F9BF 0 1px 0;
	margin:0;
	color:#393C34;
	padding:0;
	cursor:pointer;
	
	border-radius:4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.fieldRequired {
	font-size:.9em;
	color:#ededed;
}

#form_contact_thanks {
	height:463px;
}

/* Pop Ups */

.popUp {
	z-index:102;
	background:#fff;
	color:#393C34;
	display:none;
	
	box-shadow: 0 0 11px #333;
	-moz-box-shadow: 0 0 11px #333;
	-webkit-box-shadow: 0 0 11px #333;
	
	border-radius:7px; /* Keep all 3 declartions to make up for poor IE9 rendering */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.popUp h3 {
	font-family:Georgia, Times, 'Times New Roman', serif;
	color:#393C34;
	font-weight:normal;
	font-size:1.75em;
	border-bottom:1px solid #ddd;
	margin:0 0 1em;
	padding:0;
}

a.popUp_close {
	float:right;
	border:none;
	color:#393C34;
	text-decoration:none;
	font-size:.9em;
	padding:0 18px 0 0;
	background:url(../images/btn_close.png) right center no-repeat;
}

a.popUp_close:hover {
	color:#393C34;
	text-decoration:underline;
}

.popUp a {
	color:#393C34;
	border:none;
}

.popUp img {
	max-width:100%;
	margin:0 0 1em;
}

/* */

.img_work_lrg {
	border:1px solid #dedede;
}

.extLink {
	background:url(../images/icon_extLink.png) right no-repeat;
	padding:0 15px 0 0;
	font-size:1em;
}

a.extLink:hover {
	text-decoration:underline;
}

#form_contact_subject {
	display:none;
	visibility:hidden;
}

ul.list_form {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.list_form li {
	margin:0 0 25px;
}

ul.list_form li label {
	float:left;
	margin:0 15px 0 0;
	width:75px;
	text-align:right;
	line-height:2em;
}

ul.list_form li button.button {
	margin-left:90px;
}

@media only screen and (max-device-width: 480px), only screen and (max-width: 480px){

	body {
		background:#211E1B url(../images/bg_main.jpg) 0 0 no-repeat;
		font-size:100%;
	}
	
	h1 {
		width:100%;
		padding:0;
		margin:0;
		background-image:url(../images/title_sml.png);
		min-height:120px;
	}
	
	p {
		
	}
	
	#container {
		width:100%;
		margin:0;
		padding:0;
	}
	
	#content {
		width:90%;
		margin:0;
		padding:5%;
	}

	img.justin {
		display:none;
	}
	
	.text {
		margin:0 0 25px;
		padding:0;
		width:100%;
	}
	
	#recentWork {
		margin:0 0 25px;
		padding:0;
		width:100%;
	}
	
	.recentWork_item {
		width:38%;
		height:100%;
		padding:3%;
		margin:3%;
	}
	
	.recentWork_item img {
		width:100%;
	}
	
	ul.list_form li label {
		float:none;
		padding:0;
		margin:0 15px 0 0;
		width:100%;
		text-align:right;
		line-height:1.8em;
	}
	
	ul.list_form li input, ul.list_form li textarea {
		width:100%;
	}
	
	ul.list_form li button.button {
		margin:0;
	}
	
	.modal {
		width:80%;
		padding:5%;
		margin:0;
	}
	
	.modal img {
		width:100%;
	}
	
	.modal p {
		text-shadow:none;
	}

}