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

body {
	background:url(images/border.jpg) repeat-x fixed;
	background-color:#ddd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align:center;
}

/*TYPOGRAPHY*/

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

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

a:hover {
	text-decoration:underline;
	}

a:active {}

.text {
	color:#333;
	font-size:medium;
	font-weight:bold;
	text-indent: -1.5em;
	}

/*NAVIGATION*/
#menu {
	position:relative;
	width: 600px;
	float: right;
	margin: 0;
	padding: 10px;
	background: #333333;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-topleft: 20px;
}

.menulist {
	margin: 0;
	padding: 0;
	list-style:none;
	}
	
.menulist li {
	display:inline;
	padding: 0 20px 0 0;
	}


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

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

#menu a:hover {}

#menu a:active {}

/*LAYOUT*/

#container {
	position: relative;
	width: 1000px;
	margin-top:50px;
	margin-right: auto;
	margin-left: auto;
	}
	
#subcontainer {
	position:relative;
	background:#333;
	padding:20px;
	width:1000px;
	clear:both;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/*FRONT PAGE*/

#startcontainer {
	position:relative;
	background:#eee;
	background-image:url(images/printback.gif);
	background-repeat:no-repeat;
	background-position: -230px -130px;
	width:960px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	min-height: 500px;
	height:auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
#openingtext {
	width:400px;
	float:right;
	overflow:visible;
	padding-left:35px;
	text-align:left;
	}
		
#form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	clear:both;
	float:right;
	padding: 1em;
	margin:0px 0px 0 0;
	width: 700px;
	display: inline;
}

form {
	width: 700px;
	margin: 10px 10px 10px 10px;
}

.formL {
	float:left;
	clear:left;}

.formR {
	float:right
	}

label {
	display:block;
	font-weight:bold;
	width:250px;	
}

textarea {
	width: 400px;
	height: 200px;
	background-color: #eee;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
.textInput {
	width: 250px;
	background-color: #eee;
	border:#999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.warning {
	text-align:left;
	background:#eee;
	padding:2px;
	font-weight:bold;
	color: #990033;
	border:#eee 2px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

/*PORTFOLIO*/

#framecontainer {
	position:relative;
	background:#eee;
	width:960px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	min-height: 600px;
	height:auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*RESUME*/

#colcontainer {
	position:relative;
	background:#eee;
	text-align:left;
	width:960px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	min-height:650px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
#rcol1 {
	float:left;
	width:480px;
	}

#rcol2 {
	float:right;
	width:480px;
	}
	
#resume a:link {
	text-decoration:underline;
	}
	
#resume h3 {
	font-size:larger;
	}
	
#resume h2 {
	font-size:x-large;
	}