@charset "utf-8";
/* CSS Document */
html{
height:100%;
width:100%;
margin:0;
padding:0;
background:url(../images/bg.jpg);}
body{
height:100%;
width:100%;
margin:0;
padding:0;
background:url(../images/masthead.jpg) no-repeat top center;
text-align:center;
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
}
* {margin:0;padding:0;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
h1{
color:#eabf4d;}
.hl.slogan {color: #dda43f;
font-weight: bold;
font-size: 50px;
text-align: center;}
h2{
color:#eabf4d;
font-size:1.2em;
margin:.6em 0 .3em 0;}
p{
margin:.6em 0 .3em 0;}
#main {
overflow:auto;
padding-bottom: 150px;} /* must be same height as the footer */
#footer {
position: relative;
margin-top: -150px; /* negative value of footer height */
/*height: 130px;*/
height: 160px;
padding-top:20px;
clear:both;
background:url(../images/footer.jpg) repeat-x;
text-align:center;
font-size:1.5em;
}
/*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*/
}
#footer table{
width:960px;
margin:0 auto;}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file
*/
.wrapper{
width:960px;
margin:0 auto;
padding-top:220px;
text-align:left;}
.content{
padding:65px 0 15px 0;
font-size:1.2em;}
.content a{
color:#eabf4d;
text-decoration:none;
font-style:italic;}
.content a:hover{
color:#981e17;
}
.content a.contactlink{
color:#eabf4d;
text-decoration:none;
font-style:italic;
font-size:26px;
}
.content a.contactlink:hover{
color:#981e17;
}
.hl{
padding:2px 0 2px;}
h2.slogan{text-align:center;}
.map{float:right;
padding-top:15px;
margin-left:20px;}
.map a img{
border:2px solid #3a3c51;}
.gallery{
width:345px;
height:345px;
margin-left:20px;
float:right;}
.gallery2{
width:582px;
height:345px;
margin-left:20px;
float:right;}
.gallery3 {
width: 533px;
height: 400px;
margin: 40px auto 0;
}
.reg{
float:left;
width:680px;}
.right{
width:259px;
float:right;
margin-left:20px;
padding-top:51px;
}
.rightcol{
margin:15px 0 15px 0;
float:right;
width:259px;
background:url(../images/menu_bg.jpg);
}
.rightcol img{
float:right;}
.rightmenu{
width:210px;
margin-left:25px;
border-top:1px solid #1e1d2a;}
.rightmenu a{
width:210px;
color:#1b1e33;
font-size:.9em;
font-style:italic;
font-weight:bold;
border-bottom:1px solid #1e1d2a;
line-height:35px;
display:block;
text-decoration:none;}
.music{
background:#d59736;
font-size:.7em;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
color:#100f15;}
.music object{
margin:0;
padding:0;
}
.rightmenu a:hover{
color:#770707;}
.flash{
margin:13px 0 13px 0;
height:447px;}
.playbutton{
width:259px;
height:126px;
background:url(../images/paly.jpg);
display:block}
.playbutton:hover{
background-position:bottom;}
.clear{
clear:both;}
.line{
background:url(../images/line.gif) repeat-x;
height:4px;
overflow:hidden;
width:100%;
margin:5px 0 5px 0;
width:960px;
}
.email{
width:114px;
/*height:103px;*/
height:69px;
background:url(../images/email.jpg);
display:block;
margin-bottom:5px;}
.email:hover{
background-position:bottom;}
.contact_btn{
width:114px;
/*height:103px;*/
height:69px;
background:url(../images/contact.jpg);
display:block;
margin-bottom:5px;}
.contact_btn:hover{
background-position:bottom;}
.submit{
margin-top:14px;
background:url(../images/button_submit.jpg);
border:none;
width:122px;
height:38px;
}
.contact_form{
height:30px;
line-height:30px;
border:1px solid #edeae3;
background-color:#232639;
color:#FFFFFF;
width:250px;}
.contact_area{
border:1px solid #edeae3;
background-color:#232639;
color:#FFFFFF;
width:510px;}
.submit:hover{
background-position:bottom;}
.webdesignsydney {
color:#ffffff;
font-size:.5em;
font-style:italic;
}
.webdesignsydney a:link, .webdesignsydney a:visited {
color:#ffffff;
text-decoration:none;
}
.webdesignsydney a:hover {
color:#d59736;
}
.gallery-btn {
width: 230px;
height: 61px;
background: url(../images/btn_must_see_gallery.png) no-repeat top left;
margin: 20px auto;
float: left;
margin-left: 375px;
}
.gallery-btn:hover {
background-position: bottom;
}
.gallery-btn2 {
width: 226px;
height: 61px;
background: url(../images/button-wedding.png) no-repeat top left;
margin: 20px auto;
/*float: left;*/
float: right;
/*margin-left: 375px;*/
}
.gallery-btn2:hover {
background-position: bottom;
}