@charset "UTF-8";
/* CSS Document */
*{margin:0px; padding:0px}
body{ font-size:62.5%; background-color:#FFF; margin-left:auto; margin-right:auto}
p { font-family: "Century Gothic", Arial, sans-serif; font-size:1.1em; margin-bottom:8px}
p.indent{margin-left:8px}
ul.indent{margin-left:18px}
ul{ font-family: "Century Gothic", Arial, sans-serif; font-size:1ems}
h2 , h2 a{ font-family: "Century Gothic", Arial, sans-serif; font-size:14px; font-weight:100; color:#006699; margin: 20px 0px 10px 0px;}
a {color:#666;
text-decoration:none;}
a:hover{color: #006699;
text-decoration:underline;}



.float_right { float:right}
.float_left { float:left}
.clear { clear:both}

#content { width:512px; height: auto; margin-right:auto; margin-left:auto; background-image: url(../links/border.gif);
}
#portfolio_content { width:512px; height:600px; margin-right:auto; margin-left:auto; background-image: url(../links/border.gif);
}

#header{ width:460px; margin-left:auto; margin-right:auto; height:auto; padding-top:50px}
#line{ width:460px; margin-left:auto; margin-right:auto}


#inner_content{ width:500; height:420px; margin-left:auto; margin-right:auto}
#border_bottom { margin-left:auto; margin-right:auto; width:512px; margin-top:-10px; margin-bottom:5px}



#ink { position:absolute; top:-305px; left:408px}




/*primary navigation*/
#menu{ margin: 0px; border: 0px solid #FF0000; padding: 0px; width:500px; height:35px; overflow:hidden;}





		ul#nav {width: 460px; height:35px;list-style-type: none; margin-left:auto; margin-right:auto }
		ul#nav li { line-height: 35px; display:inline-table}
		ul#nav li a { height: 35px; line-height:25px; text-indent: -9999px; text-decoration: none; float: left; }
		ul#nav li, ul#nav li a, ul#nav li a:active {background-image:url(../links/navigation.gif); background-repeat: no-repeat; display:inline }


		ul#nav li.about_me, ul#nav li.about_me a { width: 107px; background-position: 0px 0px; }
		ul#nav li.about_me a.on, ul#nav li.about_me a:hover, ul#nav li.about_me a:active, ul#nav li.about_me a.selected { width: 107px; background-position:0px -35px }
		
		ul#nav li.services, ul#nav li.services a { width: 121px; background-position: -107px 0px; }
		ul#nav li.services a.on, ul#nav li.services a:hover, ul#nav li.services a:active, ul#nav li.services a.selected { width: 121px; background-position: -107px -35px; }
		
		ul#nav li.portfolio, ul#nav li.portfolio a { width: 130px; background-position: -228px 0px; }
		ul#nav li.portfolio a.on, ul#nav li.portfolio a:hover, ul#nav li.portfolio a:active, ul#nav li.portfolio a.selected { width: 130px; background-position: -228px -35px; }
		
		ul#nav li.travel, ul#nav li.travel a { width: 100px; background-position:-360px 0px; }
		ul#nav li.travel a.on, ul#nav li.travel a:hover, ul#nav li.travel a:active, ul#nav li.travel a.selected { width: 100px; background-position: -360px -35px; }
		
/*------ SLIDER
#m-slider{
	height:10px; top:-2px;width:400px
}

#slider{
	width:20px;
	height:10px;
	float:left;
	line-height:20px;
	margin-top:0px;
	display:inline;
	font-size:1px;
	background-image:url(../links/slider.gif)
	
}
 ------*/

#copy { width:450px; float:left; height:auto; margin: 20px 0px 20px 30px}
#about_me { width:250px; float:left; height:auto; margin: 20px 0px 20px 30px}
#profile_pic { float:right; width:150px; margin:100px 30px 20px 20px }

#secondary_nav { text-align:center;
height:auto;
padding-right:10px;
font-size:1em;
margin-bottom:10px;
color:#333
}

#secondary_nav ul {
list-style-type:none;
margin:0px 0px 0px 0px;}


#secondary_nav ul li {
border-right:1px solid #006699;
display:inline;
margin:0pt;
padding:0pt 4px 0pt 2px;
}
#secondary_nav ul li.last {
border:medium none;
padding-right:0pt;
}
#secondary_nav ul li a {
color:#333;
text-decoration:none;
}
#secondary_nav ul li a:hover{
color: #006699;
text-decoration:underline;
}

<!--portfolio-->

#portfolio_nav{ height:408px; width:408px}
#web_roll{ position:relative; top:2px; left:2px;
}
 a.wrollover {
 display: block;
width: 200px;
height: 200px;
background: url(../links/portfolio_rollover_web.gif) 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;

 }
  a:hover.wrollover {
 background-position: -200px 0;
}
#photo_roll{position:relative; top:-198px; left:206px
}
a.prollover {
display: block;
width: 200px;
height: 200px;
background: url(../links/portfolio_rollover_photo.gif) 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px
 } 
  a:hover.prollover {
 background-position: -200px 0;
}
#flash_roll{ position:relative; top:-194px; left:2px
}
 a.frollover {
 display: block;
width: 200px;
height: 200px;
background: url(../links/portfolio_rollover_flash.gif) 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px
 }
  a:hover.frollover {
 background-position: -200px 0;
}
#research_roll{position:relative; top:-394px; left:206px
}

 a.rrollover {
 display: block;
width: 200px;
height: 200px;
background: url(../links/portfolio_rollover_research.gif) 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px
 }
  a:hover.rrollover {
 background-position: -200px 0;
}
#portfolio_nav{ height:400px; width:400px; padding:10px; margin-left:auto; margin-right:auto}

#news
{margin-left:auto; margin-right:auto; margin-top:-110px ; min-height:150px; width:400px; text-align:left}

ul { list-style-image: url(../links/bullet.gif); margin-left:20px; line-height:15px}
ul li{ margin-bottom:5px}

#myGallery
{
	text-align: left;
	margin: 0 auto; width:300px
}
#personal_gallery img , #villages_gallery img{float:right; border:none;}
#personal_gallery { margin-left:auto; margin-right:auto; padding-bottom:10px ; width:300px; }
#copy img {border:none}
a img {border:none}
#villages_gallery { margin-left:auto; margin-right:auto; padding-bottom:10px ; width:300px}
#swirl { position: fixed; top:0px; left:0px; z-index:-2}
#swirl_rt{position:fixed; top:0px; right:0px; z-index:-2}
#swirl_bottom_lft { position:fixed; bottom:0px; left:0px; z-index:-3}
#swirl_bottom_rt { position:fixed; bottom:0px; right:0px; z-index:-3}