/* CSS Document */



body	{	

	color: #330000;

	background:#cd6903;

	margin: 0px; 

	padding: 0px;

	font: 1em verdana, arial, san-serif;

	}



div#content	{

	margin: 20px 0 0 185px;

	width: 744px;

	padding: 0 1em;

	}

	

/* navigation starts */		

	

#navlist	{

	width: 744px;

	color:#81311c;

	text-align:center;

	font-size: small;

	font-weight: bold;

	}



ul#navlist

{

margin-left: 0;

padding-left: 0;

white-space: nowrap;

}



#navlist li

{

display: inline;

list-style-type: none;

}



#navlist a { padding: 3px 10px; 

}



#navlist a:link, #navlist a:visited

{

color: #000000;

background-color: #bee1ff;

text-decoration: none;



}



#navlist a:hover

{

color: #000000;

background-color: #66ccff;

text-decoration: none;

}



/* end navigation */



html {

	color:#000000;

	background:#fff; 

	background-color: #bee1ff;

}

body {text-align:center; font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; 

	background:#bee1ff;}

a, a:visited {color:#000;}

a:hover {text-decoration:none;}

#wrapper {

	width:750px;

	margin:10px auto 0 auto;

	text-align:left;

}



#header {

	width:750px;

	margin:10px auto 0 auto;

	text-align:center;

}



#page_head {

	width:750px;

	height:115px;

	position:relative;

}



h2#slogan {

	clear:left;

	font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;

	font-size:1.6em;

	font-weight:bolder;

	margin:0;

	color: #3333CC;

}



h2#email	{

	color: #FFFFFF;

	text-align: center;} 



#info {clear:both; width:750px; padding-bottom:15px; font-weight:normal; }

#info h2 {

	font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;

	font-size:1.4em;

	margin:0;

	color:#881e20;

	text-align:left;

	margin-bottom:10px;

	font-weight: bolder;

}



#container img {text-align:center;}

#container {color: #81311c; }



#content {width:750px; }

#left_column {width:480px; float:left;}

#right_column {width:240px; float:right;}



#page_foot {clear:both; width:750px; padding-bottom:20px;  color:#000000; padding-top:10px; text-align:center;}

#headshot	{
	padding: 10px;
	margin: 0;
	float: left;
	width: 275px;
	}

#contactinfo	{
	padding: 140px 0px 145px 175px;
	}
	
#picture	{
	padding: 20px;
	float: left;
	}



p {font-size:12px; color:#000000; line-height:16px; margin:5px 0 15px 0;}



.clear {clear:both;}

.bold {font-weight:bold;}

.float_left {float:left;}



/* photo gallery */



#container {position:relative; width:600px; height:700px; background:#888; /*border:1px solid #000;*/ margin:10px auto;	background-image:url(images/bkgd.jpg);}

#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}



a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}



a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:#000; background:#c8c8c8; text-align:center; /*border:1px solid #000;*/ font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}



a.slidea span {left:-13px; top:180px;}

a.slideb span {left:-132px; top:180px;}

a.slidec span {left:-251px; top:180px;}

a.slided span {left:-370px; top:180px;}

a.slidee span {left:-489px; top:180px;}

a.slidef span {left:-13px; top:89px;}

a.slideg span {left:-132px; top:89px;}

a.slideh span {left:-251px; top:89px;}

a.slidei span {left:-370px; top:89px;}

a.slidej span {left:-489px; top:89px;} 

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

	

#wrapper #page_head #info #container img {text-align: center; margin: 50px;}



	#wrapper #page_head #info #container #email a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #FFFFFF;

		text-align: center;

}

	#wrapper #page_head #info #container #email a:hover {

	color: #000000;}