@charset "UTF-8";
/* CSS Document */

/*Reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*Setup*/

strong {
font-weight:700;
}


body {
	background-image: url(./images/background.jpg);
}



a:link {
	text-decoration: none;
	color: #666666;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	
	text-decoration:underline;
	color: #c05f7d;
}
a:active {
	text-decoration: none;
}


/*
.class1 A:link {text-decoration: none; color: #666666;font-size: 10px; font-family:Arial, Helvetica, sans-serif;}
.class1 A:visited {text-decoration: none; color: #666666;}
.class1 A:active {text-decoration: none; color: #666666;}
.class1 A:hover {text-decoration: underline; color: #c05f7d;}

.class2 A:link {text-decoration: none; color: #c05f7d; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.class2 A:visited {text-decoration: none; color: #666666;}
.class2 A:active {text-decoration: none; color: #666666;}
.class2 A:hover {text-decoration: underline; color: color: #c05f7d;}
*/


/*.style1 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}*/


p {
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	line-height:14px;
	color:#333333;
}




.footerText {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}

/*.weddingstoryDescriptionText {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	color: #000000;
}*/

.footerLinks {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #999999;
}



.weddingstoryDescriptionText {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color:#333333;
}

.weddingstoryDescriptionLinks {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color:#000000;
	/*color:#FF6699;*/
	/*text-decoration:underline;*/
}



ol {
list-style:circle;
font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color:#333333;
	margin-left:12px;
}

h1 { 

    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: bold; 
    color: #c05f7d;
	text-indent:-9999px;

}
	
h2 { 

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
    font-weight: bold; 
	/*color: #000000;*/
	color: #c05f7d; 
	margin-bottom:12px;
}
	 
h3 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #666666;
	margin-bottom:12px;
}

.contactusText { 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    color: #666666;
	line-height:20px;
	margin-bottom:4px;
	margin-left:110px;
}
	
.marginbottom40 {
margin-bottom:40px;
}

/*.paddingVenue{
margin-left:10px;
margin-right:10px;
}*/

.contactusPadding{
padding-left:110px;
}

.thankyouPadding{
padding-left:110px;
padding-top:120px;
padding-bottom:30px;
}

.padding110ContactUsText{
padding-left:110px;
padding-right:100px;
padding-top:4px;
}

.dayFormContactUs{
margin-left:10px;
}



/*Home*/

div#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background-color: #f4f4f4;
}

div#header {
	margin-left:auto;
	margin-right:auto;
	clear:left;
	width:940px;
	height:90px;
	padding-top:30px;
	padding-left:20px;
}

div#mainHome {
	margin-left:auto;
	margin-right:auto;
	width: 924px;
	height:auto;
	padding:16px;
	/*padding-top:3px;*/
	clear:left;
	background-color: #FFFFFF;
	border: thin solid #c8c8c8;
}

div#mainPortfolio {
	margin-left:auto;
	margin-right:auto;
	width: 924px;
	height:auto;
	/*padding:16px;*/
	padding-top:3px;
	clear:left;
	background-color: #FFFFFF;
	border: thin solid #c8c8c8;
}

div#weddingstoryText {
	width: 660px;
	height: auto;
	float:left;
	padding:16px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	background:#FFFFFF;
}

div#weddingstoryText2 {
	width: 220px;
	height: auto;
	float:right;
	padding:16px;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:20px;
	background:#FFFFFF;
}




div#mainAbout {
	margin-left:auto;
	margin-right:auto;
	width: 924px;
	height:528px;
	padding:16px;
	clear:left;
	background-color: #FFFFFF;
	border: thin solid #c8c8c8;
}

div#mainContactUs {
	margin-left:auto;
	margin-right:auto;
	width: 924px;
	height:580px;
	padding:16px;
	clear:left;
	background-color: #FFFFFF;
	border: thin solid #c8c8c8;
}

div#mainWeddingStories {
	margin-left:auto;
	margin-right:auto;
	width: 924px;
	height:720px;
	padding:16px;
	clear:left;
	background-color: #FFFFFF;
	border: thin solid #c8c8c8;
}

div#mainRaves {
	margin-left:auto;
	margin-right:auto;
	width: 924px;
	height:650px;
	padding:16px;
	clear:left;
	background-color: #FFFFFF;
	border: thin solid #c8c8c8;
}

div#mainAlbums {
	margin-left:auto;
	margin-right:auto;
	width: 924px;
	height:624px;
	padding:16px;
	clear:left;
	background-color: #FFFFFF;
	border: thin solid #c8c8c8;
}

div#weddingstoriesPageTitle {
	width: auto;
	margin-top:16px;
	margin-left:40px;
	clear:left;
	height:62px;
	background-repeat:no-repeat;
	background-image:url(./images/Wedding-Stories-title.jpg);
	left:40px;
}

div#ravesPageTitle {
	width: auto;
	margin-top:16px;
	margin-left:40px;
	clear:left;
	height:43px;
	background-repeat:no-repeat;
	background-image:url(./images/Raves-title.jpg);
	left:40px;
}

div#albumsPageTitle {
	width: auto;
	margin-top:16px;
	margin-left:16px;
	margin-bottom:30px;
	height:61px;
	clear:left;
	background-repeat:no-repeat;
	background-image:url(./images/Albums-title.jpg)
}

div#aboutusPageTitle {
	width: auto;
	padding-bottom:30px;
	clear:left;
	height:69px;
	background-repeat:no-repeat;
	background-image:url(./images/About-title.jpg)
}


#divLeftAbout {
	width: 350px;
	float: left;
	
}
#divRightAbout {
	padding-top:50px;
	padding-right:80px;
	padding-left:80px;
	width: 414px;
	float: left;
}

#divLeftContactUs {
	width: 350px;
	float: left;
	
}

#divRightContactUs {
	padding-top:0px;
	padding-right:20px;
	padding-left:80px;
	padding-bottom:20px;
	width: 474px;
	float: left;
}

div#thinFooter {
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:40px;
	width: 960px;
	height: auto;
	clear: left;
}

div#deepFooter {
	margin-left:auto;
	margin-right:auto;
	width: 880px;
	height: auto;
	clear: left;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:40px;
	padding-right:40px;
}



.raveImage
{
float: left;
width: 120px;
height: 150px;
margin-right:15px;
padding: 3px;
border:solid
thin;
border-color:#CCCCCC;
}

div#divLeftRave {
	width:380px;
	padding-left:40px;
	padding-top:30px;
	padding-right:40px;
	float:left;
	
}
.raveComponent {
	width:380px;
	height:auto;
	overflow: visible;
	float:left;
	padding:10px 10px 10px 0px;

}

div#divRightRave {
	width:380px;
	padding-left:40px;
	padding-top:30px;
	padding-right:40px;
	float:right;
}

div#Venues {
padding-left:30px;
padding-right:30px;
padding-top:10px;
padding-bottom:0px;
}


/*Navigation*/

ul#topnav {
float:left;
}


        ul#topnav li {
        		display:inline;
			
        }

        ul#topnav li a {
        		height:40px;
        		float:left;
				margin: 0 0.9em;
        		text-indent:-9999px;
        		text-decoration:none;
        }

  ul#topnav li#topnav-0 a {
        		width:161px;
				height:70px;
				margin-right:40px;
        		background:url(./images/logo.jpg) no-repeat;
        }

        ul#topnav li#topnav-1 a {
        		width:46px;
				margin-top:30px;
        		background:url(./images/home.jpg) no-repeat;
				
        }

        ul#topnav  li#topnav-1 a:hover {
        		background:url(./images/home-hover.jpg) no-repeat;
				
        }

        ul#topnav  li#topnav-1 a.current {
        		background:url(./images/home-hover.jpg) no-repeat;
        }
        
        
		ul#topnav li#topnav-2 a {
        		width:68px;
				margin-top:30px;
        		background:url(./images/portfolio.jpg) no-repeat;
        }

        ul#topnav  li#topnav-2 a:hover {
        		background:url(./images/portfolio-hover.jpg) no-repeat;
        }

        ul#topnav  li#topnav-2 a.current {
        		background:url(./images/portfolio-hover.jpg) no-repeat;
        }
        
        ul#topnav li#topnav-3 a {
        		width:115px;
				margin-top:30px;
        		background:url(./images/weddingstories.jpg) no-repeat;
        }

        ul#topnav  li#topnav-3 a:hover {
        		background:url(./images/weddingstories-hover.jpg) no-repeat;
		}

        ul#topnav  li#topnav-3 a.current {
        		background:url(./images/weddingstories-hover.jpg) no-repeat;
        }
		
		
		    ul#topnav li#topnav-4 a {
        		width:39px;
				margin-top:30px;
        		background:url(./images/blog.jpg) no-repeat;
        }

        ul#topnav  li#topnav-4 a:hover {
        		background:url(./images/blog-hover.jpg) no-repeat;
		}

        ul#topnav  li#topnav-4 a.current {
        		background:url(./images/wblog-hover.jpg) no-repeat;
        }

		
        
        ul#topnav li#topnav-5 a {
        		width:55px;
				margin-top:30px;
        		background:url(./images/about.jpg) no-repeat;
        }

        ul#topnav  li#topnav-5 a:hover {
        		background:url(./images/about-hover.jpg) no-repeat;
        }

        ul#topnav  li#topnav-5 a.current {
        		background:url(./images/about-hover.jpg) no-repeat;
        }
        
		 ul#topnav li#topnav-6 a {
        		width:55px;
				margin-top:30px;
        		background:url(./images/albums.jpg) no-repeat;
        }

        ul#topnav  li#topnav-6 a:hover {
        		background:url(./images/albums-hover.jpg) no-repeat;
        }

        ul#topnav  li#topnav-6 a.current {
        		background:url(./images/albums-hover.jpg) no-repeat;
        }
		
		
		 ul#topnav li#topnav-7 a {
        		width:46px;
				margin-top:30px;
        		background:url(./images/raves.jpg) no-repeat;
        }

        ul#topnav  li#topnav-7 a:hover {
        		background:url(./images/raves-hover.jpg) no-repeat;
        }

        ul#topnav  li#topnav-7 a.current {
        		background:url(./images/raves-hover.jpg) no-repeat;
        }
		
		 ul#topnav li#topnav-8 a {
        		width:64px;
				margin-top:30px;
        		background:url(./images/contact.jpg) no-repeat;
        }

        ul#topnav  li#topnav-8 a:hover {
        		background:url(./images/contact-hover.jpg) no-repeat;
        }

        ul#topnav  li#topnav-8 a.current {
        		background:url(./images/contact-hover.jpg) no-repeat;
        }


/*About*/

.righttextbox
{
float:inherit;
width: 400px;
height:200px;
}




.greyRule { 
background: #CECECE; 
width: 940px; 
height: 1px; 
padding: 10;
margin-left: auto; 
margin-right: auto;
} 
.greyRule hr { 
display: none; 
} 

.pinkRuleshort { 
background: #c9798f; 
width: 660px; 
height: 1px; 
margin-left: auto; 
margin-right: auto;
margin-top:15px;
margin-bottom:25px;
} 

.greyRuleshort { 
background: #868686; 
width: 660px; 
height: 1px; 
margin-left: auto; 
margin-right: auto;
} 

.greyRuleshortcontactus { 
background: #868686; 
width: 230px; 
height: 1px;
margin-left:110px;
} 

.greyRuleshort hr { 
display: none; 
} 

.pinkRuleshort hr { 
display: none; 
} 

.greyRulevertical { 
background: #CECECE; 
width: 1px; 
height: 545px; 
margin-left: auto; 
margin-right: auto;
float:left;
padding-top:30px;
} 
.greyRulevertical hr { 
display: none;
}

.greyRuleverticalshort { 
background: #CECECE; 
width: 1px; 
height: 280px; 
margin-left: auto; 
margin-right: auto;
float:left;
} 
.greyRuleverticalshort hr { 
display: none;
}


.weddingstoryBorder img{
border: 2px solid #FFFFFF;
margin:5px;
padding:2px;
}

.weddingstoryBorder:hover img{
border: 2px solid #FF6699;
margin:5px;
padding:2px;
}

.weddingstoryBorder:hover{
color: red; /* irrelevant definition to overcome IE bug */
}



.inputtext { height: 20px; }






form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0;
	padding-top:4px;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.formlabelWeddingDate { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0;
	padding-top:0px;
	margin: 3px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}



form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
       
		                      label aligns textarea better in IE */
}


textarea { overflow: auto; }


form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

div#pricelistbox1 {
	width:280px;
	float:left;
	padding: 0 25px 0px 25px;
	margin-bottom:40px;
}

div#pricelistbox2 {
	width:280px;
	float:left;
	padding: 0 25px 0px 25px;
	margin-bottom:60px;

}

div#pricelistbox3 {
	width: auto;
	float:left;
	padding: 0 25px 0px 25px;
	margin-bottom:40px;
}

.albumlist{
list-style-type:circle;
margin-left:10px;
}