/* melomediadesign.com styles */

* {
	margin: 0;
	padding: 0;

}


body {
	background: #f3f2e8 url('images/bg2.gif') no-repeat center top; 
	margin: 40px 0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #635c58
}

h1, h2, h3 {
	font-weight: normal;
	color: #3B3B3B;
}

h1 { font-size: 182%; }
h2 { font-size: 122%; }
h3 { font-size: 100%; }

ul, ol {
	margin-bottom: 20px;
	line-height: 142%;
	font-size: 95%;
}
	
p {
	margin-bottom: 20px;
	line-height: 142%;
	font-size: 98%;
}

a:link {
	color: #0AAAFD;
}

a:hover {
	text-decoration: none;
	color: #ED2024;
}

#wrapper {
	background: #FFFFFF;
	margin: auto;
	width: 788px;

}


#header {
	width: 770px;
	height: 80px;
	margin: 0 auto;
	
}

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

#logo h1 {
	padding-top: 20px;
	text-align: center;
}

#logo h1 a {
	font-weight: normal;
	font-size: 24px; 
	color: #3B3B3B;
}

#logo h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
}

#logo h2 a {
	color: #B3A7A0;
}

#logo a {
	text-decoration: none;
}

#menu {
	float: left;
	width: 530px;
}

#menu ul {
	margin: 0;
	padding-left: 30px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 50px;
	background: url('images/img1.gif') no-repeat;
	text-decoration: none;
	font-size: 114%;
	color: #3B3B3B; padding-left:25px; padding-right:25px; padding-top:30px; padding-bottom:0
}

#menu a:hover {
	color: #ED2024;

}

#splash {
	width: 770px;
	height: 260px;
	margin: 0 auto;
	
}

#splash p {
	float: right;
	width: 460px;
	height: 70px;
	margin: 0;
	padding: 110px 20px 0 50px;
	text-align: right;
	font-size: 136%;
	font-weight: bold;
	color: #ED2024;
}

#page {
	width: 770px;
	margin: 0 auto;
}

#page h1, #page h2 {
	margin-bottom: 20px;
}

#content {
	float: left;
	width: 490px;
	padding: 20px;
}


#content ol, #content ul {
	margin-left: 3em;
}

#sidebar {
	float: left;
	width: 200px;
	padding: 20px;
}

.sidebar_pad {
	padding-left: 20px;
}

#sidebar h2 {
	padding-top: 6px;
	font-weight: bold;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #CCCCCC;
}

#sidebar h3 {
	height: 17px;
	background: #3B3B3B url('images/img4a.gif') no-repeat;
	color: #FFFFFF; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}

#sig {
	font-family:  Georgia, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #635c58;
	text-align: right;
}

#footer {
	clear: both;
	width: 770px;
	height: 50px;
	margin: 0 auto;
	padding-top: 10px;
	border-top: 5px solid #3B3B3B;
}

#footer p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 77%;
}

#legal {
	float: left;
}

#links {
	float: right;
}

/*
---GALLERY---

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/menu_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
*/
.galmenu {
font-family: verdana, sans-serif; 
position:relative; 
z-index:100;
width:520px;
margin:0 auto;
height:50px;
background:#575;
border-top:380px solid #444;
}

.galmenu ul {
padding:0; 
margin:0;
list-style-type: none;
width:355px;
height:26px;
background:#444;
padding:5px;
margin:5px 78px 0 78px;
position:absolute;
border:1px solid #8a8;
}

.galmenu ul li {
float:left;
position:relative;
}

.galmenu ul li a img {border:0px none; float:left}
* html .galmenu ul li a img {float:none;}

.galmenu ul li a, .galmenu ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px;
text-decoration:none; 
color:#000;
border:1px solid #fff;
cursor:default;
}

.galmenu ul li ul {
position:absolute;
top:-106px;
left:-9999px;
}

.galmenu table {
border-collapse:collapse;
border:0px none; padding:0; margin:-4px;
}

.galmenu ul li:hover a,
.galmenu ul li a:hover {
border:1px solid #8a8;
}

.galmenu ul li:hover ul,
.galmenu ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0px none; padding:0; margin:0;
background:#444
}

.galmenu ul li:hover ul li ul,
.galmenu ul li a:hover ul li a ul {
position:absolute;
top:-270px;
left:-9999px;
}

.galmenu ul li:hover ul li a,
.galmenu ul li a:hover ul li a {
text-decoration:none; 
color:#000;
border:1px solid #8a8;
width:120px;
height:90px;
background:#000;
}

.galmenu ul li:hover ul li a b,
.galmenu ul li a:hover ul li a b {
display:block; width:32px; height:14px; font-size:0; background:#444 url('slides/point.gif'); position:absolute; left:15px; top:92px; border-left:1px solid #8a8; border-right:1px solid #8a8; border-bottom:1px solid #8a8;}

.galmenu ul li:hover ul li a:hover,
.galmenu ul li a:hover ul li a:hover {
border:1px solid #666;
}

.galmenu ul li:hover ul li:hover ul,
.galmenu ul li a:hover ul li a:hover ul {
left:-24px; 
}
.galmenu ul li:hover ul li:hover ul.pos2,
.galmenu ul li a:hover ul li a:hover ul.pos2 {
left:-68px; 
}
.galmenu ul li:hover ul li:hover ul.pos3,
.galmenu ul li a:hover ul li a:hover ul.pos3 {
left:-112px; 
}
.galmenu ul li:hover ul li:hover ul.pos4,
.galmenu ul li a:hover ul li a:hover ul.pos4 {
left:-156px; 
}
.galmenu ul li:hover ul li:hover ul.pos5,
.galmenu ul li a:hover ul li a:hover ul.pos5 {
left:-200px; 
}
.galmenu ul li:hover ul li:hover ul.pos6,
.galmenu ul li a:hover ul li a:hover ul.pos6 {
left:-244px; 
}
.galmenu ul li:hover ul li:hover ul.pos7,
.galmenu ul li a:hover ul li a:hover ul.pos7 {
left:-288px; 
}
.galmenu ul li:hover ul li:hover ul.pos8,
.galmenu ul li a:hover ul li a:hover ul.pos8 {
left:-332px; 
}

.galmenu ul li:hover span,
.galmenu ul li a:hover  span {
display:none;
}

.galmenu ul li:hover ul li:hover ul li a,
.galmenu ul li a:hover ul li a:hover ul li a {
width:480px; height:360px;
border:1px solid #8a8;}

.galmenu ul li:hover ul li:hover ul li a:hover,
.galmenu ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #fc6;}

.galmenu ul li:hover ul li:hover ul li a:hover span,
.galmenu ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; position:absolute; top:1px; left:6px; width:470px; background:#8a8; padding:5px; border-bottom:1px solid #fc6;}

.galmenu ul li:hover ul li:hover ul li a:hover span:first-line,
.galmenu ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#efe;}




#gallery {width:750px; margin:0 auto;}
#thumbnails {width:100px; height:250px; overflow:auto; float:right; margin:10px 0;}
#thumbnails img {display:block; width:50px; height:50px; float:left; padding:3px; cursor:pointer;}
#thumbnails ul {margin:0; padding:0; list-style:none;}
#thumbnails ul li div {display:none;}
#fullSize {width:600px; font-family:georgia, serif; border:1px solid #aaa; background:#fff;}
#fullSize img {display:block; margin:10px auto; width:auto; padding:1px; background:#000;}
#fullSize div {background:#fff; margin:0 auto; text-align:left; padding:10px 0;}
#fullSize div h1 {font-size:18px; padding:5px 0; margin:0;}
#fullSize div p {font-size:12px; line-height:1.6em; color:#000; padding:5px 0; margin:0;}