.style1 { color:  #583A00;}

.style2 { color: #49B83E;}

.style2b { color:  #2e9c23;}

.style3 { color: #CCC;}

.style4 {
	font-size: 30px;
	color: #AAA;
}
.style4b {
	color: #AAA;
}

.style5 {
	font-size: 30px;
	color: #583A00;
}

.style6 { color:  #583A00;
font-weight:bold}
	
a:link {text-decoration: none;}

.image {border:2px; border-color: #DDD; border-style: solid;}

a:link .image {border:2px; border-color: #DDD; border-style: solid;}

a:hover .image, a:active .image { border:2px; border-color:  #49B83E; border-style: solid;}        

a:visited {text-decoration: none;}

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

a:active {text-decoration: none; color: #583A00;}

*{margin:0;padding:0;}

html, body {height: 100%;}

#main {min-height: 100%; height:600px; width:100%; clear:both; z-index:1;}

#invisible_wrapper {position:absolute; margin: 0 auto; height: 100%; min-height:600px; width: 800px; z-index:2;}

#vertfloat{	position:absolute;	top:50%;	margin-top: -212px;	height: 425px;	clear:both; z-index:3;}

#logo {	position:absolute;	width:169px;	height:50px;	left: 0px;	top: 0px;	visibility: visible;	z-index:4;}

#footer{ position:relative;	margin-top: -41px;	height: 41px;	clear:both; z-index:5;}

#footerimage {	position:absolute; width: 800px; height:40px; left:0px; top: 0px; visibility: visible; z-index:6;}

#footerinfo {	position:absolute; width: 700px; height:22px; left:50px; top: 17px; border-top: solid 2px #2e9c23; visibility: visible; z-index:7;}

#fadeshow1 {	position:absolute; width:670px; height:500px; left: 55px; top: -50px; visibility: visible; z-index:8;}

#galleryfloat{	position:absolute;	top:50%;	margin-top: -220px;	height: 425px; left:25px;	clear:both; z-index:9;}

img.center {   	display: block; 	margin-left: auto; 	margin-right: auto;}


#weddings_menu{
	position:absolute;
	top: 320px;
	left: 11px;
	width: 109px;
	height:  40px;
	z-index:10;
}

#weddings1{
	position:absolute;
	top:-360px;
	left:185px;
	width:102px;
	height:36px;
}


#weddings2{
	position:absolute;
	top:-360px;
	left:198px;
	width:75px;
	height:36px;
}


#weddings3{
	position:absolute;
	top:-360px;
	left:176px;
	width:120px;
	height:38px;
}


#weddings4{
	position:absolute;
	top:-360px;
	left:193px;
	width:85px;
	height:36px;
}


#weddings5{
	position:absolute;
	top:-357px;
	left:190px;
	width:91px;
	height:33px;
}


#1{ position:absolute; top: 365px; left: 10px; width: 114px; height: 20px; z-index:11;}

#aboutbox {
	border: 0px;
	position:absolute;
	height:500px;
	width:698px;
	left: 27px;
	top: -20px;
	z-index:12;
}
.about_image{
	border:2px solid #CCC;
	align:center;}
	
.about_text{ align:justify; }

#contact_img {
	position:absolute;
	border:2px solid #CCC;
	top: 54px;
	left:408px;
	z-index:20;
	width: 253px;
	height: 354px;
}

#proofs {
	border: 4px double #AAA;
	background-image:url(images/bgleaves.jpg);
	position:absolute;
	overflow:auto;
	color:#aaa;
	height:492px;
	width:760px;
	left: -34px;
	top: -5px;
	z-index:14;
}

#jgal { list-style: none; width: 150px; }
#jgal li { opacity: .5; float: left; display: block; width: 45px; height: 45px; background-position: 50% 60%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; top:100px; }
#jgal li img { position: absolute; top: 0px; left: 150px; display: none;  border: 3px solid #fff; outline: 1px solid #ddd;}
#jgal li.active img {  	display: block;}
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}