/* Main layout and header */
body {
	background:#eee url(../img/gallery/bg.jpg) top center no-repeat;
	color:#555;
	font: normal 13px;
	text-align:right;
	font: verdana, arial, helvetica, sans-serif;

}

html { 
margin: 0; 
padding: 0; 
}

#wrap {
	width:650px;
	margin:25px auto 15px auto;
	background:#fff;
	-moz-box-shadow: 3px 3px 15px #aaa;
	-webkit-box-shadow: 3px 3px 15px #aaa;
	box-shadow: 3px 3px 15px #aaa;
}

/* LOGO */
#logo {
	height:75px;
	background:#fff url(../img/logo/Marshall.gif) top left no-repeat;
}

/* NAV STYLES */
#navlist {
	background-color:#fff;
	border-bottom: 1px solid #333;
	font: bold 12px Verdana, sans-serif;
	padding: 0 10px;
	width: 630px;
	margin-bottom: 10px;
	text-align: center;
}
#navlist li {
	list-style: none;
	margin: 0 5px 0 0;
	display: inline;
}
#navlist li a {
	padding: 2px 0.3em;
	border: 1px solid #333;
	border-bottom: none;
	background: #999;
	outline: none;
	text-decoration: none;
}
#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }
#navlist li a:hover { color: #fff; background: #333; border-color: #333; border-bottom: 1px solid #333; }
#navlist li a#current { color: #666; background: #fff; border-bottom: 1px solid #fff; }

/* PAGE TITLE */
#title {
	font-weight: normal;
	font-size: 17px;
	font: verdana, arial, helvetica, sans-serif;
	color: #666;
	background-color: #fff;
	text-align: center;
	margin: 0px 10px;
}

/* SUB TITLE */
#title2 {
	font-weight: normal;
	font-size: 9px;
	font: verdana, arial, helvetica, sans-serif;
	color: #666;
	padding: 5px 10px;
	background-color: #fff;
	text-align: left;
}

/* GALLERY STYLES */
.gallerycontainer {
	position: relative;
	background-color: #FFF;
	height: 500px;
	text-align:left;
}

.gallerycontainer .text {
	font-size: 11px;
	margin-bottom: 15px;
}

.gallerycontainer a,.gallerycontainer a:link,.gallerycontainer a:visited { 
font-weight: normal; 
}

.gallerycontainer li, .gallerycontainer ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
}

/* thumb nail col #1 */
#r1{
	width:50px;
	height:450px;
	float: left;
	background-color: #FFF;
	margin: 10px 0 10px 10px;
}

/* thumb nail col # */
#r2{
	width:50px;
	height:450px;
	float: left;
	margin-left:10px;
	background-color: #FFF;
	margin: 10px 0 10px 10px;
}

.thumbnail img {
	border: 1px solid #333;
	margin: 0 0 10px 0;
	width: 48px;
	height: 36px;
}

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

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

.thumbnail span { 
position: absolute; 
left: -2000px; 
visibility: hidden; 
text-decoration: none; 
}

.thumbnail:hover span img {
	margin: 10px 0 5px 0;
	border: 1px solid #333;
	height: 360px;
	width: 480px;
}

.thumbnail:hover span { 
visibility: visible; top: 0; 
left: 130px; 
z-index: 50; 
font-size: 12px; 
color: #333; }


#triples {
	width:650px;
	margin:auto;
	font:73% Georgia,Times New Roman,serif;
	text-align:left;
	line-height:1.8em;
	height: 300px;
}
.t1 {
	width:30%;
	margin:0 4% 0 10px;
	float:left;
}
.t2 {
	width:30%;
	margin:0 3% 0 0;
	float:left;
}
.t3 {
	width:30%;
	margin:0;
	float:right;
}

#triples h2 {
	font:Georgia,Times New Roman,serif;
	font-size:1.4em;
	color:#888;
	margin:0 0 10px 0;
}
#triples p {
	font-size:1em;
	color:#888;
	margin:0 0 10px 0;
	font: Georgia,Times New Roman,serif;
}

#footer {
	width:600px;
	margin:auto;
	padding: auto 25px;
	color:#aaa;
	font-size:10px;
	text-align:right;
	font:Georgia,Times New Roman,serif;
}
#footer a {color:#aaa;}

h1 {
	font-size:2.5em;
	padding:25px 0 0 0;
	font-weight:400;
	text-shadow:2px 2px 4px #bbb;
	font: Georgia,Times New Roman,serif;
}

h2 {
	font-size:1.1em;
	margin:-15px 0 25px 0;
	font-weight:400;
	text-shadow:2px 2px 4px #bbb;
	font: Georgia,Times New Roman,serif;
}

h2.slogan {; color:#777; text-shadow:2px 2px 4px #ccc;}

p {
	padding:0 0 15px;
	font: Georgia,Times New Roman,serif;
}

a {
	color:#b75858;
	text-decoration:none;
	font: Georgia,Times New Roman,serif;
}

a:hover {color:#872828;}

img {max-width:560px;}
img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {display:block; margin:10px auto;}
img.border {background:#f4f4f4; border:1px solid #ddd; padding:5px;}

dl {width:360px; margin:0 auto; font-size:1.4em;}
dt {float:left; clear:left; width:60px; text-align:right; color:#444; }
dd {margin:0 0 0 80px; padding:0 0 5px 0; text-align:left;}
