/* CSS Document */

/* GENERIC ------------------------------ */
body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; }
body 			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:0px; padding:0px; border:0px; color:#000000; background-color:#FFFFFF; }
a				{ color:#000000; }
div 			{ background-repeat: no-repeat; background-attachment: scroll; margin: 0px; padding: 0px; }
h1 				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:35px; padding:0px; margin-top:4px; font-weight:normal; border-bottom:solid; border-bottom-width:1px; }
h1.weddingpackage	{ font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:35px; padding:0px; margin-top:4px; font-weight:normal; border-bottom:solid; border-bottom-width:1px; width:340px; }
.smallerh1		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:25px;  font-weight:normal; }
h3				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; padding:0px; margin-top:4px; margin-right:10px;  font-weight:normal; margin-bottom:25px; text-align:right;}
	
#topbar 		{ position:absolute; top:0px; background-image:url(../../../images/weddingtopbar.jpg); background-repeat:repeat-x; width:100%; height:135px; }
#bottombar 		{ background-image:url(../../../images/weddingbottombar.jpg); background-repeat:repeat-x; width:100%; height:135px; }
#topmain 		{ height:135px; width:750px; margin:0 auto; margin-top:0px; margin-bottom:20px; left:-375px; }
#toplogo 		{ position:absolute; margin-top:15px; top:0px; }
#topbanner 		{ position:absolute; top:0px; margin-left:100px; }
div.mainall		{ width:100%; float:left;}

/* TOPMENU ------------------------------ */

/* MENU ANIMATION */ 
#topmenu 				{ background: url(../../images/topmenu.gif) 0 0 no-repeat;	width: 615px; height: 50px; margin-left:100px; margin-top:85px; }
#topmenu ul 			{margin:0px;}

#topmenu span 			{ display: none; }
#topmenu li, #topmenu a { height: 50px; display: block; }
#topmenu li 			{ float: left; list-style: none; display: inline; }

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#topmenu-home 			{ width: 112px; }
#topmenu-home-on		{ width: 112px; }
#topmenu-packages 		{ width: 131px; }
#topmenu-packages-on 	{ width: 131px; }
#topmenu-occasions 		{ width: 131px; }
#topmenu-occasions-on 	{ width: 131px; }
#topmenu-contact 		{ width: 109px; }
#topmenu-contact-on 	{ width: 109px; }
#topmenu-corporate 		{ width: 132px; }
#topmenu-corporate-on 	{ width: 132px; }

/* Changed values should match sum of "width" numbers specified above */ 
#topmenu-home-on, #topmenu-home a:hover, #home #topmenu-home a:visited 							{ background: transparent url(../../images/topmenu.gif) 0px -50px no-repeat; }
#topmenu-packages-on, #topmenu-packages a:hover, #packages #topmenu-packages a:visited  				{ background: transparent url(../../images/topmenu.gif) -112px -50px no-repeat; }
#topmenu-occasions-on, #topmenu-occasions a:hover, #occasions #topmenu-occasions a:visited 			{ background: transparent url(../../images/topmenu.gif) -243px -50px no-repeat; }
#topmenu-contact-on, #topmenu-contact a:hover, #contact #topmenu-contact a:visited 					{ background: transparent url(../../images/topmenu.gif) -374px -50px no-repeat; }
#topmenu-corporate-on, #topmenu-corporate a:hover, #corporate #topmenu-corporate a:visited 			{ background: transparent url(../../images/topmenu.gif) -483px -50px no-repeat; }


/* PACKAGESMENU ------------------------------ */

/* MENU ANIMATION */ 
#packagesmenu 							{ background: url(../../images/packagesmenu.gif) 0 0 no-repeat;	width: 629px; height: 50px; margin-left:100px; }
#packagesmenu ul 						{margin:0px;}

#packagesmenu span 						{ display: none; }
#packagesmenu li, #packagesmenu a 		{ height: 50px; display: block; }
#packagesmenu li 						{ float: left; list-style: none; display: inline; }

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#packagesmenu-bronze 					{ width: 156px; }
#packagesmenu-bronze-on 				{ width: 156px; }
#packagesmenu-silver 					{ width: 147px; }
#packagesmenu-silver-on 				{ width: 147px; }
#packagesmenu-gold 						{ width: 145px; }
#packagesmenu-gold-on 					{ width: 145px; }
#packagesmenu-platinum 					{ width: 181px; }
#packagesmenu-platinum-on 				{ width: 181px; }

/* Changed values should match sum of "width" numbers specified above */ 
#packagesmenu-bronze-on, #packagesmenu-bronze a:hover, #bronze #packagesmenu-bronze a:visited 						{ background: transparent url(../../images/packagesmenu.gif) 0px -50px no-repeat; }
#packagesmenu-silver-on, #packagesmenu-silver a:hover, #silver #packagesmenu-silver a:visited  				{ background: transparent url(../../images/packagesmenu.gif) -156px -50px no-repeat; }
#packagesmenu-gold-on, #packagesmenu-gold a:hover, #gold #packagesmenu-gold a:visited 					{ background: transparent url(../../images/packagesmenu.gif) -303px -50px no-repeat; }
#packagesmenu-platinum-on, #packagesmenu-platinum a:hover, #platinum #packagesmenu-platinum a:visited 				{ background: transparent url(../../images/packagesmenu.gif) -448px -50px no-repeat; }


/* MAIN SECTION ------------------------------ */

#mainholder 		{ width:100%; }
#main 				{ width:750px; margin:0 auto; left:-375px; margin-top:135px; }
#maincontainer		{ position:relative; width:100%;}
#mainleft			{ width:470px; left:0px; float:left; padding-right:10px; border-right:solid; border-right-color:#FFCCFF;; border-right-style:dashed; border-right-width:1px; margin-top:10px;}
#mainright			{ width:239px; left:400px; float:left; text-align:center; padding-left:10px; margin-top:20px; }
#top-graphic 		{ position:absolute; background-image:url(../images/top-graphic.gif); background-repeat:no-repeat; height:277px; width:773px; z-index:50; top:10px; margin-left:4px; }
#video1 			{ position:absolute; background-color:#FAD1E0; margin-left:10px; height:180px; width:240px; margin-bottom:12px; padding-left:6px; padding-right:6px; left:490px; top:50px; z-index:5; }
#footertext 		{ font-size:12px; text-align:right; padding-top:20px; width:750px; margin:0 auto; left:-375px; color:#FFFFFF;}
#footerlink			{ position:absolute; height:130px; width:250px; display:block; left:0px;}  
#tootherhalf 		{ top:0px; float:left; }
#bottombarotherside { background-image:url(../images/corporate-bottom-link.jpg); background-repeat:no-repeat; height:135px; }
#packagesmenuholder	{ width:750px; margin:0 auto; left:-375px; clear:both;}
#bottomseperator	{ background-color:#EF6B9C; width:100%; height:5px; }
.linktext		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#003366; font-weight:bold;   }
.diary			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FF3366; font-weight:bold;   }
.screenwayweddingsgaramond {font-size: large; font-family: "Adobe Garamond Pro"; font-weight: bold; }
#footertext, #footertext a, #footertext a:visited, #footertext a:hover  { color:#FFFFFF; }

/****************************/
/********* corners **********/
/****************************/

/*div.rounded-box-block {position:relative; margin: 0px; }
div.top-left-corner-block, div.bottom-left-corner-block, div.top-right-corner-block, div.bottom-right-corner-block {position:absolute; width:20px; height:20px; background-color:#F39CBD; overflow:hidden;}
div.top-left-inside-block, div.bottom-left-inside-block, div.top-right-inside-block, div.bottom-right-inside-block {position:relative; font-size:150px; font-family:arial; line-height: 40px;}
div.top-left-corner-block { top:0px; left:0px}
div.bottom-left-corner-block {bottom:0px; left:0px}
div.top-right-corner-block {top:0px; right:0px}
div.bottom-right-corner-block {bottom: 0px; right:0px}
div.top-left-inside-block {left:-8px;}
div.bottom-left-inside-block {left:-8px; top:-17px;}
div.top-right-inside-block {left:-25px;}
div.bottom-right-inside-block {left:-25px; top:-17px;}
div.box-contents-block { position: relative; padding: 0px; }
*/
/****************************/
/************ END ***********/
/****************************/

/**************************************/
/******** Contact form  Stuff *********/
/**************************************/

#contactustitle {
	position:relative;
	height:2em;
	font-weight:bold;
	font-size:18px;
	margin-left:100px;
	margin-top:20px;
}

#contactusenquirydetails {
	position:relative;
	margin-left:100px;
}

/****************************/
/************ END ***********/
/****************************/

/****************************/
/******** Form Stuff ********/
/****************************/
div.mainsection {
	width:100%;
	height:100%;
}

div.formsectiontitle {
	position:relative;
	height:2em;
	font-weight:bold;
	font-size:18px;
	padding-left:10px;
	padding-top:10px;
}

div.formline {
	position:inherit;
	height:2em;
}

div.leftformitem {
	position:absolute;
	left:0px;
	margin-left:10px;
}

div.rightformitem {
	position:absolute;
	left:320px;;
	margin-left:10px;
}

div.leftformlabel {
	position:absolute;
	text-align:right;
	width:100px;
	padding-top:3px;
}

div.rightformlabel {
	position:absolute;
	text-align:right;
	width:100px;
	padding-top:3px;
}

div.leftforminput {
	position:absolute;
	text-align:left;
	width:150px;
	left:140px;
}

div.rightforminput {
	position:absolute;
	text-align:left;
	width:100px;
	left:110px;

}

img.formcalendarimage {
	padding-left:2px;
	padding-top:2px;
}

div.formlinedivider {
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}

div.specialthanksto {
	position:inherit;
	height:220px;
}

textarea.thankstotextarea {
	width:720px;
	height:200px;
}

.flowergirlclass1 {	float:left; text-align:left; width:30px; padding-bottom:5px;}
.flowergirlclass2 {	float:left; text-align:left; width:50px; padding-bottom:5px;}
.flowergirlclass3 {	float:left; text-align:left; width:570px; padding-bottom:5px;}

.servicecheckbox { float:left; text-align:left; padding-bottom:5px; width:130px; margin-left:10px; }

textarea.addresstextarea {
	width:290px;
	height:100px;
}

textarea.bigaddresstextarea {
	width:200px;
	height:100px;
}

fieldset {
	position:relative;
	margin-left:0px;
	margin-right:20px;
	border:solid;
	border-color:#666666;
	border-width:1px;
	background-color:#FADAE6;
	margin-bottom:10px;
	padding-top:10px;
}

legend{ position:absolute; top: -.5em; left: .5em; }

hr.orderformseperator {
	width:90%;
	color:#FFCCFF;
	text-align:center;
	height:1px;
	margin-top:30px;
	margin-bottom:30px;
	border-style:dashed;

}

input {
	border:solid;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
}

select {
	border:solid;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
}

textarea {
	border:solid;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
}

div.formsentinfo {
	margin-left:10px;
	padding-top:10px;
}

div.enquirydetails {
	position:inherit;
	height:220px;
}

textarea.enquirydetails {
	width:400px;
	height:200px;
}

/****************************/
/************ END ***********/
/****************************/


/****************************/
/****** Calender Styles******/
/****************************/
			
.cpYearNavigation,.cpMonthNavigation{background-color:#C0C0C0;text-align:center;vertical-align:middle ;text-decoration:none;color:#000000;font-weight:bold;}
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText{font-family:arial;font-size:8pt;}
TD.cpDayColumnHeader{text-align:right;border:solid thin #C0C0C0;border-width:0px 0px 1px 0px;}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{text-align:right;text-decoration:none;}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{color:#D0D0D0;text-align:right;text-decoration:line-through;}
.cpCurrentMonthDate, .cpCurrentDate{color:#000000;}
.cpOtherMonthDate{color:#808080;}
TD.cpCurrentDate{color:white;background-color: #C0C0C0;border-width:1px;border:solid thin #800000;}
TD.cpCurrentDateDisabled{border-width:1px;border:solid thin #FFAAAA;}
TD.cpTodayText, TD.cpTodayTextDisabled{border:solid thin #C0C0C0;border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled{height:20px;}
A.cpTodayText{color:black;}
.cpTodayTextDisabled{color:#D0D0D0;}
.cpBorder{border:solid thin #808080;}
			
/****************************/
/************ END ***********/
/****************************/