/* Styles for homepage facelift */


/* Main Layouts ------------------------------------------------- */

body {
	margin:0;
	padding:0;
	background-color: #C7C6B9;
	background-image:url(images/body.gif);
	background-position:top;
	background-repeat:repeat-x;
	color:#00007F;
	font:76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	}

#frame {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	/*height:700px;*/
	/*background-image:url(images/frame_.gif);
	background-position:left;
	background-repeat:no-repeat;*/
	}
	
#header {
	margin: 0 auto 0 auto;
	padding:0;
	width: 800px;
	height:100px;
	background-image:url(images/header.gif);
	background-position:center;
	background-repeat:no-repeat;
	}
	
#nav {
	position: relative;
	top: 10px;
	left: 0px;
	margin:0;
	padding:0;
	width: 275px;
	height: 533px;
	/*background-color: #D6D6CE;*/
	background-image:url(images/nav.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/*#logobox {
	margin:0;
	padding:0;
	position:relative;
	width:100px;
	height:100px;
	top: 470px;
	left: 50px;
	background-image:url(images/logo.gif);
	background-position:center;
	background-repeat:no-repeat;
	}*/
	
.navigation {
	margin: 60px 0 0 15px;
	padding:0;
	}
	
.bigcontent {
	position: absolute;
	top: 7px;
	left: 150px;
	width: 420px;
	height: 390px;
	background-image:url(images/content.gif);
	background-position:center;
	background-repeat:no-repeat;
	}
	
.widecontent {
	position: absolute;
	top: 4px;
	left: 152px;
	width: 621px;
	height: 392px;
	background-image:url(images/widecontent.gif);
	background-position:left;
	background-repeat:no-repeat;
	}

.smlcontenttop {
	position: absolute;
	top: 3px;
	left: 580px;	
	width: 180px;
	height: 220px;
	background-image:url(images/smlcontent.gif);
	background-position:center;
	background-repeat:no-repeat;
	}
.smlcontentbottom {
	position: absolute;
	top: 225px;
	left: 580px;	
	width: 180px;
	height: 220px;
	background-image:url(images/smlcontent.gif);
	background-position:center;
	background-repeat:no-repeat;
	}

#footer {
	position:absolute;
	top: 400px;
	left: 20px;
	margin:0;
	padding:0;
	height:20px;
	width: 420px;
	text-align:center;
	vertical-align:middle;
	/*background-color:#006600;*/
	}

#galleryLink {
	margin:0 0 20px 0;
	padding:0;
	width:100%;
	/*height:2em;*/
	text-align:center;
	font-weight:bold;
	font-size:14px;
	}
	

#copyright {
	margin:50px auto 10px auto;
	padding:0;
	height:2em;
	text-align:center;
	color:#000000;
	font-weight:normal;
	font-size:9px;
	}
	
#returnToGall {
	margin:10px auto 10px auto;
	padding:0;
	height:2em;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#00007f;
	}
	
/* --------------------------------------------------------------- */

/* Formatting ---------------------------------------------------- */

a, a:visited {
	color:#00007F;
	text-decoration: none;
}

a:hover {
	color:#E0A224;
}

.aboutme a, a:visited {
	color:#DFA327;
	text-decoration: none;
}

.aboutme a:hover {
	background-color:#D6D6CE;
	color:#00007F;
}

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

#galleryLink a:hover {
	color:#E0A224;
}
#galleryLink a:active {
	color:#e0a224;
}



#returnToGall a, a:visited {
	color:#00007F;
	text-decoration: none;
}
#returnToGall a:hover {
	color:#E0A224;
	text-decoration: none;
}


h1 {
	font-size:12px;
	}
	
h3 {
	font-size:10px;
	}

.category {
	font-size:10px;
	font-weight:bold;
	}
/* ---------------------------------------------------------------- */

/* content -------------------------------------------------------- */

.boxtitle {
	position:absolute;
	top: 13px;
	left: 80px;
	margin:0;
	padding:0;
	height: 20px;
	width: 65px;
	}
.boxcontent {
	position:absolute;
	top: 53px;
	left:5px;
	margin:0;
	padding:0;
	height: 161px;
	width: 170px;
	}
#innercontent {
	position:absolute;
	top:1px;
	left:5px;
	width:412px;
	height:385px;
	background-image:url(images/innercontent.gif);
	background-position:center;
	background-repeat:no-repeat;
	}
	
#innerwide {
	position:absolute;
	top:34px;
	left: 4px;
	width:596px;
	height:352px;
		
	/*background-color:#0000CC;*/
	}
.aboutme {
	position:absolute;
	top:32px;
	left: 2px;
	width:600px;
	height:357px;
	/*background-color:#0000CC;*/
	background-image:url(images/aboutback.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
.profileme {
	position:absolute;
	top:52px;
	left:8px;
	width:584px;
	margin:0;
	padding:0;
	/*background-color:#999999;*/
	}
.profilesite {
	position:absolute;
	top:267px;
	left:8px;
	width:584px;
	margin:0;
	padding:0;
	/*background-color:#999999;*/
	}	

#welcomeflash {
	position:absolute;
	top:41px;
	left:1px;
	margin:0;
	padding:0;
	width:408px;
	height:197px;
	background-color:#FF0000;
	}
	
#latest {
	position:absolute;
	top: 270px;
	left:10px;
	margin:0;
	padding:0;
	width:390px;
	height:100px;
	}
	
.thumbs {
	margin:5px 0 0 0;
	padding:0;
	}
	
.projects {
	margin: 10px 0 0 10px;
	padding:0;
	width: 155px;
	font:76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align:right;
	}
.projectname {
	font-size:11px;
	vertical-align:middle;
	margin: 5px 0 5px 5px;
	}
.projectdesc {
	font-size:9px;
	vertical-align:middle;
	margin: 7px 5px 5px 7px;
	color: #ADA89B;
	}
/*.spacer {
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	}*/

.portfolioitem {
	width: 275px;
	height: 100px;
	
	/*background-color:#009900;*/
	background-image:url(images/projectname.gif);
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:top;
	}
	
.portfoliodesc {
	position:relative;
	top:0;
	left:0;
	width:275px;
	height: 30px;
	background-color:#999999;
	}
	
.photogroup {
	width: 275px;
	height: 161px;
	
	/*background-color:#009900;*/
	background-image:url(images/photoname.gif);
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:top;
	}
.photogrouplrg {
	width: 275px;
	height: 333px;
	
	/*background-color:#009900;*/
	background-image:url(images/photonamelrg.gif);
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:top;
	}

#back {
	position:absolute;
	top:2px;
	left:0;
	margin:0;
	padding:0;
	width:32px;
	height:31px;
	}
	
#email {
	position:absolute;
	top: 75px;
	left: 105px;
	margin:0;
	padding:0;
	width:370px;
	height:65px;
	}