@charset "UTF-8";

/* CSS Document */

/* Design + Code by Darren McPherson, Copywrite 2009 */

/* Color Guide
	- Green : #21d188;
	- Grey : #5e5e5e;
	- Light Grey : #ededed;
	*/



/* ------------------------------------ */
/* MAIN */

body{
	font-family:helvetica, Arial, sans-serif;
	position:relative;
	font-size:14px;
	background-color: white;
	color: #5e5e5e;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}

#container{
	width:615px;
	margin:0 auto;
}

/* ------------------------------------ */
/* CHARACTER STYLES */

p{
	color: #5e5e5e;
	font-size: 0.8em;
	line-height: 1.65em;
	margin-bottom: 18px;
}

/* ------------------------------------ */
/* LINK STYLES */

a img{
	border:none;
}

#one{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #one{ width: 615px; height: 175px; visibility: hidden; }
a:hover #one{ width: 615px; height: 175px; visibility: visible; }

#two{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #two{ width: 615px; height: 175px; visibility: hidden; }
a:hover #two{ width: 615px; height: 175px; visibility: visible; }

#three{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #three{ width: 615px; height: 175px; visibility: hidden; }
a:hover #three{ width: 615px; height: 175px; visibility: visible; }

#four{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #four{ width: 615px; height: 175px; visibility: hidden; }
a:hover #four{ width: 615px; height: 175px; visibility: visible; }

#five{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #five{ width: 615px; height: 175px; visibility: hidden; }
a:hover #five{ width: 615px; height: 175px; visibility: visible; }

#six{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #six{ width: 615px; height: 175px; visibility: hidden; }
a:hover #six{ width: 615px; height: 175px; visibility: visible; }

#seven{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #seven{ width: 615px; height: 175px; visibility: hidden; }
a:hover #seven{ width: 615px; height: 175px; visibility: visible; }

#eight{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #eight{ width: 615px; height: 175px; visibility: hidden; }
a:hover #eight{ width: 615px; height: 175px; visibility: visible; }

#nine{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #nine{ width: 615px; height: 175px; visibility: hidden; }
a:hover #nine{ width: 615px; height: 175px; visibility: visible; }

#ten{ background: url(../images/thumbs/roller_gallery.png); width: 615px; height: 175px;}
a:link #ten{ width: 615px; height: 175px; visibility: hidden; }
a:hover #ten{ width: 615px; height: 175px; visibility: visible; }


a:link{
	color: #5e5e5e;
	text-decoration: none;
}
a:visited{
	color: #5e5e5e;
	text-decoration: none;
}
a:hover{
	color: #21d188;
	text-decoration: underline;
}
a:active{
	color: #5e5e5e;
	text-decoration: none;
}

/* ------------------------------------ */
/* HEADER */

.top_bar{
	height: 20px;
	background: #ededed;
	border-bottom: 1px solid #21d188;
	margin-bottom: 40px;
}

#header{
}

#header_right{
	width: 246px;
	float: right;
	border-left: 1px solid #21d188;	
}
#header_left{
	width: 368px;
}

#header_right .top_bar{
	margin-bottom: 46px;
}

#bio{
	margin-right: 16px;
	margin-bottom:45px;
	margin-left: 29px;
}

#header_left_content{
	margin-right: 29px;
	text-align: right;
}
#resume{
	margin-top: 87px;
}
#contact{
	margin-top: 13px;
}


.safe_text_spacer{
	width: 615px;
	height: 4px;
	clear: both;
	display: block;
}
#safe_text_right{
	width: 246px;
	height: 4px;
	float: right;
	border-left: 1px solid #21d188;	
}
#safe_text_left{
	width: 368px;
	height: 4px;
}

.bottom_bar{
	border-bottom: 1px solid #21d188;
	margin: 0;
	padding: 0;
}

.bottom_bar_right{
	width: 246px;
	height: 23px;
	float: right;
	background: #ededed;
	border-left: 1px solid #21d188;
	margin: 0;
}

.bottom_bar_left{
	width: 368px;
	height: 23px;
	background: #ededed;
	overflow: visible;
}

.bottom_bar_left ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-left: 15px;
}
.bottom_bar_left li{
	display: inline;
	padding-left: 8px;
}

/* ------------------------------------ */
/* CONTENT AREA */

.spacer{
	height: 1px;
	width: 615px;
	background: #21d188;
	margin-top:20px;
	margin-bottom: 20px;
}

.item_gallery{
	height: 175px;
	width: 615px;
	background: url(../images/thumbs/testimage.png);
}
.item_gallery1{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_inter.gif); }
.item_gallery2{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_sculp.jpg); }
.item_gallery3{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_ninth.gif); }
.item_gallery4{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_exhib.jpg); }
.item_gallery5{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_uncovered.jpg); }
.item_gallery6{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_amph.jpg); }
.item_gallery7{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_cyan.jpg); }
.item_gallery8{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_love.jpg); }
.item_gallery9{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_fract.jpg); }
.item_gallery10{ height: 175px; width: 615px; background: url(../images/thumbs/thumb_dif.jpg); }


.menuheader{
	width: 615px;
	height: 16px;
	background: #ededed;
	margin-top: 6px;
	border-bottom: 1px solid #21d188;
	overflow: visible;
	cursor: pointer;
}

.go_to_top{
	width: 26px;
	float: right;
	margin-right: 12px;
	padding-top: 6px;
}

.info{
	width: 42px;
	margin-left: 17px;
	padding-top: 2px;
	overflow: visible;
	float: left;
}

.title_and_description{
	width: 615px;
	margin: 0;
	margin-top: 20px;
}

.right_col{
	float:right;
	width: 396px;
	margin: 0;
	margin-right: 12px;
	padding: 0;
	padding-top: 7px;
}
.right_col p{
	margin: 0;
	padding: 0;
}

.left_col{
	width: 190px;
	margin: 0;
	margin-left: 17px;
	padding: 0;
	padding-top: 7px;
}

#above_footer_space{
	width: 615px;
	height:60px;
}

#footer{
	text-align: center;
	background: #ededed;
	border-top: 1px solid #21d188;
	height: 40px;
	width: 615px;
	margin: 0;
	padding: 0;
}

/* ------------------------------------ */
/* ACCORDION MENU */

.arrowlistmenu{
width: 615px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: white;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 0; /*header text is indented 10px*/
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.arrowlistmenu ul li{

}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
text-decoration: none;
}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/

}