/* layout */

body {background-color: #B6ACA2; margin-top: 0px; margin-left: auto; margin-right: auto;}

#container {width: 959px; margin-left: auto; margin-right: auto; background-image:url('images/shadow_right.gif'); background-repeat: repeat-y; background-position: right;}

#border {border: 1px solid #000000; width: 948px; text-align: left; background-color: #FFFFFF; float: left;}

#shadow {width: 9px; height: 172px; float: left; background-image: url('images/shadow_corner.gif');}

#logo {width: 208px; float: left;}

#banner {width: 740px; height: 172px; float: left; background-color: #9F7556;}

#menu {margin-left: 20px; margin-top: 77px;}

#menu2 {margin-left: 20px; margin-top: 60px;}

#content-left {width: 208px; float: left;}

#submenu {padding: 15px 0px 0px 20px; float: left; font-family: Arial, Helvetica, Verdana; font-size: 12px; line-height: 18px; color: #000000;}

#content-right {width: 740px; float: right;}

#divider {width: 668px; border-bottom: #626260 1px solid;}

#ten-things {width: 740px;}

#ten-things-btn {float: right; margin-right: 34px; margin-bottom: 73px;}

#sample-box {float: right; padding: 15px; margin-right: 40px; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-size: 15px; line-height: 18px; color: #655E55;}
#sample-box a {font-size: 15px; color: #164A6A; text-decoration: none;}
#sample-box a:link {color: #164A6A; text-decoration: none;}
#sample-box a:visited {color: #164A6A; text-decoration: none;}
#sample-box a:active {color: #164A6A; text-decoration: none;}
#sample-box a:hover {color: #9F7556; text-decoration: none;}

#home-copy {width: 450px; float: left; padding-top: 15px; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-size: 15px; line-height: 18px; color: #655E55;}

#subpage-copy {float: left; width: 450px; padding-top: 15px; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-size: 15px; line-height: 18px; color: #655E55;}

#sample-copy {float: left; width: 600px; padding-top: 15px; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-size: 15px; line-height: 18px; color: #655E55;}

#bios-copy {width: 580px; padding-top: 15px; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-size: 15px; line-height: 18px; color: #655E55;}

#clients-copy {width: 580px; padding-top: 15px; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-size: 15px; line-height: 18px; color: #655E55;}

#bottom {clear: both; width: 948px; height: 8px; background-color: #9F7556;}

#footer {clear: both; padding-top: 10px; background-image: url('images/footer_shadow.gif'); background-repeat: no-repeat; background-color: #B6ACA2; font-family: Arial, Helvetica, Verdana; font-weight: normal; font-size: 11px; line-height: 13px; color: #635A51;}

#footer-left {float: left; background-color: #B6ACA2;}

#footer-right {float: right; padding-right: 10px; background-color: #B6ACA2;}

/* styles */

ul {list-style-image: url(images/angle.gif); vertical-align: middle;}

.copy {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;}

.bigcopy {
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana;
	color: #655E55;}

.bold {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;}

.title {
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, Verdana;
	color: #666666;}
	
.subnav {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #000000;}
				
.vertbar {
	margin: 0px 40px 0px 40px;
	}
			
/* links */

A {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;}

A:link {color: #164A6A}
A:visited {color: #164A6A}
A:active {color: #164A6A}
A:hover {color: #9F7556; text-decoration: none;}

A.subtitle {
	font-family: Arial, Helvetica, Verdana;
	font-size: 15px;
	line-height: 18px;
	text-decoration: none;}

A.subtitle:link {color: #164A6A}
A.subtitle:visited {color: #164A6A}
A.subtitle:active {color: #164A6A}
A.subtitle:hover {color: #9F7556; text-decoration: none;}

A.nav {
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;}

A.nav:link {color: #FFFFFF}
A.nav:visited {color: #FFFFFF}
A.nav:active {color: #FFFFFF}
A.nav:hover {color: #164A6A; text-decoration: none;}

A.selected {
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;}

A.selected:link {color: #164A6A}
A.selected:visited {color: #164A6A}
A.selected:active {color: #164A6A}
A.selected:hover {color: #164A6A; text-decoration: none;}

A.subnav {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;}

A.subnav:link {color: #164A6A}
A.subnav:visited {color: #164A6A}
A.subnav:active {color: #164A6A}
A.subnav:hover {color: #000000; text-decoration: none;}

A.smaller {
	font-family: Arial, Helvetica, Verdana;
	font-weight: bold;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;}

A.smaller:link {color: #333333}
A.smaller:visited {color: #333333}
A.smaller:active {color: #333333}
A.smaller:hover {color: #E7A91B; text-decoration: none;}

A.footer {
	font-family: Arial, Helvetica, Verdana;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;}

A.footer:link {color: #333333}
A.footer:visited {color: #333333}
A.footer:active {color: #333333}
A.footer:hover {color: #E7A91B; text-decoration: none;}

/* overlay */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -58px;
left: -630px; /*position where enlarged image should offset horizontally */

}