/* CSS Document */


body {
margin: 0 auto;
padding: 0;
font: 76%; font-family:Arial, Helvetica, sans-serif;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px; font-weight:100;
color:#6d6e71; text-decoration:none;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px; font-weight:bold;
color:#214446;
padding:0;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px; font-weight:bold;
color:#214446;
padding:0;
}

a {
color: #6d6e71;
text-decoration:none;
}

a:hover {
text-decoration: underline;
color: #214446;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

li {
list-style:none;
margin:0;
padding:0;	
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

ul{
margin:0;
padding:0;	
}

#subhead1 {
position:absolute; top:30px; left:480px;
width:280px;
}

#subhead2 {
position:absolute; 
top:70px; 
left:100px;
color:#6d6e71; 
width:300px;
}

.subhead-h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
font-weight:100;
line-height:20px;	
}

	


/*styles for animation*/


#dark{
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}

/*end styles for animation*/




#logo1 {
position:absolute; top:20px; left:145px;
}

#logo2 {
position:absolute; top:50px; left:100px;
border:none;
}

#image1 {
position:absolute; top:60px; left:140px;
}

#content {
position:absolute; top:150px; left:200px;
width:540px; color:#6d6e71; text-align:justify;
font-size:12px; line-height:1.5em;
}

.firstword {
font-family:Arial, Helvetica, sans-serif;
font-size:16px; font-weight:bold;
color:#214446;
}

	.firstword:hover {
	text-decoration:none;
	color:#408080;
	}

.city {
font-family:Arial, Helvetica, sans-serif;
font-size:9px; color:#6d6e71; text-transform:uppercase;
}



#specialties {
position:absolute; top:145px; left:30px;
text-align:right; width:120px;
font-family:Arial, Helvetica, sans-serif; font-size:12px;
color:#6d6e71;
}

#disclaimer {
position:absolute; top:680px; left:50px;
text-align:right; width:100px;
font-family:Arial, Helvetica, sans-serif; font-size:8px;
color:#6d6e71;
}



#mainnav a {
border:none;
}

#nava {
position:absolute; top:80px; left:780px;
border:none;
display:block;
width:95px;
height:95px;
background-image:url(images/nav_resume.gif);
background-position: 0px 0px;

}

	#nava:hover{
	background-position: 0px -95px;
	}
	
#navb {
position:absolute; top:190px; left:780px;
border:none;
display:block;
width:95px;
height:95px;
border:none;
background-image:url(images/nav_portfolio.gif);
background-position: 0px 0px;
}

	#navb:hover{
	background-position: 0px -95px;		
	}

#navc {
position:absolute; top:300px; left:780px;
border:none;
display:block;
width:95px;
height:95px;
border:none;
background-image:url(images/nav_accomp.gif);
background-position: 0px 0px;
}

	#navc:hover{
	background-position: 0px -95px;	
	}

#navd {
position:absolute; top:410px; left:780px;
border:none;
display:block;
width:95px;
height:95px;
border:none;
background-image:url(images/nav_contact.gif);
background-position: 0px 0px;
}

	#navd:hover{
	background-position: 0px -95px;	
	}


/*--bottom configuration
#nava {
position:absolute; top:540px; left:205px;
border:none;
}

#navb {
position:absolute; top:540px; left:335px;
border:none;
}

#navc {
position:absolute; top:540px; left:465px;
border:none;
}

#navd {
position:absolute; top:540px; left:595px;
border:none;
}
*/


#nav2a {
width:75px;
height:75px;
position:absolute; top:38px; left:450px;
border:none;
background-image:url(images/nav2_resume.gif);
background-position:0px 0px;
}

	#nav2a:hover {
	background-position:0px -75px;	
	}

#nav2a-page {
width:70px;
height:70px;
position:absolute; top:38px; left:450px;
border:none;
background-image:url(images/nav2_resume2.gif);
}

#nav2b {
width:75px;
height:75px;
position:absolute; top:38px; left:540px;
border:none;
background-image:url(images/nav2_portfolio.gif);
background-position:0px 0px;
}

	#nav2b:hover {
	background-position:0px -75px;	
	}

	#nav2b-page {
	width:70px;
	height:70px;
	position:absolute; top:38px; left:540px;
	border:none;
	background-image:url(images/nav2_portfolio2.gif);
	}

#nav2c {
width:75px;
height:75px;
position:absolute; top:38px; left:630px;
border:none;
background-image:url(images/nav2_accomp.gif);
background-position:0px 0px;
}

	#nav2c:hover {
	background-position:0px -75px;	
	}
	
	#nav2c-page {
	width:70px;
	height:70px;
	position:absolute; top:38px; left:630px;
	border:none;
	background-image:url(images/nav2_accomp2.gif);
	}

#nav2d {
width:75px;
height:75px;
position:absolute; top:38px; left:720px;
border:none;
background-image:url(images/nav2_contact.gif);
background-position:0px 0px;
}


	#nav2d:hover {
	background-position:0px -75px;	
	}
	
	#nav2d-page {
	width:70px;
	height:70px;
	position:absolute; top:38px; left:720px;
	border:none;
	background-image:url(images/nav2_contact2.gif);
	}



#gallery-nav{
width: 200px;
height:auto;
position:absolute;
left:100px;
top:200px;	
}

	
	#gallery-nav a{
	}
	
	#gallery-nav li h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; font-weight:100;
	text-decoration:none; color: #214446;	
	padding:0;
	margin:0;
	}

.gallery-list{
	margin-bottom:15px;
}

#markpic {
position:absolute; top:230px; left:100px;
}

#markname {
position:absolute; top:230px; left:220px;
}

#markinfo {
position:absolute; top:260px; left:220px;
width:220px; font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#6d6e71; line-height:16px;
}

#alexpic {
position:absolute; top:230px; left:480px;
}

#alexname {
position:absolute; top:230px; left:600px; width:400px;
}

#alexinfo {
position:absolute; top:260px; left:600px;
width:220px; font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#6d6e71; line-height:16px;
}


#sandypic {
position:absolute; top:400px; left:480px;
}

#sandyname {
position:absolute; top:400px; left:600px; width:400px;
}

#sandyinfo {
position:absolute; top:430px; left:600px;
width:220px; font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#6d6e71; line-height:16px;
}

#bobpic {
position:absolute; top:400px; left:100px;
}

#bobname {
position:absolute; top:400px; left:220px; 
}

#bobinfo {
position:absolute; top:430px; left:220px;
width:220px; font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#6d6e71; line-height:16px;
}

#sethpic {
position:absolute; top:570px; left:100px;
}

#sethname {
position:absolute; top:570px; left:220px; width:150px;
}

#sethinfo {
position:absolute; top:600px; left:220px;
width:220px; font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#6d6e71; line-height:16px;
}

#rustypic {
position:absolute; top:570px; left:480px;
}

#rustyname {
position:absolute; top:570px; left:600px;
}

#rustyinfo {
position:absolute; top:600px; left:600px;
width:220px; font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#6d6e71; line-height:16px;
}


#photos {
position:absolute; top:110px; left:90px;
}

#buttons {
position:absolute; top:150px; left:720px;
width:90px; border:none;
}

#buttons ul {
list-style:none; width:90px;
margin: 0 0 10px 0;
padding: 0;
border:none;
}


#buttons2 {
position:absolute; top:150px; left:815px;
width:90px; border:none;
}

#buttons2 ul {
list-style:none; width:90px;
margin: 0 0 10px 0;
padding: 0;
border:none;
}

#buttons3 {
position:absolute; top:150px; left:910px;
width:90px; border:none;
}

#buttons3 ul {
list-style:none; width:90px;
margin: 0 0 10px 0;
padding: 0;
border:none;
}

/*
#avmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.8em;
}

#avmenu ul {
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}
*/

#rule {
position: absolute; top:650px; left:90px;
width:690px; color:#214446;
}


#emphasis-slideshow{
width:600px;
position:absolute;
left:320px;
top:180px;	
}



/* Image gallery styles */

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 600px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
	outline: none;
	-moz-outline-style: none;
}
div.controls {
	position: absolute;
	z-index: 10;
}
div.controls a {
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
	width:600px;
}
div.slideshow-container {
	margin:0;
	padding:0;
	position: relative;
	clear: both;
	height: 388px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	height: 388px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 600px;
	height: 388px; /* This should be set to be at least the height of the largest image in the slideshow */
	/*line-height: 502px;*/ /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}
div.slideshow img {
	vertical-align: middle;
	border:none;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin-bottom:20px;
	padding:0;
}
ul.thumbs li {
	float: left;
	margin: 5px 5px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
	border: none;
}

a.prev{
position: absolute;
left:375px;
top:362px;		
width:20px;
height:100px;
}

	a.prev:focus
	{
	outline:none;
	}

a.next{
position: absolute;
left:955px;
top:362px;	
width:20px;
height:100px;	
}

	
	a.next:focus
	{
	outline:none;
	}

ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 0px;
}
div.navigation div.bottom {
	margin-top: 0px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}