@charset "utf-8";
/* CSS Document Wedding Make Up Derby*/
/*--------------------------------*/

/*--------------------------------*/

body, html {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		font-size:0.8em;
		color:#000;
		}
		
#wrapper {
		width:100%;
		margin:auto;
		padding:auto;
		
		}
		
#container{
		margin-top:1px;
		background-image:url(../images/background-image.jpg);
		margin-left:auto;
		margin-right:auto;
		width:950px;
		min-height:740px;
		text-align:left;
		}

#main-content{
		min-height:740px;
		}

#body-content{
		position:relative;
		padding-left:10px;
		left:70px;
		width:780px;
		top:220px;
		background-color:transparent;
		
		}
#body-content p{	
	font-size:1.0em;
	}	

#left-column{
		margin-top:100px;
		float:left;
		width:300px;
		}
#right-column{
		margin-top:30px;
		width:400px;
		float:right;
		margin-right:10px;
		line-height:130%;}
	
#menu{	
		position:relative;
		top:220px;
		left:110px;
		width:750px;
		height:25px;

		}
		
#menu_nav {
		float:right;
		margin-top:2px;
		margin-right:5px;
		font-weight:bold;
		
}

#menu ul {
		list-style-type:none;
		}

#menu li{
		padding-left:55px;
		padding-right:5px;
		display:inline;
		font-size:1.4em;
		font-weight:bold;
		}

#menu  a:link, #menu_nav a:visited{		
		color:#63974C;
		text-decoration:none;
		}
#menu  a:hover{text-decoration:underline;
		color:#E183D7;
		}
#menu  a:active{text-decoration:underline;
		color:#E183D7;
		}
		
	
#menu  a:focus {color:#E183D7;}

#nav{
	width:400px;
	margin-top:50px;
	font-weight:bold;
	font-size:0.9em;
	color:#63974c;
}
a.prev {float:left;
		text-decoration:none;
}
a.next {float:right;
		text-decoration:none;
}


H1{
	color:#63974C;
	font-size:1.2em;
	}
	
H2{
	color:#63974C;
	font-size:1.1em;
	}
	
H3{
	display:inline;
	color:#63974C;
	font-size:1.0em;
	line-height:150%;
	}
	
H4{
	display:inline;
	color:#000000;
	font-size:1.0em;
	line-height:150%;
	}

a:link, a:visited{color:#63974C;}
a:hover,a:active{color:#63974C;}

.service td {
	line-height:130%;
	font-size:0.9em;}

#footer{
	width:400px;
	margin-right:10px;
	
	clear:both;
	float:right;
	margin-top:50px;
}
#footer a:link {
	text-decoration:none;
	color:#63974C;
}

#footer a:hover {
	text-decoration:none;
	color:#63974C;
	font-weight:bold;
}
/*-------------------------------*/
/*popup code */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
	position: relative;
	height:300px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
#thumb-container{
	position:relative;
	/*top:0px;*/}

.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 dashed 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: 450px; /*position where enlarged image should offset horizontally */
/*top:-20px;*/
z-index: 50;
}

.comment {
	font-size:1.0em;
	}
	
p.comment {
	width:400px;
	line-height:150%;
	margin:0px;
	padding:10px 0px 10px 0px;
	}

#note{
	position:absolute;
	color:#999999;
	line-height:150%;
	font-size:1.5em;
	width:150px;
	height:140px;
	top:50px;
	left:520px;
}
#note p{
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	}
/*popup code */