html, body {
    width:100%;
    height:100%;
    background-color:#E7EDFD;
    margin:0 0 0 0;
	font:normal 10pt/12pt Arial, Tahoma, Sans-Serif, Helvetica; 
    color:#444444;
}

body#home {background:url(../images/gcy-home-bkgd.gif) repeat-x;}
body#site {background:url(../images/gcy-site-bkgd.gif) repeat-x;}

#wrap {width:990px;}

#header {position:relative; top:0; left:0; width:990px;}
#header.home {background:url(../images/gcy-home-header.jpg) no-repeat; height:222px;}
#header.site {background:url(../images/gcy-site-header.jpg) no-repeat; height:103px;} 

#gcy-logo {position:relative; width:340px; height:50px; left:0; top:20px;}
#gcy-logo.index-page {top:2px;}

#topmenu {position:absolute; width:711px; margin:-25px 0 0 200px;}



/* ---------- Side Navigation ---------- */

#side-nav {position:absolute; width:160px; margin-top:30px; margin-bottom:10px;}

#side-nav ul li.vessel {      /* Model Category Not Linked  */
   text-align:left;
   font:italic bold 10pt Verdana, Arial, Tahoma, Sans-Serif, Helvetica; 
   color:#fff;
   background:#225487 3px 3px; 
   margin-bottom:0; 
   padding:2px 0 4px 15px;}

#side-nav ul {list-style-type:none; margin:0; padding:0;}
#side-nav ul li {border-bottom:1px solid #97A2B8;}  /* Line between boats  */
#side-nav ul li.bottom {border-bottom:1px solid #F5F8FA;}  /* Line below last boat  */

#side-nav li a {
   padding:5px;
   width:150px;
   display:block;
   background-color:#F5F8FA;
   text-align:right;
   color:#235588;
   text-decoration:none;}
   

#side-nav li a.bottom {padding:5px; width:150px; display:block; background-color:#F5F8FA; text-align:right;
   color:#235588; text-decoration:none; padding-bottom:8px;} /* last/bottom element add more padding */

#side-nav li a:hover {background-color:#9FBAD7; text-decoration:none;}
#side-nav li a span {font:bold 8pt Verdana, Arial, Tahoma, Sans-Serif, Helvetica; padding-right:5px;}
#side-nav li a:hover span {color:#fff;}  /* hover word color */

#side-nav li a#active {background-color:#9FBAD7; text-decoration: none;}
#side-nav li a#active span {font:bold 8pt Verdana, Arial, Tahoma, Sans-Serif, Helvetica; color:#fff;}
#side-nav li a#active:hover span {color:#fff;}  /* hover word color */

img.nav {padding-top:3px;}  /* Add spacing above images on home page  */



/* ---------- Content ---------- */
  
#contentarea {width:711px; float:right; margin:35px 79px 15px 0;}
#contentarea.home {width:711px; float:right; margin:30px 79px 5px 0;}



/* ---------- footer ---------- */

#footer {clear:both;
    background-image:url(../images/footer-bkgd.jpg); background-repeat:repeat-x;
    height:110px;
	width:4000px;
}

.footer {margin-left:15px; width:975px; padding:0;}

td.abyc {width:77px; vertical-align:top; padding-top:40px;}
td.abbra {width:63px; vertical-align:top; padding-top:40px;}
td.facebook {width:115px; vertical-align:top; padding-top:40px;}
td.footer-text {width:380px; vertical-align:top; padding-top:35px;
	font-size:11px; line-height:18px; color:#fff;}
	
td.footer-image {width:250px; vertical-align:top; padding-top:1px;
	background-image:url(../images/footer-image.jpg); background-repeat:no-repeat;}

.footertext {font-size:10px; line-height:12px; text-decoration:none; color:#fff;}
a.white:link, a.white:visited, a.white:hover, a.white:active {color:#fff;}
.spacing{margin-left:5px; margin-right:5px; text-align:center; color:#fff;}




/* --- 6 Main Model Pages ----- */


table.model-gallery { /* --- Gallery Table on ALL Model Pages ----- */
margin-left:-3px; width:725px; border:0; padding:0;}

a.left:link, a.left:visited, a.left:hover, a.left:active { /* --- GC number and price on ALL Model Pages ----- */
float:left; color:#fff; text-decoration:none; margin-left:6px;}
div.right {float:right; color:#fff; text-decoration:none; margin-right:6px;}



div.model-header { /* --- Dark Blue Bar on CP Model Page ----- */
padding:4px 6px; height:16px; width:699px; background-color:#225487; font-weight:bold; color:#fff;}

#text-over { /* --- GC number over top of photos on CP Model Page ----- */
position:relative; width:165px; left:0; top:0;}
#text-over span {position:absolute; top:-1px; bottom:5px; margin:0 0 10px -161px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bolder; color: #225487;}
#text-over span.white {color:#fff;}

ul#CP-model, ul#CP-model li {margin:0; padding:0;} /* --- Layout of models on CP Model Page ----- */
ul#CP-model li {display:inline-block; vertical-align:top;
	width:165px;
	min-height:114px;
	background:#61839E;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-right:13px;
	/* For IE 7 */
	zoom:1; *display:inline;}
ul#CP-model li.last {margin-right:0;}




div.CS-model-header { /* --- Dark Blue Bar on CS Model Page different to account for Open Cabin Etc ----- */
height:24px; width:711px; background-color:#225487;}

ul#CS-model-top, ul#CS-model-top li {margin:0; padding:0;} /* --- Dark Blue Bar CS Open Cabin Etc ----- */
ul#CS-model-top li {display:inline-block; padding-top:4px; padding-bottom:4px; height:16px; width:165px;
	color:#fff; text-align:center; margin-right:10px; font-size:11px; font-weight:bold;
	zoom:1; *display:inline;}/* For IE 7 */
ul#CS-model-top li.last {margin-right:0;}




ul#vert-model, ul#vert-model li {margin:0; padding:0;} /* --- Layout for 4 Vertical CS and YS Model Images ----- */
ul#vert-model li {display:inline-block; vertical-align:top;
	width:165px;
	min-height:237px;
	background:#61839E;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-right:13px;
	/* For IE 7 */
	zoom:1; *display:inline;}
ul#vert-model li.last {margin-right:0;}




ul#YP-model, ul#YP-model li {margin:0; padding:0;} /* --- Layout for 2 images on YP Model Page ----- */
ul#YP-model li {display:inline-block; vertical-align:top;
	width:345px;
	min-height:213px;
	background:#61839E;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-right:10px;
	/* For IE 7 */
	zoom:1; *display:inline;}
ul#YP-model li.last {margin-right:0;}



ul#AR-model, ul#AR-model li {margin:0; padding:0;} /* --- Layout for 2 images on AR Model Page ----- */
ul#AR-model li {display:inline-block; vertical-align:top;
	width:345px;
	min-height:213px;
	background:#61839E;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-right:10px;
	/* For IE 7 */
	zoom:1; *display:inline;}
ul#AR-model li.last {margin-right:0;}



ul#ONE-model, ul#ONE-model li {margin:0; padding:0;} /* --- Layout for 1 image on AMB and SUP Model Page ----- */
ul#ONE-model li {display:inline-block; vertical-align:top;
	width:450px;
	min-height:272px;
	background:#61839E;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-left:150px;
	/* For IE 7 */
	zoom:1; *display:inline;}




ul#model-top-sister, ul#model-top-sister li {margin:0; padding:0;} /* --- Bar Above Model Sisterships ----- */
ul#model-top-sister li {display:inline-block; vertical-align:top; width:135px; min-height:14px;
	background:#A8C9ED; color:#225487; text-align:center; margin-right:5px; font-size:11px; font-weight:bold;
	zoom:1; *display:inline;}/* For IE 7 */
ul#model-top-sister li.last {margin-right:0;}

ul#model-sister, ul#model-sister li {margin:0; padding:0;} /* --- Sisterships Layout for Models ----- */
ul#model-sister li {display:inline-block; vertical-align:top;
	width:135px;
	color:#225487;
	text-align:center;
	margin-right:5px;
	/* For IE 7 */
	zoom:1; *display:inline;}
ul#model-sister li.last {margin-right:0;}




/* --- Individual Model Pages ----- */


table.indiv {width:711px; border:0px; padding:0;} /* --- First Top Table ----- */
td.description {vertical-align:top; width:575px; padding-right:20px;} /* --- Flush Left Description ----- */
td.details {vertical-align:top; width:114px;} /* --- Cell for Features Gallery Drawings ----- */

#Features {display:block; width:114px; height:31px;
  background: url("../images/features-sprite.jpg") no-repeat 0 0;}
#Features:hover {background-position:0 -31px;}
#Features span {position:absolute; top:-999em;}

#Gallery {display:block; width:114px; height:31px;
  background: url("../images/gallery-sprite.jpg") no-repeat 0 0;}
#Gallery:hover {background-position:0 -31px;}
#Gallery span {position:absolute; top:-999em;}

#Drawings {display:block; width:114px; height:31px;
  background: url("../images/drawings-sprite.jpg") no-repeat 0 0;}
#Drawings:hover {background-position:0 -31px;}
#Drawings span {position:absolute; top:-999em;}

#Videos {display:block; width:114px; height:31px;
  background: url("../images/videos-sprite.jpg") no-repeat 0 0;}
#Videos:hover {background-position:0 -31px;}
#Videos span {position:absolute; top:-999em;}


table.indiv2 {width:711px; border:0px; padding:0;} /* --- Second Table ----- */
td.indiv-image-vert {vertical-align:top; text-align:center; width:350px;} /* --- vert photo ----- */
td.indiv-image-hort {vertical-align:top; text-align:center; width:400px;} /* --- hort photo ----- */
td.specs1 {vertical-align:top; width:150px;} /* --- First Column Specs ----- */
td.specs2 {vertical-align:top; width:200px;} /* --- Second Column Specs ----- */

table.indiv-gallery { /* --- Gallery Table on ALL Individual Pages ----- */
margin-left:-3px; width:725px; border:0; padding:0;}
table.indiv-old-gallery {width:650px; border:0px; padding:0;} /* --- Width of Old Galleries ----- */
table.indiv-gallery-short {width:480px; border:0px; padding:0;}      /* For Short Old Galleries  */

p.divider-long { /* --- Divider Line if there are Sisterships ----- */
border:none; border-bottom:1px solid #235588; height:0; margin-bottom:-5px; width:710px;} 

ul#indiv-sister, ul#indiv-sister li {  /* -- Vertical Layout for 4 Sisters on Indiv Pages ----- */
margin:0; padding:0; text-decoration:none;}
ul#indiv-sister li {display:inline-block; vertical-align:top;
	width:135px;
	min-height:198px;
	background:#A8C9ED;
	font-weight:bold;
	text-align:center;
	margin-right:52px;
	/* For IE 7 */
	zoom:1; *display:inline;}
ul#indiv-sister li.last {margin-right:0;}

ul#indiv-sister-hort, ul#indiv-sister-hort li {  /* -- Hortizontal Layout for 4 Sisters on Indiv Pages ----- */
margin:0; padding:0; text-decoration:none;}
ul#indiv-sister-hort li {display:inline-block; vertical-align:top;
	width:135px;
	min-height:97px;
	background:#A8C9ED;
	font-weight:bold;
	text-align:center;
	margin-right:52px;
	/* For IE 7 */
	zoom:1; *display:inline;}


a.center:link, a.center:visited, a.center:hover, a.center:active { /* -- Indiv Page Sister Names ----- */
color:#225487; text-decoration:none;}




/* --------- home page table---------- */

table.home {width:720px; border:0px;}
td.left {vertical-align:top; width:200px;}
td.right {vertical-align:top; width:210px; text-align:center;}

/* --------- home page left column ---------- */

#just-launched {font:italic bold 14pt/10pt Arial, Tahoma, Sans-Serif, Helvetica; color:#235588; letter-spacing:-.01em; margin-bottom:6px; padding-left:35px;}

img.JustLaunched {background:url(../images/photo-drop-shadow.jpg) no-repeat right bottom;
    padding:6px 11px 11px 6px;
    margin-left:40px; margin-bottom:-1px;}
	
.adjust{margin-left:38px;}
#home-rightside {margin-left:35px; height:950px; padding-top:6px border-width:none;
background:url(../images/) no-repeat;}

p.divider {border:none; border-bottom:1px solid #235588; height:0; width:190px; margin-left:20px;} 



/* ------------ styling ------------ */

a:link {color:#003366;}
a:visited, a:hover, a:active {color:#882F33;}

h1 {font-size:1.4em; line-height:1.3em;                     /* -- Red Page Titles and Model Numbers ----- */
color:#882F33; letter-spacing:-.01em; margin-top:-5px;}

h2 {font-size:1.2em; font-weight:bold; margin-bottom:7px;}  /* -- All Caps Model Category ----- */

h3 {font-size:1.2em; font-weight:bold;                     /* -- Right Column Headers on Home Page ----- */
font-style:italic; color:#235588; margin:10px 0 5px 0;}

h4 {font-size:1.3em; font-weight:normal;                   /* -- Subheads on Article Page ----- */
line-height:1.3em; letter-spacing:.01em; margin-bottom:1px;}

h5 {font-size:1.1em; font-weight:bold; font-style:italic; /* -- Vessel Details on Indiv Model pages ----- */
margin-top:34px; margin-bottom:5px;}

h6 {font-size:0.9em; font-weight:bold; font-style:italic; /* -- Name Under Picture Indiv Model pages ----- */
margin-top:1px;}  

p {margin:0 0 1em}
p.red {color:#882F33;}

img {border:0px;}

img.RightShadow {
    background:url(../images/photo-drop-shadow.jpg) no-repeat right bottom;
    padding:6px 11px 11px 6px;
    margin-left:10px;
    float:right;
}
img.LeftShadow {
    background:url(../images/photo-drop-shadow.jpg) no-repeat right bottom;
    padding:6px 11px 11px 6px;
    margin-right:10px;
    float:left;
}