/* CSS Document */

html,body{
margin:0;
padding:0;
}
body{
font:.8em tahoma,verdana,arial,sans-serif;
text-align:center;
background-image: url(../images/bodyBG.gif);
background-position:top;
background-repeat:repeat-x;
background-color: #E9E8F4; 
}
/* =[ PRIMARY STYLES
**************************************************************/
p{
margin:0 10px 10px;
}
a{
color:#EF390F;
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}

/* =[ HEADING STYLES
**************************************************************/
h1{
font-size:2em;
color:#666666;
padding:0 10px;
}
h3.home,
h3.weddingPackages,
h3.showreelHeading,
h3.faqHeading,
h3.aboutUsHeading,
h3.equipmentHeading,
h3.contactHeading,
h3.linksHeading,
h3.sitemapHeading,
h3.conditionsHeading{
font-size:2em;
color:#666666;
text-indent:-1000px;
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:0 0 10px 0;
}
h3.home{
background-image: url(../images/homePageH1.gif);
}
h3.weddingPackages{
background-image: url(../images/weddingPackagesPageH3.gif);
}
h3.showreelHeading{
background-image: url(../images/showreelPageH3.gif);
}
h3.faqHeading{
background-image: url(../images/faqPageH3.gif);
}
h3.aboutUsHeading{
background-image: url(../images/aboutUsPageH3.gif);
}
h3.equipmentHeading{
background-image: url(../images/equipmentPageH3.gif);
}
h3.contactHeading{
background-image: url(../images/contactPageH3.gif);
}
h3.linksHeading{
background-image: url(../images/linksPageH3.gif);
}
h3.sitemapHeading{
background-image: url(../images/sitemapPageH3.gif);
}
h3.conditionsHeading{
background-image: url(../images/conditionsPageH3.gif);
}
h4{
color:#333333;
margin:10px;
}

/* =[ LIST STYLES
**************************************************************/
body#sitemap ul{
list-style-type:none;
}

/* =[ FORM STYLES
**************************************************************/
label{
width:100px;
text-align:right;
float:left;
margin:10px;
}
input{
width:200px;
margin:10px;
}
textarea{
width:200px;
margin:10px;
}
div#submitbutton{
margin-left:120px;
}
div#submitbutton input{
width:auto;
float:left;
}

/* =[ VERTICAL TITLE
**************************************************************/
h1#verticalTitle{
position:relative;
position:absolute;
top:50px;
left:-80px;
width:57px;
height:347px;
font-size:.4em;
}
h1#verticalTitle span{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image: url(../images/verticalTitle.gif);
background-position:left;
background-repeat:no-repeat;
}

/* =[ CAPTION DIV
**************************************************************/
div#caption{
height:260px;
padding:10px 0 0 0;
text-indent:-1000px;
background-position:top left;
background-repeat:no-repeat;
color:#9A99FF;
font-size:1em;
}
div#caption span{
font-size:2px;
}
body#home div#caption{
background-image: url(../images/captionImage01.jpg);
}
body#aboutUs div#caption{
background-image: url(../images/captionImage02.jpg);
}
body#equipment div#caption{
background-image: url(../images/captionImage03.jpg);
}
body#faq div#caption{
background-image: url(../images/captionImage05.jpg);
}

div#caption.showreelPlayer, div#caption.contactForm, div#caption.linksList{
background-image:none;
text-indent:0;
}
div#caption p strong{
font-weight:bold;
font-size:2em;
color:#333333;
}

/* =[ CONTAINER
**************************************************************/
div#container{
text-align:left;
}
div#container{
position:relative;
width:771px;
margin:0 auto;
border-left:3px solid #ffffff;
border-right:3px solid #ffffff;
margin-bottom:20px;
background-color:#ffffff;
}

/* =[ HEADER STYLES
**************************************************************/
h2#header{
position:relative;
height:148px;
width:770px;
padding:0;
margin:0;
}
h2#header span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
/* background-image:url(../images/headerBG.jpg);*/
background-position:top;
background-repeat:no-repeat;
}
h2#header object{
margin:0px;
}

/* =[ NAVIGATION
**************************************************************/
div#navigation{
position:absolute;
top:220px;
left:0;
height:72px;
background:#B9CAFF;
}
div#navigation ul{
list-style-type:none;
margin:0;
padding:0;
height:72px;
background:#000000 url(../images/navigationListBG.gif) bottom left no-repeat;
}
div#navigation ul li{
float:left;
margin:0;
padding:0;
}
div#navigation ul li a{
display:block;
position:relative;
width:128px;
height:59px;
padding:0;
margin:0;
}

/* =[ Two nav buttons that are different width from others */
div#navigation ul li.navAboutUs a, div#navigation ul li.navFaq a{
width:129px;
}
/* =[ end - different length nav buttons */

div#navigation ul li a:hover span{
background-position:top right;
}
div#navigation ul li span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
div#navigation li.navHome span{
background:#000000 url(../images/navHome.jpg) top left no-repeat;
}
div#navigation li.navAboutUs span{
background:#000000 url(../images/navAboutUs.jpg) top left no-repeat;
}
div#navigation li.navEquipment span{
background:#000000 url(../images/navEquipment.jpg) top left no-repeat;
}
div#navigation li.navShowreel span{
background:#000000 url(../images/navShowreel.jpg) top left no-repeat;
}
div#navigation li.navFaq span{
background:#000000 url(../images/navFaq.jpg) top left no-repeat;
}
div#navigation li.navContactUs span{
background:#000000 url(../images/navContactUs.jpg) top left no-repeat;
}


/* Page Markers */
body#home div#navigation li.navHome span,
body#aboutUs div#navigation li.navAboutUs span,
body#equipment div#navigation li.navEquipment span,
body#showreel div#navigation li.navShowreel span,
body#faq div#navigation li.navFaq span,
body#contactUs div#navigation li.navContactUs span{
background-position:top right;
}


/* =[ CONTENT
**************************************************************/
div#content p{
line-height:1.4;
color:#333333;
margin-bottom:25px;
}
div#wrapper{
margin-top:152px;
width:770px;
background-color:#ffffff;
}
div#content{
position:relative;
float:left;
width:530px;
padding-bottom:20px;
}
body#weddingPackages div#content{
width:100%;
}
a.homePackagesLink{
display:block;
width:500px;
height:131px;
background:#fff url(../images/homePackagesLink.jpg) top left no-repeat;
text-indent:-9999px;
outline:none;
}

/* =[ SIDE PANELS
**************************************************************/
div#sidePanel{
float:right;
width:220px;
margin-right:10px;
}
div#weddingPanel{
position:relative;
width:220px;
height:255px;
display:block;
margin:0;
padding:0;
}

.wedding-venue{ margin-bottom:20px;}
.wedding-venue a,
.wedding-venue img{ border-width:0;}

div#weddingPanel a span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
div#weddingPanel a span{
background:#ffffff url(../images/weddingPanelBG.jpg) top left no-repeat;
}
 
#corporatePanel,
#personalPanel,
#otherPanel{
margin:0 5px 5px 3px;
padding:5px;
border:1px solid #cccccc;
border-top:0;
}

body#contactUs h3.corporateSideHeader,
body#contactUs h3.personalSideHeader,
body#contactUs h3.otherSideHeader{
visibility:hidden;
}

h3.corporateSideHeader,
h3.personalSideHeader,
h3.otherSideHeader{
position:relative;
width:220px;
height:55px;
margin:0;
padding:0;
}
h3.corporateSideHeader{margin-top:40px;}
h3.otherSideHeader{margin-bottom:40px;}

h3.corporateSideHeader span,
h3.personalSideHeader span,
h3.otherSideHeader span{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
h3.corporateSideHeader span{
background:#ffffff url(../images/corpServicesButton.gif) top left no-repeat;
}
h3.personalSideHeader span{
background:#ffffff url(../images/personalServicesButton.gif) top left no-repeat;
}
h3.otherSideHeader span{
background:#ffffff url(../images/otherServicesButton.gif) top left no-repeat;
}

div#guildCrest{
text-align:center; 
background:url(../images/bathguild.jpg) top center no-repeat;
height:200px;
}
div#guildCrest p{ padding-top:170px; color:#333333;}

/* =[ WEDDING PACKAGE PANELS
**************************************************************/
h4#silverPackHeading,
h4#goldPackHeading,
h4#platinumPackHeading{
position:relative;
display:block;
width:220px;
height:250px;
margin:0;
}
.package1Wrapper,
.package2Wrapper,
.package3Wrapper{
float:left;
margin:10px 10px;
}
.package1Wrapper{
margin-left:35px;
}
h4#silverPackHeading span,
h4#goldPackHeading span,
h4#platinumPackHeading span{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
width:100%;
height:100%;
background-position:top left;
background-repeat:no-repeat;
}

h4#silverPackHeading span{
background-image: url(../images/silverPackageHeading.jpg);
}
h4#goldPackHeading span{
background-image: url(../images/goldPackageHeading.jpg);
}
h4#platinumPackHeading span{
background-image: url(../images/platinumPackageHeading.jpg);
}

#silverPackageDrop,
#goldPackageDrop,
#platinumPackageDrop{
width:207px;
border:1px solid #cccccc;
margin:-5px 0 0 6px;
}
.package1Wrapper strong,
.package2Wrapper strong,
.package3Wrapper strong{
margin:0 0 0 105px;
color:#9A99FF;
font-size:1.3em;
}
.package1Wrapper ul,
.package2Wrapper ul,
.package3Wrapper ul{
color:#666666;
margin:5px 5px 5px 0;
}
div#content .package1Wrapper p,
div#content .package2Wrapper p,
div#content .package3Wrapper p{
margin:10px;
}
div#content p.closePanel{
margin:0;
padding:0 0 2px 4px;
font-size:.8em;
}
#whyPrice{
position:absolute;
top:900px;
left:220px;
width:300px;
height:auto;
border:1px solid #666666;
background-color:#ffffff;
padding:5px;
}

/* =[ WEDDING PACKAGES - PLATINUM PLUS
**************************************************************/
div#platinumPlus{
width:550px;
border:1px solid #666666;
padding:0;
margin:10px 0px 20px 110px;
background:#ffffff url(../images/platinumPlusBg.gif) center no-repeat;
}
div#platinumPlus h4{
background:#ffffff url(../images/platinumPlusHeading.gif) top left no-repeat;
height:45px;
margin:10px;
text-indent:-1000px;
}
div#platinumPlus h5{
margin:10px;
font-size:1em;
}

div#platPlusListA{
width:250px;
float:left;
}
div#platPlusListB{
width:250px;
float:right;
margin-right:20px;
padding-left:15px;
border-left:1px solid #666666;
}
div#platPlusListA h5, div#platPlusListB h5{
color:#A29E36;
}
div#platinumPlus strong{
color:#9A99FF;
font-size:1.3em;
float:right;
margin:10px;
}

/* =[ WEDDING PACKAGES - MORE INFO PANELS
**************************************************************/
#presentationHeading a,
#receiveHeading a,
#bookingFeeHeading a{
display:block;
margin:10px;
line-height:2.5em;
padding:5px;
padding-top:6px;
background:#ffffff url(../images/beveledBar.gif) top left no-repeat;
color:#666666;
text-indent:10px;
text-transform:capitalize;
text-decoration:none;
}
h4#presentationHeading,
h4#receiveHeading,
h4#bookingFeeHeading{
margin-bottom:0;
}

div#presentationDrop,
div#receiveDrop,
div#bookingFeeDrop{
margin:0 10px;
border:1px solid #cccccc;
padding:5px;
}

/* =[ FAQ
**************************************************************/
body#faq h4.questionHeading a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
margin:0;
padding:8px 0 0 0;
color:#ffffff;
font-size:.9em;
text-indent:10px;
text-transform:capitalize;
text-decoration:none;
}
body#faq h4.questionHeading{
position:relative;
width:510px;
height:29px;
margin:0 10px;
padding:0;
background:#ffffff url(../images/beveledBarAlt.gif) top left no-repeat;
}

#q1Drop,#q2Drop,#q3Drop,#q4Drop,#q5Drop,#q5Drop,#q6Drop,#q7Drop,#q8Drop,#q9Drop{
margin:0 10px;
border:1px solid #cccccc;
padding:5px;
}

/* =[ FOOTER
**************************************************************/
div#footer{
background: #333;
color: #FFF;
border-bottom:3px solid #ffffff;
}
div#footer{
clear:both;
width:100%;
}
div#footer p{
margin:0;
padding:5px 10px;
float:left;
}
div#footer a{
display:inline;
padding:0;
color: #C6D5FD;
}
div#footer ul{
list-style-type:none;
float:right;
width:auto;
margin:0;
padding:5px 0;
}
div#footer ul li{
float:left;
padding:0 10px;
}


/* =[ FOOTER
**************************************************************/
.error{
color:#ff0000;
font-weight:bold;
}
.clear{
clear:both;
}

object{
margin-left:10px;
}
div#weddingPanel object{
margin-left:0;
}

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensures the period is not visible */
    clear: both;               /* makes the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of clearing method */