/* Reset browser defaults */

* {margin:0;padding:0}

/*----------- Global Elements ---------------*/
body {
	font:9pt/1.3em arial;
	margin:0 auto;
	text-align:center;
	color:#000;
}

#hori  {background:url(../img/bg-body.jpg) repeat-x top center #d9d9d9;}
#vert  {background:url(../img/sub-bg-body.jpg) repeat-x top center #FFF;}

/* ----- a ------*/
a {color:#56a600;font-weight:bold;text-decoration:none;}
a:hover {color:#519a02;font-weight:bold;text-decoration:underline;}
a:visited, a:active {outline: none;}

/* ----- p ------*/
p {margin-bottom:.9em}

#footer p {margin-bottom:.2em}

.break {clear:both;}

.center {margin:0 auto;text-align:center;}



/* --- img ---- */
img {border:0;}

.border {border:2px solid #FFF;display:inline;float:left;margin:10px 16px 10px 0;}


/* --- ul --- */
ul  { list-style-type:none}

li {margin-bottom:.3em;}

.lineup li { list-style-type:none;display:inline;float:left;margin:0 3px 2px 3px;}

ul .bullet {margin-bottom:35px;}

.bullet li { list-style-type:none;background:url(../img/bullet.gif) no-repeat 0 0; padding-left:20px;margin-bottom:5px;margin:0 0 10px 10px;}

/* ------ dd --------*/
dl {width:404px;margin-bottom:15px;}
dd {display:inline;float:left;width:70px; font-weight:bold;margin:0 10px 8px 0;}
dt {float:left;width:320px;margin-bottom:8px;}

/* ---- headers ----*/

h1 {font-size:1.4em;color:#FFF;height:35px;}

.title {background:url(../img/bg-title.jpg) no-repeat;height:79px;text-indent:-500000px;border-bottom:1px solid #ccc;}

#vert h1 {height:69px;width:404px;text-indent:-500000px;border-bottom:1px solid #ccc;margin-bottom:20px;}

.about {background:url(../img/h1-about.jpg) no-repeat top center;}
.resume {background:url(../img/h1-resume.jpg) no-repeat top center;}
.portfolio {background:url(../img/h1-portfolio.jpg) no-repeat top center;}
.contact {background:url(../img/h1-contact.jpg) no-repeat top center;}
	 
h2 {clear:both;margin:10px 0 10px 0;font-weight:bold;font-size:1.6em;line-height:30px;height:30px;color:#61b10c;border-bottom:1px solid #ccc;margin:40px 0 20px 0;}

h3 { font-size:1.6em;color:#56a600;font-weight:bold;;background:url(../img/bullet.gif) no-repeat 0 0;padding:0 0 0 20px;margin:20px 0 10px 0;}

/* ---- Content ----- */

#wrapper {	
	width:700px;
	margin:0 auto;
	}

#vert #wrapper {width:100%;margin:0 auto;}

#header {
	height:200px;
	}
	
#hori #header {background:url(../img/bg-header.jpg) no-repeat top left;}

#vert #header { 
	width:404px;
	height:161px;
	margin:0 auto;
	background:url(../img/sub-bg-header.jpg) no-repeat top left;
	}

#header a, #header a:hover { 
		display:block;
		width:330px;
		height:65px;
		text-indent:-5000000px;
		}

#content {
	width:700px;
	text-align:justify;
	}
	
#hori #content {background:url(../img/bg-content.jpg) repeat-x 0 0;height:299px;}
#vert #content {background:none;width:404px;margin:0 auto;}

#nav {
	display:inline;
	float:left;
	width:206px;
	height:299px;
	}

#hori #nav {background:url(../img/bg-nav.jpg) no-repeat 0 0;}
#vert #nav {background:none;}

#nav ul { margin:0 0 0 85px;padding:0;list-style-type:none;}

#mainav ul { list-style-type:none;width:440px; }
#mainav li {display:inline;float:left;text-align:center;height:30px;width:100px;padding:0 5px 0 5px;margin:10px 0 15px 0;background:#61b10c;text-indent:-5000000000000px;}

.nav1 a {background:url(../img/nav-about.jpg) no-repeat center center;display:block;height:30px;width:100px;}
.nav2 a {background:url(../img/nav-portfolio.jpg) no-repeat center center;display:block;height:30px;width:100px;} 
.nav3 a {background:url(../img/nav-resume.jpg) no-repeat center center;display:block;height:30px;width:100px;} 
.nav4 a {background:url(../img/nav-contact.jpg) no-repeat center center;display:block;height:30px;width:100px;}  


.nav1 a:hover {background:url(../img/nav-about-hover.jpg) no-repeat center center;display:block;height:30px;width:100px;}
.nav2 a:hover {background:url(../img/nav-portfolio-hover.jpg) no-repeat center center;display:block;height:30px;width:100px;} 
.nav3 a:hover {background:url(../img/nav-resume-hover.jpg) no-repeat center center;display:block;height:30px;width:100px;} 
.nav4 a:hover {background:url(../img/nav-contact-hover.jpg) no-repeat center center;display:block;height:30px;width:100px;}

ul#subnav   { list-style-type:none;display:inline;float:left;margin:0 45px 0 5px;}
ul#subnav2   { list-style-type:none;display:inline;float:left;	}



#subnav li, #subnav2 li {
	display:inline;
	float:left;
	text-indent:-5000000000000000px;
	width:81px;
	margin:50px 2px 0 2px;
	height:44px;
	}

.subnav1 a {background:url(../img/sub-nav-about.jpg) no-repeat;display:block;height:44px;width:65px;}
.subnav2 a {background:url(../img/sub-nav-portfolio.jpg) no-repeat;display:block;height:44px;width:81px;}
.subnav3 a {background:url(../img/sub-nav-resume.jpg) no-repeat;display:block;height:44px;width:79px;}
.subnav4 a {background:url(../img/sub-nav-contact.jpg) no-repeat;display:block;height:44px;width:79px;}

.subnav1 a:hover {background:url(../img/sub-nav-about-hover.jpg) no-repeat;display:block;height:44px;width:65px;}
.subnav2 a:hover {background:url(../img/sub-nav-portfolio-hover.jpg) no-repeat;display:block;height:44px;width:81px;}
.subnav3 a:hover {background:url(../img/sub-nav-resume-hover.jpg) no-repeat;display:block;height:44px;width:79px;}
.subnav4 a:hover {background:url(../img/sub-nav-contact-hover.jpg) no-repeat;display:block;height:44px;width:79px;}
	
#main {
	text-align:justify;
	margin:0;
	display:inline;
	float:right;
	
	}

#hori #main {		
	width:440px;
	height:289px;
	padding:10px 50px 0 0;
	background:url(../img/bg-right.jpg) no-repeat top right;
	}
	
#vert #main {
	width:404px;
	background:none;
	margin:10px 0 30px 0;
	}

#right {
	width:52px;
	height:265px;
	display:inline;
	float:right;
	background:url(../img/bg-right.jpg) no-repeat 0 0;
	}


#footer  {
	clear:both;
	height:144px;
	color:#555;
	text-align:center;
	padding:5px 0 0 244px;
	font:.75em/1.5em Arial, Helvetica, sans-serif;
	margin:0 auto;
	}

#hori #footer {	background:url(../img/bg-footer.jpg) no-repeat;}
#vert #footer {	clear:both;background:url(../img/sub-bg-footer2.jpg) repeat-x #d9d9d9;padding:0;}
#gohome {width:602px;height:144px;margin:0 auto;background:url(../img/sub-bg-footer.jpg) no-repeat;}
#gohome p {padding-top:40px;width:262px;float:left;}
.gohome {display:inline;float:left;width:135px;height:100px;margin-left:32px;}

.gohome a {width:135px;height:100px;display:block;text-indent:-50000000000000px;}


/* -----------Gallery Stuff ----------*/

.albums li {width:404px;text-align:center;margin-bottom:20px;}
li img {border:4px solid #e2e2e2;margin-bottom:5px;}
.blocklink a {background:#61b10c;color:#FFF;font-size:1.3em;padding:4px;width:300px;display:block;margin:0 auto;}
.blocklink a:hover {text-decoration:none;background:#23292e;}

.thumbs {width:404px;height:200px;margin:0 auto;text-align:center;}

.slideshow {margin-bottom:20px;border-bottom:1px solid #CCC;}

.thumbinfo { margin-bottom:15px;}
	
/* ------- Forms -------*/
fieldset {border:0}
input, select, textarea { background:#FFF;border:1px solid white;color:#000;padding:2px;width:300px;border:1px solid #56a600;}