/* CSS for John R Haynes Ship Models: April 2008: R Gant Updated 12.6.09*/

#body {font: 80% Verdana, Arial, sans-serif;}
p {font: 80% Verdana, Arial, sans-serif;}

h1 {font-family: Verdana, Arial, sans-serif; font-size: 90%; font-weight:bold; color:#005654}

#container {width: 960px; margin-left:auto; margin-right:auto}

#banner {padding-left: 10px; padding-right: 10px; margin-bottom: 20px;}

#navbar {font-size: 13px; color: #005654; font-family: verdana, arial, helvetica, sans-serif; padding: 0em 1em .1em 0; margin: 0 0 0 0; border-top: 2px solid #005654; border-bottom: 2px solid #005654; text-align: left; clear:both;}

#navbar ul {list-style: none;}

#navbar ul li {display: inline; padding: 0 .5em 0 .5em;}

#navbar a {color: #3B3177; text-decoration:none}

#pagename {font-size: 170%; font-weight: bold; color: #3B3177; position: absolute; top: 140px; left: 628px; border-style:none;}

#bodycontent {width: 920px; margin-left:auto; margin-right:auto}

#frontright {width: 440px; margin: 20px 0px 20px 460px; padding-top:10px;}

#frontleft {float: left; margin: 20px 20px 10px 0px;}
#frontimg {width: 420px; border: solid 1px #3B3177;}

#aboutleft {float: left; width: 440px; margin: 20px 0px 20px 0px; padding:0;}

#aboutright {margin: 20px 20px 10px 460px;}
#aboutimg {width: 420px; border: solid 1px #3B3177;}

#footer {font-size: 13px; color: #005654; font-family: verdana, arial, helvetica, sans-serif; padding: 0em 1em .1em 0; margin: 0 0 0 0; text-align: center; clear:both;}

#footer ul {list-style: none;}

#footer ul li {display: inline; padding: 0 .5em 0 .5em;}

#footer a {color: #fff;}

#starling {width: 640px; margin-left: auto; margin-right: auto; margin-top: 10px;}

.forsalegimg {border: solid 1px #3B3177;}

#shopadimages {width: 630px; margin-left: auto; margin-right: auto; border: 1px solid #3B3177; text-align:center; padding: 5px;}

#shopad {padding: 10px;}

#contact {text-align:center; padding: 10px;}

#links {padding: 10px 0px 0px 250px;}
#links ul {list-style-image: url(images/shipbullet.jpg); line-height: 250%}


/* gallery code - thumbs at side */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* end gallery */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


/* New portfolio home page */

/*div.portfoliohome {
	float: left;
	border: 0;
	margin: .7em 2em .5em 1em;
	min-height: 200px;
	width: 200px;
	display:block;
	padding: 20px;
}*/

#gallery {
	padding: 0 0 0 0;
	margin: 1em 0em 0 1em;
	background-color: white;
	color: black;
}


div.portfoliohome {
	float: left;
	border: 2px solid #005654;
	margin: 0 2em 10px 1em;
	padding: 20px;
	width: 200px;
	display:block;
}

div.portfoliohome img {
	width: 200px;
	height: 140px;
	border: 1px solid black;
}

div.portfoliohome p { 
	text-align: center;
	font-family: Verdana, Arial, sans-serif; font-size: 80%; color:#3B3177;
}

.portfoliohome h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight:bold; color:#005654}

.current {
	font-weight: bold;
	font-size: 150%;
}