/* ####################### GLOBAL Styles ######################## */

img, div { behavior: url(/JS/iepngfix.htc) }

body {
	text-align: center;
	background-color: white;
	margin: 27px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #5f4933;
}

body#bioPg {
	text-align: left;
	background-color: white;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #5f4933;
}


/* ####################### Container Divs ######################## */


div#wrapper {
	width: 902px;
	margin: 0 auto;
	text-align: left;
}	

div#header {
	position: relative;
	font-size: .85em;
	line-height: 1.5em;
	color: #59371c;
}

* html #header {
	height: 1%;
}

div#header a:link, div#header a:visited {
	color: #e76d30;
	text-decoration: none;
}

div#header a:hover, div#header a:active {
	color: #e76d30;
	text-decoration: underline;
}

div#hdrRight {
	float: right;
	text-align: right;
	position: absolute;
	bottom: 4px;
	right: 0;
}

div#content {
	clear: both;
	padding: 12px 0 0 0;
}

div#lcolNav {
	float: left;
	width: 160px;
	margin: 9px 0 0 0;
	color: #412815;
}

div#lcolNav a:link, div#lcolNav a:visited {
	color: #412815;
	text-decoration: none;
}

div#lcolNav a:hover, div#lcolNav a:active {	
	color: #412815;
	text-decoration: none;
}	

div#rcolMain {
	float: left;
	width: 718px;
	margin: 0 0 0 24px;
}

div#footer {
	text-align: right;
	font-size: .8em;
	color: #a9a8a8;
	padding: 15px 0 0 0;
}

div#footer a:link, div#footer a:visited {
	color: #a9a8a8;
	text-decoration: none;
}

div#footer a:hover, div#footer a:active {
	color: #a9a8a8;
	text-decoration: underline;
}


/* ####################### Home containers ######################## */

div#hdrHome {
	padding: 40px 0 18px 0;
	background: url('images/about_robin.gif') no-repeat;
	color: #5f4933;
}

div#imgsHomeWpr {
	cursor: pointer;
}


/* ####################### Portfolio containers ######################## */


div#imgWpr {
	float: left;
	width: 545px;
	height: 624px;
	text-align: center;
	position: relative;
}

div#thumbWpr {
	float: right;
	width: 173px;
}

div.thumbRow {
	clear: both;
	height: 85px;
	padding: 0 0 3px 0;
	overflow: hidden;
}

div.thumbL {
	float: left;
	width: 85px
}

div.thumbR {
	float: left;
	width: 85px;
	padding: 0 0 0 3px;
}

div.bioBtn {
	clear: both;
	height: 25px;
	line-height: 25px;
	background: url('images/bio_bg.gif') no-repeat;
	color: #412815;
	font-size: .75em;
	padding: 0 0 0 9px;
	margin: 2px 0 0 0;
}

div.bioBtn a:link, div.bioBtn a:visited {
	color: #412815;
	text-decoration: none;
}

div.bioBtn a:hover, div.bioBtn a:active {
	color: #412815;
	text-decoration: none;
}


/* ####################### Bio pages ######################## */


div#boxBio1, div#boxBio2, div#boxBio3, div#boxBio4, div#boxBio5, div#boxBio6, div#boxBio7, div#boxBio8 {
	position: absolute;
	margin: 0 auto;
	top: 18px;
	left: 36px;
	width: 471px;
	background-color: white;
	border: 1px solid #EBE7E3;
	z-index: 4;
}

div#boxBio1 { height: 320px; }
div#boxBio2 { height: 280px; }
div#boxBio3 { height: 270px; }
div#boxBio4 { height: 420px; }
div#boxBio5 { height: 250px; }
div#boxBio6 { height: 250px; }
div#boxBio7 { height: 300px; }
div#boxBio8 { height: 260px; }

div#bioContent {
	padding: 20px 20px 10px 20px;
	font-size: .9em;
	color: #59371c;
}

div#bioContent a:link, div#bioContent a:visited {
	color: #ee7c21;
	text-decoration: none;
}

div#bioContent a:hover, div#bioContent a:active {
	color: #ee7c21;
	text-decoration: underline;
}

div#bioName {
	padding: 0 0 12px 0;
}

div#bioLink {
	text-align: right;
}


/* ####################### Navigation ######################## */


div.nav1, div.nav2, div.nav3, div.nav4, div.nav5, div.nav6, div.nav7 {
	line-height: 25px;
	height: 25px;
	border-bottom: 1px dashed #ccc5c0;
	background: url('images/nav_bg.gif') 0 -25px no-repeat;
}

div.nav8 {
	line-height: 25px;
	height: 25px;
	background: url('images/nav_bg.gif') 0 -25px no-repeat;
}

div.nav1 a, div.nav2 a, div.nav3 a, div.nav4 a, div.nav5 a, div.nav6 a, div.nav7 a, div.nav8 a {
	background: url('images/nav_bg.gif') top left no-repeat;
	display: block;
	padding: 0 0 0 8px; 
	margin: 0;
	overflow: hidden;
}

div.nav1 a:hover, div.nav2 a:hover, div.nav3 a:hover, div.nav4 a:hover, div.nav5 a:hover, div.nav6 a:hover, div.nav7 a:hover, div.nav8 a:hover {
	background-image: none;
}

#port1 .nav1 a, #port2 .nav2 a, #port3 .nav3 a, #port4 .nav4 a, #port5 .nav5 a, #port6 .nav6 a, #port7 .nav7 a, #port8 .nav8 a {
	background: url('images/nav_bg.gif') 0 -25px no-repeat;
	display: block;
	padding: 0 0 0 8px; 
	margin: 0;
	overflow: hidden;
}


/* ####################### Home images ######################## */

div#img1 { float: left; background: url('images/home1.jpg') no-repeat; }
div#img2 { float: left; background: url('images/home2.jpg') no-repeat; }
div#img3 { float: left; background: url('images/home3.jpg') no-repeat; }
div#img4 { float: left; background: url('images/home4.jpg') no-repeat; }
div#img5 { float: left; background: url('images/home5.jpg') no-repeat; }
div#img6 { float: left; background: url('images/home6.jpg') no-repeat; }
div#img7 { float: left; background: url('images/home7.jpg') no-repeat; }
div#img8 { float: left; background: url('images/home8.jpg') no-repeat; }

.imgPad {
	padding: 0 6px 0 0;
}

.imgRow {
	padding: 6px 0 0 0;
}


/* ####################### General Styles ######################## */


.txtOrange {
	color: #e76d30;
}

.clear {
	clear: both;
}