/*This is the core style sheet of Tad Roberts*/

body {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #1e1e1e; color: #575757; font-size: 98%; text-align: center; font-family:  "Georgia", "Bitstream Vera","Lucida Bright", "Garamond",serif;}

#wrapper {width: 96%; max-width: 1024px;min-width:980px;background: #fbfbfb; margin-top: 1.1em; margin-bottom: 0; margin-right: auto; margin-left: 1%; text-align: left; border-top: solid 3px #323232; }

.clear {clear: both;}
.clearance {clear: left;}
#header {margin: 0; width: 100%; position: relative;  padding: 0%; background: #1e1e1e;border-bottom: solid 1px #d1d1d1;border-left: solid 1px #323232;border-right: solid 1px #323232;}
#header a {color: #d1d1d1; text-decoration: none;background: #282828;padding: 2px 3px;}
#header a:hover {color: #9e9e9e;background: #323232;}
#header > #site_name {position: absolute; top: 1.4em;left:1.2em; width: 40%;margin: 0%;padding: 0% 0% 0.5% 0%;background: #1e1e1e;}
#header #site_name {position: absolute; top: 1.4em;left:1.2em; width: 40%;margin: 0%;padding: 0% 0% 0.1% 0%;background: #1e1e1e;}
h1 {z-index:3;border: solid 1px #1e1e1e;text-align: left; text-decoration: none; margin: 0% 0% -0.27em 0%; letter-spacing: 0.1em; font-size: 1.42em;}
span.site_description {padding: 2px 3px;border-bottom: solid 1px #323232; border-top: solid 0px #323232;z-index:1; margin: 0%; background: #282828; color: #999; font-weight: bold;font-size: 0.85em; } 


h1.home-link {border: solid 1px #1e1e1e;text-align: left; text-decoration: none; margin: 0% ; letter-spacing: 0.1em; font-size: 1.42em;padding-bottom:0;}
h1.home-link > span.site-description {z-index:1;position: relative; top: -0.88em; border-bottom: solid 1px #323232; letter-spacing: 0; margin:  0em; background: #282828; color: #999; font-weight: bold;font-size: 0.56em; } 
span.site-description {z-index:1;position: relative; left: 0.15em;top: -0.40em;padding: 0px 3px 2px 3px;border-bottom: solid 1px #323232; letter-spacing: 0; margin:  0em; background: #282828; color: #999; font-weight: bold;font-size: 0.56em; }

#header > #quotes {text-align: right;width: 60%;float: right; clear:right; position: relative; margin: 0%; padding: 0.2% 0% 0.4% 0%;}
#header #quotes {text-align: right;width: 60%;float: right; clear:right; position: relative; margin: 0%; padding: 0%;}

#quotes > #top-nav {float: right;list-style: none; margin: 0.1em 1% 0.04em 0%;   padding: 0;}
#top-nav {float: right;list-style: none;  margin:0.1em 0 0.1em 0; padding: 0;}
#top-nav li {float: left; margin: 0 0 0.1em 0; padding: 0; font-weight: bold;}
#top-nav li a {border-top: solid 3px #323232;border-bottom: solid 1px #1a1100;border-right: 2px solid #000;text-decoration: underline;display: block;font-size: 78%;background: #282828;color: #9e9e9e;padding: 0.6em 0.52em 0.7em 0.52em;}
#top-nav li a:hover {background: #323232;color: #d1d1d1;}
#top-nav li a:active {color: #752727; background: #282828;}
#top-nav #here a {background: #323232;color: #d8d8d8; text-decoration: underline;}
#quotes p.header_quote {position: relative; right: 3px;overflow: hidden;width: 90%;text-align: right;float: right;clear: right;margin: 0.26em 0.1em 0.96em 0;font-weight: bold;font-size: 0.84em; line-height: 0.98em;color:#d1d1d1;}

#nav {border-top: solid 3px #323232;width:100%;clear: both;border-bottom: solid 1px #999;background: #282828; float: left;margin: 0; padding: 0; list-style: none; font-size: 0.95em;} 
#nav li.nav-bar {margin: 0; padding:  0; float: left; position: relative; border-right: 2px solid #000;}
#nav ul.bar-01 {margin: 0 0 0 0; padding: 0; list-style: none;font-weight: bold; font-size: 0.86em; line-height: 0.86em; }
#nav ul.bar-01 li {margin: 0; float: left; position: relative;   background: #323232; width: 13.0em; margin: 0;  border-top: solid #282828 1px;}
#nav li.nav-bar > ul.bar-01 {position: absolute; width: 13.0em; top: 4.08em; left: -999em; background: #323232;}
#nav li.nav-bar ul.bar-01 {position: absolute; width: 13.0em; top: 2.48em; left: -999em; background: #323232;}
#nav li:hover ul.bar-01 {left: auto;}
#nav li:hover ul.bar-01, #nav > li.sfhover ul.bar-01 {left: auto;}
#nav li:hover ul.bar-01, #nav li.sfhover ul.bar-01 {left: 1px;}
#nav  li.nav-bar a {display: block;  color: #999; font-weight: bold; padding: 0.5em 0.9em; text-decoration: none;}
#nav li.nav-bar a.first {padding-left: 1.4em;}
#nav li.nav-bar a:hover {color: #d8d8d8; background: #323232;text-decoration: underline;}
#nav li.nav-bar a:active {color: #752727; background: #323232;}
#nav #currentpage a {padding: 0.3em 0.9em 0.6em 0.9em;display: block;border-top: solid 3px #323232;background: #323232;color: #d8d8d8; text-decoration: underline; font-weight: bold; }
#nav #currentpage a.first {padding: 0.3em 0.9em 0.6em 1.4em;display: block;border-top: solid 3px #323232;background: #323232;color: #d8d8d8; text-decoration: underline; font-weight: bold; }
#nav #currentpage a:active {color: #752727; background: #323232;}
#nav ul.bar-01 li a {display: block; font-weight: bold; text-align: left; padding: 7px 0.4em 7px 0.7em;background: #323232;}
#nav ul.bar-01 li a.top {border-top: solid 0px #323232;}
#nav ul.bar-01 li a:hover {color: #d8d8d8; background: #323232; padding: 7px 0.4em 7px 0.7em;   }
#nav ul.bar-01 li a.bottom :hover {border-bottom: solid #1e1e1e 0px;}
#nav ul.bar-01 li a:active {color: #752727; background: #282828;}
#nav #currentpage ul.bar-01 li a {color: #999;text-decoration: none;display: block; font-weight: bold; text-align: left; padding: 7px 0.4em 7px 0.7em;}
#nav #currentpage ul.bar-01 li a:hover {color: #d8d8d8;text-decoration: underline; background: #323232; padding: 7px 0.4em 7px 0.7em;   }
#nav #currentpage ul.bar-01 li a:active {color: #752727; background: #323232;}

.clear {clear: both;}
.clearance {clear: left;}




#main-content {margin: 0; clear: left;  border: none; padding: 0; width: 100%;}
#main-content.clear {clear: both;}
.clear-right {clear: right;}
#main-content a {color: #d1d1d1; font-weight: normal; text-decoration: underline; }
#main-content a:hover {color: #d0d0d0; text-decoration: underline;}
#main-content a:active {color: #752727; text-decoration: none;}

#left-content {float: left; margin: 0%;  width: 68%;padding: 0%; background: #1e1e1e; overflow: hidden; }
#right-content {float: right; margin:0% ; padding: 0%; width: 32%; background: #fff;}
#left-content img {float: left;clear: right;  margin: 0 1em 0.5em 1em;}
#left-content #white img.cutter {width: 550px; height: 93px;overflow: hidden;}
#white {margin: 0; padding: 0; clear: both; width: 100%;  }


#top-content {border: solid 2px #1e1e1e;}

#top-content p.layer-04{
     background: url(/images/corner.png) top right no-repeat;
     position: relative;
     right: -2px;
     top: -2px;
     padding: 1em;
     margin: 0;
 }

#top-content #breadcrumbs {background: #1e1e1e; width: 100%; margin: -0.5em 0% 0% 4%;font-size: 0.8em;font-weight: bold;}
#top-content #breadcrumbs ul {list-style: none;  margin: 0; padding: 0;display: inline;}
#top-content #breadcrumbs ul li.crumbs { display: inline;  color: #999;background: #282828;}
#top-content #breadcrumbs li.crumbs a {border-top: solid 2px #323232;border-bottom: solid 1px #1a1100;border-right: 2px solid #000;text-decoration: underline;background: #282828;color: #9e9e9e;padding: 0.2em 0.3em 0.3em 0.3em;}
#top-content #breadcrumbs li a:hover {text-decoration: underline; color: #d8d8d8;}
#top-content #breadcrumbs li a:active {color: #752727; }

#left-content ul {list-style: none; margin: 1em 0 2em 3%; padding:0;}
#left-content ul#keys li {list-style: disc;float: none;}
#left-content ul li {color: #d8d8d8; }
#left-content ul li a {color: #d1d1d1; font-size: 1.0em; padding-bottom: 0.04em;font-weight: bold;margin-bottom: 0.16em;}
#left-content ul li a:hover {color: #fdfdfd; }

#left-content > #sub-wrapper {padding-bottom: 13.5%;z-index: 1;font-size: 0.85em;font-weight: bold;color: #d8d8d8; background: #1e1e1e;margin-left: 1%;margin-right: 2%;border: solid 1px #1e1e1e;}
#left-content #sub-wrapper {padding-bottom: 3.5%;z-index: 1;font-size: 0.85em;font-weight: bold;color: #d8d8d8; background: #1e1e1e;margin-left: 1%;margin-right: 2%;border: solid 1px #1e1e1e;}
#sub-wrapper > #left-col {color: #d1d1d1;float: left; width: 45%; margin: 2em 0 0 0em; padding-bottom: 13em;}
#sub-wrapper > #left-col.map {margin: 2em 1em 0 1em;}
#left-col {color: #d1d1d1;float: left; width: 45%;margin: 2em 1em 0 -0.4em;padding-bottom: 13em;}
#left-col.map {margin: 2em 1em 0 0.4em;}
#left-col ul {list-style: none;margin: 0; padding: 0;}
#left-col ul.site-map{margin:0 0 3em 0;background:#282828;color:#d1d1d1;	position:relative;} 
#left-col ul li{margin: 0; padding: 0;}
#left-col ul.site-map li {padding:3px 6px;}
#left-col ul.site-map li.handle {padding:9px 11px;font-size:1.1em;margin:0em 0em 0.2em 0em; 
	font:normal normal normal ;}
#left-col ul.site-map li.handle ul {border:none;padding:3px 6px;margin-top: 0.2em;margin-bottom: 0.2em;}

#sub-wrapper > #right-col {color: #d1d1d1;float: right; clear: right;  width: 45%;  margin: 2em 4% 0% 0%; padding: 0;}
#right-col {color: #d1d1d1;float: right; clear: right; width: 45%;  margin: 2em 0% 0% -2.2em; padding: 0;}	

#menu li { width: 100%; margin: 0 0.1em 0 0; padding: 0; }
#menu #here a {color: #fbfbfb; background: #1e1e1e; text-decoration: underline; }
#menu li a { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; display: block; font-weight: bold;color: #fbfbfb; padding: 6px 0.2em 6px 0.2em; background-color: #282828; text-decoration: none;}
#menu li a:hover {color: #fbfbfb; background-color: #282828;text-decoration: none; } 


#right-col ul {list-style: none;margin: 0; padding: 0;}
#right-col ul.site-map{margin:0 0 3em 0;background:#282828;color:#d1d1d1;position:relative;}
#right-col ul li{margin: 0; padding: 0;}
#right-col ul.site-map li {padding:3px 6px;margin: 0;} 
#right-col ul.site-map li.handle {padding:9px 11px; font-size:1.1em;margin:0em 0em 0.2em 0em; 
	font:normal normal normal ;}
#right-col ul.site-map li.handle ul {border:none;padding:3px 6px;margin-top: 0.2em;margin-bottom: 0.2em;}
	
#left-content #white {background-color: #fff; width: 100%; height: 93px;}
#left-content #bottom-content {z-index:1;border: solid 1px #1e1e1e;}
#left-content #bottom-content #portfolio {width: 96%; margin-top: 2em;}
#left-content #bottom-content img {position: relative;z-index: 2;margin-left: -0.2em;margin-bottom: 1.2em;border:solid 2px #ccc; width: 95%; height: 95%;background: #282828; }
#left-content #bottom-content img.col {position: relative;z-index: 2;margin-left: -0.2em;margin-bottom: 1.2em;border:solid 2px #ccc; width: 95%; height: 95%;background: #282828;  }
#left-content #bottom-content img.col-2 {clear: none;margin-left: 2%; margin-right: 2%; text-align: center;width: 100%; height: auto;  }
#left-content #bottom-content img.half-size {overflow: hidden;width: 260px;position: relative;z-index: 2;margin-left: -0.2em; margin-bottom: 1.2em;border:solid 2px #ccc;  background: #282828;} 
#left-content #bottom-content img.thumbnail {width: 120px;position: relative;z-index: 2;margin-left: -0.2em;margin-bottom: 0.1em;border:solid 2px #ccc;  background: #282828;} 
#left-content #bottom-content img.home {margin-left: -0.5em; border:solid 2px #ccc;}
#left-content #bottom-content img#placeholder {border:solid 2px #ccc; background: #282828; }
#left-content #bottom-content p.last_updated {
	background: url(/images/cornerR.png) bottom right no-repeat; clear: both; position: relative; padding: 1em;
	right: -1px;
	bottom: -1px;
}

.portfolio-group {
	width:100%;
	float:left;
	margin:0 1em 1em 1em;
	}

  .portfolio-handle {
	background:#282828;
		color:#d1d1d1;
	
	padding:3px 6px;font-size:1.2em;margin:0.3em 0em 0.2em 0em; 
	font:normal normal normal ;
	position:relative;border: solid 1px #282828;
	}
	
	
.portfolio-content {
	background:#282828;
	margin:0;
	padding:5px;
	list-style-type:none;border: solid 1px #282828;
	}
	
.portfolio-content p {
	font:bold normal normal;
	margin:0 0.6em 1em 0.4em;
	letter-spacing:0;
	color:#d1d1d1;}
	
.portfolio-content p.specifications span {line-height: 1.2em;padding-bottom: 2px;}	
	
.portfolio-content p.link-to-small-boats { 
        background: url() bottom right no-repeat; clear: both; position: relative; margin: 0;padding: 1em;
	right: -0.8em;
	bottom: 0.8em;
	}
		
.portfolio-content dl {
	background:#282828;
		color:#d1d1d1;
	width: 98%;
	padding:3px 6px;font-size:1.0em;margin:0em 0em 1.5em 0em; 
	position:relative;
	}
	
	
.portfolio-content dt {
	background:#282828;
		color:#d1d1d1;
	
	padding:3px 0px;margin:0em 0em 0em 0em; 
	font-size: 1.02em;
	position:relative;
	}
.portfolio-content dt.article-title {
	background:#282828;
		color:#d1d1d1;
	
	padding:3px 0px;margin:0em 0em 0em 0em; 
	font-size: 1.18em;
	position:relative;
	}	
.portfolio-content dd {
	background:#282828;
		color:#d1d1d1;
	text-align: left;
	padding:0px 0px;font-size:0.96em;margin:0.2em 0em 0em 0em; 
	
	position:relative;
	}
	
	
.portfolio-content dd.boat-name {
	background:#282828;
		color:#d1d1d1;
	text-align: left;
	padding:6px 3px;font-size:0.96em;margin:0.2em 0em 0em 1em; 
	font-weight: bold; 
	position:relative;
	}
		
.portfolio-content dd.extract {margin: 1em;} 			
.portfolio-content li {
	font:bold normal normal;
	margin:0 0.4em 1em 0.4em;
	letter-spacing:0;
	color:#d1d1d1; display: inline;}
	
.portfolio-content li a { 
	
	border: solid 1px #ccc;padding: 0px 7px 8px 7px ;
	overflow:hidden;}	
	
			
 .portfolio-content #ul.slides {margin:0.3em 0em 0.2em 0em ; padding: 0%; background: #ccc;}
 .portfolio-content #ul.slides li.slide-show {margin: 0  ;list-style:none; float: left; padding:0;  }
  .portfolio-content #holder-wrapper { width: 100%;clear: none; margin: 0 0 1.8em 0; padding: 0;}
 .portfolio-content > #holder-wrapper { width: 100%;clear: none; margin: 0 0 1.0em 0; padding: 0;}
  .portfolio-content #holder {clear: none; width: 562px; height: 292px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #chack-holder {clear: none; width: 562px; height: 385px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #review-holder {clear: none; width: 562px; height: 262px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper > #review-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #islandeagle-holder {clear: none; width: 562px; height: 330px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper > #invader-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #invader-holder {clear: none; width: 562px; height: 240px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #pogi-holder {clear: none; width: 562px; height: 303px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #ratty-holder {clear: none; width: 562px; height: 266px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #electric-launch-holder {clear: none; width: 562px; height: 333px;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper > #electric-launch-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper #ragsdale-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em;  margin: 1em 0em 0.4em 0em; }
.portfolio-content #holder-wrapper > #ragsdale-holder {clear: none; width: 562px; height: 277px;position: relative; left: 1.4em;  margin: 1em 1em 0.4em 0em; }
.portfolio-content #holder-wrapper  #johnsbay-holder {clear: none; width: 562px; height: 388px;position: relative; left: 1.4em;  margin: 1em 1em 0.4em 0em; }
.portfolio-content #holder-wrapper > #johnsbay-holder {clear: none; width: 562px; height: 100%;position: relative; left: 1.4em;  margin: 1em 1em 0.4em 0em; }
.portfolio-content #holder-wrapper > #white-pine-holder {clear: none; width: 95%; max-width: 562px; height: 95%;max-height:330px;position: relative; left: 1.2em;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #white-pine-holder {clear: none; width: 562px; height: 330px;position: relative;  left: 1.0%;margin: 0em 0em 0em 0em; }
.portfolio-content #holder-wrapper > #captflint-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 428px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #captflint-holder {clear: none; width: 562px; height: 428px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #sailing-cruiser01-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 456px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #sailing-cruiser01-holder {clear: none; width: 562px; height: 456px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #sailing-cruiser02-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 505px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #sailing-cruiser02-holder {clear: none; width: 562px; height: 505px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #sailing-cruiser03-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 489px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #sailing-cruiser03-holder {clear: none; width: 562px; height: 489px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #alder-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 341px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #alder-holder {clear: none; width: 562px; height: 341px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #oak-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 420px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #oak-holder {clear: none; width: 562px; height: 420px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #sitka-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 356px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #sitka-holder {clear: none; width: 562px; height: 356px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #ironbark-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 370px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #ironbark-holder {clear: none; width: 562px; height: 370px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #douglasfir-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 370px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #douglasfir-holder {clear: none; width: 562px; height: 370px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper > #redcedar-holder {clear: none; width: 95%; max-width: 562px; height: 95%; max-height: 327px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #redcedar-holder {clear: none; width: 562px; height: 327px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }
.portfolio-content #holder-wrapper >  #pilotbay {clear: none; width: 95%; max-width: 660px; height: 95%; max-height: 460px;position: relative; left: 2.8%;  margin: 0em 0em 1.4em 0em; }
.portfolio-content #holder-wrapper #pilotbay {clear: none; width: 541px; height: 377px;position: relative;  left: 2.8%;margin: 0em 0em 1.4em 0em;padding:0; }

 #holder-wrapper .small-powerboat-holder {clear: none; width: 562px; position: relative; left: 1.4em;  margin: 1em 1em 0em 0em; }

#right-content.vcard a {color: #282828; font-weight: normal; text-decoration: underline; }
#right-content.vcard a:hover {color: #1e1e1e; text-decoration: underline;}
#right-content.vcard a:active {color: #575757; text-decoration: none;}
#right-content a {color: #575757; font-weight: normal; text-decoration: underline; }
#right-content a:hover {color: #1e1e1e; background: #ccc;font-weight: normal; text-decoration: underline; }
#right-content a:active {color: #000; font-weight: normal; text-decoration: underline; }

#right-content {float: right; margin: 0; padding: 0; width: 32%; background: #fff;}
#right-content #menu-box {background: #fbfbfb;position: relative; margin: 2.8em 0em 0em 0em;  right: 0px; left: 0px; width: 98%; padding: 0; }
#right-content #menu-box #drm-protest {background: #ccc;width: 85%;margin: 0.8em 0em 0.8em 1.4em;}
#menu-box ul.colophon {margin-top:0;margin-bottom:0;}
#right-content #menu-box > img {width: 95%; height: 95%;  max-width: 280px;margin:0; padding:0;overflow: hidden;}
#right-content #menu-box img.tad {width: 160px; height: 158px;}
#right-content #menu-box > img.fin-de-siecle {width: 95%;height: 95%;}
#right-content #menu-box img.fin-de-siecle {width: 253px;height: 142px;}
#right-content #menu-box > img.island-eagle {width: 95%;height: 95%;}
#right-content #menu-box img.island-eagle {width: 270px;}
#right-content #menu-box > img.memory {width: 95%;height: 95%;}
#right-content #menu-box img.memory {width: 253px;}
#right-content #menu-box > img#memory-exterior {width: 95%;height: 95%;}
#right-content #menu-box img#memory-exterior {width: 253px;height: 220px;}
#right-content #menu-box > img#julieann {width: 95%;height: 95%;}
#right-content #menu-box img#julieann {width: 253px;height: 168px;}
#right-content #menu-box > img#twin-funnels {width: 95%;height: 95%;margin: 0.2em;}
#right-content #menu-box img#twin-funnels {width: 253px;height: 153px;margin: 0.2em;}
#right-content #menu-box > img#express47 {width: 95%;height: 95%;}
#right-content #menu-box img#express47 {width: 260px;height: 143px;}
#right-content #menu-box img#tern {width: 258px;height: 173px;}
body > img#hetairos {width: 95%;height: 95%;overflow: hidden;}
body img#hetairos {width: 270px;height: 225px;}


.floatleft {float: left; padding: 0; }
.floatright {float: right; margin-top: 0px;}
.clear {clear: both; margin: 0;}
.folio {position: relative; top: -15px;}
.vcard {margin: 1em 1em 0 1em; color: #282828; font-weight: normal;background-color: #fbfbfb;}

legend {font-weight: normal; color: #d1d1d1; background: #1e1e1e;padding:3px 2px;font-size:1.2em;margin:0.3em 0em 0.2em 0em; }

fieldset {width: 80%;background: #282828;margin: 2em 1em 1em 1em;  padding: 1em; border: solid 1px #282828;}
fieldset div br {display: none;background: #282828;}
fieldset span.rt { float: right; margin:0; padding:0;
     background: url(/images/) top right no-repeat;
     position: relative;
     right: -1em;
     top: -1em;
     padding: 1em;
     margin: 0;
 }
fieldset span.rb {float: right; margin:0; padding:0;  
        background: url(/images/grey-cornerR.png) bottom right no-repeat; clear: both; position: relative; margin: 0;
	right: -1.12em;
	bottom: -1.12em;
	padding: 1em;
         margin: 0;
	}
label {display: block;color: #d1d1d1;font-weight: bold; font-size: 90%;}
input.submit {border: none; font-size: 80%;font-weight: normal;color:#575757; background: #fbfbfb; font-family: serif;}
input.text { color:#000; background: #fbfbfb; }
textarea.text { color:#000; background: #fbfbfb; }

#footer {clear: both; width: 100%;  background-color: #fbfbfb; margin: 0; padding: 0.8em 0 3em 0;}

#footer #foot-menu {width: 68%; margin: 0.9em 0 0 1em;font-size: 0.8em;list-style: none; padding: 0;}
#footer #foot-menu ul {list-style: none; display: inline; margin: 0; padding: 0;}
#footer #foot-menu ul li.foot {font-weight: normal; display: inline; color: #575757;list-style: none;}
#footer #foot-menu li.foot a {font-weight: bold; text-decoration: underline; color: #575757;}
#footer #foot-menu li.foot a:hover {text-decoration: underline; color: #1e1e1e;background: #ccc;}
#footer #foot-menu li.foot a:active {color: #000;background: #ccc; }

p {margin: 0 1em 0 1em;  padding: 0.3em 0.1em;   }
p.introduction {margin-top: 0;margin-bottom: 0.1em; }
p.testimonials {margin-top: 0;margin-bottom: 0.2em; }
p.colophon {margin-top: 0;margin-bottom: 0em;  }

p.grey {color: #d8d8d8; margin-left:3%; font-weight: bold;font-size: 0.85em;font-family: "Georgia";}
p#desc {text-align: left; clear: none;margin: 0 1em 1em 1em;  padding: 0.3em 0.1em;}
p.contact {font-size: 1em; text-align: left; margin: 1em 0 0 1em; color: #d1d1d1; padding-left: 6px; padding-right: 6px; font-family: Times, "Georgia", "Lucida Bright", serif;}
p.images {margin: 0 1em 0 1em;}

p.reviews, p.pubs {margin-top: 0;margin-left:5%;}
p.layer04 {line-height: 1px; font-size: 1px;margin-bottom: -1em;}
p.last_updated {margin: 0; padding: 0;font-size: 80%;clear: both;color: #d8d8d8;font-weight: bold; }
p.pullquote {margin: 1em 3em 0 3em; background-color: #eee; color: #575757; padding: 2%; font-style: italic;}
p.footer {font-size: 0.71em; font-weight: bold;color: #282828; text-align: left; padding-top: 1em; margin: 1em;}
p.clearboth {clear: both; margin: 0; padding-bottom: 0px;}
dl {float: left; font-weight: bold;font-size: 0.85em;margin:0; padding:0;}
  dt {margin:0; padding:0; color: #eee;}
  dt img {width: 100%; height: 100%;}
dd {color: #eee; text-align: center;margin:0; padding:0;}
dl.office {margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 1em;}
  dt.flowers {padding: 0px 1.0em 0px 1.1em;}
  dt.view {margin-right: 0px;}

 {z-index:3;border: solid 1px #1e1e1e;text-align: left; text-decoration: none; margin: 6.0% 0% -0.2em 6%; letter-spacing: 0.1em; font-size: 1.42em;
  }  
  span.top-corner{background: url(/images/corner.png) top right no-repeat;
     position: relative;
     right: -2px;
     top: -2px;
     padding: 1em;
     margin: 0;}
 {margin: 0% 0% -0.2em 6%;padding: 2px 3px;border-bottom: solid 1px #323232; border-top: solid 0px #323232;z-index:1;  background: #282828; color: #999; font-weight: bold;font-size: 0.85em; }
h2 > span.page-description {position: relative; top: -0.3em; left: -1px;padding: 2px 3px; margin: 0% 0% 0% 0%; color: #999; font-weight: bold;font-size: 0.62em;}
span.page-description {padding: 2px 3px; margin: -0.3em 0em 0em 0%; color: #999; font-weight: bold;font-size: 0.62em;}

span.hide {display: none;}

span.pub-date {color: #999; font-weight: bold;margin: -0.3em 0 0 1.5em;}
span.n {font-size: 90%; }
span.menu-list {
	margin:0;
	padding:0 0.3em 2px 0.3em;
	}
span.bold {color: #ccc; font-weight: bold; margin-left: 0;}
span.grey {color: #ccc; font-size: 1em; margin: 0; font-weight: normal;}
span.silver {color: #575757;}
span.sig {font-weight: bold; font-size: 87%;margin-bottom:0;}
span.quotations {color: #ccc;font-weight: bold;position: relative; bottom: ;left: -0.2em; font-size: 120%; padding: 0 0.06em 0 0;}
span.end_quote {color: #ccc;font-weight: bold;font-size: 110%;position: relative;right: -0.2em; }
     span.start_quote {position: relative; left: -0.03em;color: #999;font-weight: bold;margin-top: 0;font-size: 130%;
         
     }
     span.end-quotes {color: #999;font-weight: bold;margin-top: 0;font-size: 130%;position: relative; top: 3px;right: -0.02em;
         
     }
h2 {font-size: 1.24em; margin: 1em 1em 0 4em; text-align: left; color: #d1d1d1; }
h2.main_heading {font-size: 1.28em;text-align: left; margin: 1em 0em 0em 1em;padding: 0;}
h2.contact {font-size: 1.2em; text-align: left; margin: 1em 0 0 1em; letter-spacing: 1px; text-decoration: none; color: #d1d1d1; font-weight: bold; padding-left: 5px; }
h3 {color: #fbfbfb;font-weight: bold;font-size: 1.16em; text-align: left; margin: 0 1em 0em 1em;  text-decoration: none;   }
h3.sub-heading {background: #fff;border-bottom: solid 2px #eee;color: #575757;font-weight:normal;font-size: 1.24em; text-align: left; margin: 0 1em 0em 1em; padding: 0.1em 0.2em; text-decoration: none;   }

h4 {font-size: 1.1em; margin: 0em 1em 0.5em 0.5em;}
h4.featured_client {color: #575757;font-weight: normal;font-size: 1.01em; margin: 0.3em 1em -0.3em 1em;}