/* -------------------------------------------- */
/*		Ryan C. Robinson 
/* -------------------------------------------- */
/*		Interactive Resume CSS
/* -------------------------------------------- */
/*		Created September 5, 2005
/* -------------------------------------------- */
* {margin: 0px; padding: 0;}
body {
	margin: 0px;
	color: #ffffff;
	font-family: "Arial", "Verdana", "Helvetica", "Lucida Grande", sans-serif;
	font-size: 11px;
	padding-top: 0px;
	background: #4D4C4A;
}
p { margin: .5em 0 .5em 0; }
a:link {
	COLOR: #ffffff;
}
a:visited {
	COLOR: #CED1CA;
}
a:active {
	COLOR: #ffffff;
}
a:hover {
	COLOR: #ffffff;
}
#top {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	position: relative;
	background: #4D4C4A;
}
#title {
	width: 372px;
	height: 165px;
	background: url("h1.jpg") no-repeat;
	float: left;
}
#resume {
	width: 279px;
	height: 165px;
	background: url("h2.jpg") no-repeat;
	float: left;
	padding: 0px 0px 0px 0px;
	padding-top: 80px;
}
#resume  ul {
	margin-left: 60px;
}
#address {
	width: 249px;
	height: 165px;
	background: url("h3.jpg") no-repeat;
	float: left;
	text-indent: 20px;
	padding-top: 60px;
}
#title h1 {
	text-decoration: none;
	text-indent: -10000px;
}
#title h2 {
	text-decoration: none;
	text-indent: -10000px;
}
#resume h3 {
	text-decoration: none;
	text-indent: -10000px;
}
#resume li {
	list-style-type: none;
	display: block;
 	padding: 0px 5px 0px 0px;
	float: left;
	color: #AFAFAD;
}
#resume li a {
	color: #FFFFFF;
}
#bodyfont {
    font-size: 9px;
	line-height: 12px;
    color: #ffffff;

}
#nav {
	padding-left: 55px; 
	position: absolute;
	top: 150px;
	clear: both;
}
#nav li {
	list-style-type: none;
	display: block;
 	padding: 10px 0px 0px 0px;
	float: left;
}
#nav li a {
	text-decoration: none;
	text-indent: -10000px;
 	padding: 10px 6px 10px 6px;
	display: block;
}
#nav h3 {
	text-decoration: none;
	text-indent: -10000px;
}
a#navContact {width: 148px; background: transparent url(contact01.jpg) no-repeat;}
a#navReferences {width: 148px; background: transparent url(references01.jpg) no-repeat;}
a#navPrint {width: 148px; background: transparent url(print01.jpg) no-repeat;}
a#navBookmark {width: 148px; background: transparent url(bookmark01.jpg) no-repeat;}
a#navEmail {width: 148px; background: transparent url(emaillink01.jpg) no-repeat;}

a#navContact:hover {background: transparent url(contact02.jpg) no-repeat;}
a#navReferences:hover {background: transparent url(references02.jpg) no-repeat;}
a#navPrint:hover {background: transparent url(print02.jpg) no-repeat;}
a#navBookmark:hover {background: transparent url(bookmark02.jpg) no-repeat;}
a#navEmail:hover {background: transparent url(emaillink02.jpg) no-repeat;}
#container {
	margin: 0 auto;
	padding: 0 15px 15px 15px;
	width: 870px;
	text-align: left;
	background: #4D4C4A;
}
.box {
	background-color: #686766;
	border: 1px solid #CED1CA; 
}
#contact {
	background: transparent url("contact2.jpg") no-repeat;
	background-position: -2px 14px;
	width: 444px;
	position: relative;
	float: left; 
	color: #FFFFFF;
}
#contact h2 {
	text-decoration: none;
	text-indent: -10000px;
	width: 444x;
	height: 62px;
	margin: 8px 0 0 0;
}
#contactbox {
	list-style: none;
	background: #686766;
	float: left;
	margin: 2px 1px 6px 1px;
	padding: 8px 15px 8px 15px;
	width: 406px;
}
#contactbox li {
	padding-left: 18px;
	background: #8B8A89;
    background: url('bullet.jpg') no-repeat left;
	background-position: 0px 1px;
	margin: 2px 0px 0px 1px;
	display: block;
}
#recentwork {
	background: transparent url("recent_work.jpg") no-repeat;
	background-position: -2px 14px;
	width: 444px;
	position: relative;
	float: left; 
	color: #FFFFFF;
}
#recentwork h2 {
	text-decoration: none;
	text-indent: -10000px;
	width: 444x;
	height: 62px;
	margin: 8px 0 0 0;
}

.formcol1 {
	float: left;
	width: 100px;
	padding: 0px 12px 4px 0px;
}
.formcol2 {
	float: left;
	width: 100px;
	padding: 0px 12px 4px 0px;
}
.formcol3 {
	float: left;
	width: 200px;
	padding: 0px 6px 4px 0px;
}
.formcol1 input {
	width: 120px;
}
.formcol2 input {
	width: 120px;
}
.formcol3 input {
	width: 250px;
}
.formcol3 textarea {
	width: 390px;
	height: 100px;
}
#education {
	background: transparent url("education2.jpg") no-repeat;
	background-position: -2px 0px;
	width: 444px;
	position: relative;
	float: left;
}
#education h2 {
	text-decoration: none;
	text-indent: -10000px;
	width: 444px;
	height: 48px;
	margin: 8px 0 0 0;
}
#education ul {
	list-style: none;
	background: #5A5957;
	float: left;
	margin: 2px 1px 0px 1px;
	padding: 8px 15px 8px 15px;
	width: 406px;
}
#skills {
	background: transparent url("skills2.jpg") no-repeat;
	background-position: -2px 14px;
	width: 444px;
	position: relative;
	float: left;
}
#skills h2 {
	text-decoration: none;
	text-indent: -10000px;
	width: 444px;
	height: 62px;
	margin: 8px 0 0 0;
}
#skills ul {
	list-style: none;
	background: #5A5957;
	float: left;
	margin: 2px 1px 0px 1px;
	padding: 8px 15px 8px 15px;
	width: 406px;
}
#references {
	background: transparent url("references2.jpg") no-repeat;
	background-position: -2px 14px;
	width: 444px;
	position: relative;
	float: left;
}
#references h2 {
	text-decoration: none;
	text-indent: -10000px;
	width: 444px;
	height: 62px;
	margin: 8px 0 0 0;
}
#references ul {
	list-style: none;
	background: #5A5957;
	float: left;
	margin: 2px 1px 0px 1px;
	padding: 8px 15px 8px 15px;
	width: 406px;
}
#experience {
	background: transparent url("experience2.jpg") no-repeat;
	background-position: -2px 0px;
	width: 414px;
	position: relative;
	float: right;
}
#experience h2 {
	text-decoration: none;
	text-indent: -10000px;
	width: 414x;
	height: 48px;
	margin: 8px 0 0 0;
}
#experience ul {
	list-style: none;
	background: #686766;
	float: left;
	margin: 2px 1px 0px 1px;
	padding: 8px 15px 8px 15px;
	width: 377px;
}
#experience li {
	padding-left: 18px;
	background: #8B8A89;
    background: url('bullet.jpg') no-repeat left;
	background-position: 0px 1px;
	margin: 2px 0px 0px 1px;
	display: block;
}
#education:hover  ul {background: #686766;}
#skills:hover  ul {background: #686766;}
#references:hover  ul {background: #686766;}
#experience:hover  ul {background: #686766;}
#container h3 {
	font-size: 13px;
}
#txt11 {
	font-size: 12px;
	padding: 3px 6px 3px 6px;
}
.clear {
	height: 1px;
	border: none;
	font-size: 1px;
	clear: both;
	background: transparent;
	visibility: hidden;
}
#footer {
	display: block;
	width: 870px;
	position: relative;
}
#footer ul {
	
	height: 20px;
	padding: 15px;
	margin-top: 2px;
	text-align: right;

}
#footer li {
	text-decoration: none;
	list-style: none;
	float: right;
	display: block;
	padding-right: 4px;
}