@charset "utf-8";
/* CSS Document */



a:link {
	color: #fbaf37;
	text-decoration:none;

}

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

a:hover {
	color: #FFCC66;	
	
}

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



/*************************** HOME PAGE **********************************/

body	{
	
	margin: 0;
	
}

div#wrap {
	width: 100%;
	height:640px;
	position:absolute;
	margin:0 auto;
	text-align:center;
	z-index:2;
	cursor: normal;
	float: left;
	left: -1px;
}

div#header	{
	background-image: url(images/header.jpg);
	width: 750px;
	background-repeat: no-repeat;
	display: block;
	height: 308px;
	margin-right: auto;
	margin-left: auto;
}

div#container_main {
	float: left;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	padding: 0px;

	}
	
div#navi_main	{
	text-align: center;
	width: 724px;
	height: 22px;
	top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: visible;
	display: block;
}
	
welcome {
	width: 1024px;
	height: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EA3F2E;
}

#welcome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E6442F;
	display: block;
	height: 300px;
	width: 705px;
	z-index: 3;
	background-image: url(images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	margin: 0 auto;
}

#recentevents {
	width: 345px;
	display: block;
	margin-left: 5px;
	position: relative;
	float: left;

}
#services {

}

.text	{
	text-indent: 10px;
	text-align: left;
	line-height: 20px;
	padding-top: 10px;
	width: 340px;
	padding-right: 5px;
	padding-left: 5px;
}
#footer {
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	z-index: 1;
	margin-top: -100px;
	background-color: #EB4E39;
	height: 300px;
}

#gradient {
	background-image: url(images/header_strip.gif);
	background-repeat: repeat-x;
	width: 100%;
	position: absolute;
	z-index: 1;
}
#copyright {
	height: 20px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	display: block;
}

/*************************** CONTACT PAGE **********************************/


div#container_contact {
	float: left;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	padding: 0px;
	}
	
#contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E6442F;
	display: block;
	width: 729px;
	margin-right: auto;
	margin-left: auto;
	z-index: 3;
	background-image: url(images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	height: 700px;
}

#form	{
	width: 350px;
	float: left;
	max-width: 350px;
	;
	;
	display: block;
}


input {
	background-color: #E64030;
	color: #FFFFFF;
	font-weight: normal;
	margin: 2px;
	float: left;
}


select {
	background-color: #E54233;
	color: #FFFFFF;
}


textarea {
	background-color: #E64030;
	color: #FFFFFF;
	margin: 4px;
}

.radio	{
background-color: #e8a701;
colors: #ffffff;
}

.button {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #7A260C;
	color: #FFFFFF;
	margin-left: 12px;
	margin-top: 3px;
	margin-bottom: 2px;
}
#resume {
	width: 50%;
	height: 120px;
	position: relative;
	float: left;
}

#resume .text .adobe {
	font-size: 10px;
	text-align: right;
	float: left;
	padding-right: 5px;
	padding-top: 5px;
}

#social {
	width: 50%;
	height: 120px;
	position: relative;
	float: left;
}
/*************************** PORTFOLIO PAGE **********************************/

div#container_portfolio {
	float: left;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	padding: 0px;
}
	
#showcase {
	height: 590;
	width: 729px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EA3F2E;
	background-image: url(images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 3;
	height: 1250px;
	width: 729px;
	display: block;
	position: relative;
	max-width: 729px;
	margin: 0 auto;

	
}

#web	{
	width: 729px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
}






.showcaseCase {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	width: 729px;
	float: left;
}

.showcase img	{
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}



/*************************** ABOUT PAGE **********************************/



div#container_about {
	float: left;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#aboutme {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E6442F;
	display: block;
	height: 675px;
	width: 729px;
	margin-right: auto;
	margin-left: auto;
	z-index: 3;
	background-image: url(images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}

#aboutinfo {
	width: 350px;
	height: 650px;
	display: block;
	float: left;
	margin-left: 5px;

}

#skills {
	width: 360px;
	height: 215px;
	display: block;
	float: right;



}

#subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	cursor: crosshair;
	text-decoration: none;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

.webthumbs {
	height: 190px;
	width: 325px;
	float: left;
	margin: 20px 15px;
}


.header {
	margin: 5px 3px;
	
	}

/*THANK YOU PAGE*/

div#container_thanks {
float: left;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	padding: 0px;
}

#thankyou {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E6442F;
	display: block;
	height: 400px;
	width: 729px;
	margin-right: auto;
	margin-left: auto;
	z-index: 3;
	background-image: url(images/content_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}
#thankyou .text {
	margin-right: auto;
	margin-left: auto;
	text-indent: 0px;
	text-align: center;
}
#services {
	display: block;
	float: left;
}