@charset "iso-8859-1";


/*  this following section from HappyCog  */

/* Layout divisions and rules */

img		{
	border: 0;
	display: block;
	margin-left: 9px;
	margin-top: 0;
	}
	
img.floatLeft {
	border: 2px solid #999; 
    float: left; 
    margin: 10px 20px 10px 0px; 
}
img.floatRight { 
	border: 2px solid #999;
    float: right; 
    margin: 10px 0px 10px 20px; 
}
	
body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #530;
	background: #cccab8;
	font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	}

#wrapper	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 918px;
	text-align: left;
	background: transparent;
	}

#card	{
	margin: 2px 0 0 0;
	padding: 0;
	border: 0;
	height: 614px;
	width: 918px;
	text-align: left;
	background: transparent url(/images/entire_card.gif) top left no-repeat;
	}	
	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */
body#faq #card, body#wte #card, body#services #card, body#about #card, body#bookings #card	{
	height: auto;
	background: #f4f3ea;
	}
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */

	
#header	{
	width: 870px;
/* change this line  */
/* change this line  */
/* change this line  */
/* change this line  */
	height: 51px;
/* change this line  */
/* change this line  */
/* change this line  */
/* change this line  */
	padding: 18px 0 0 0;
	border: 0;
	margin: 0 0 0 28px;
	background: #f4f3ea;
	}
	
div#headwrap	{
	float: left;
	height: 31px;
	width: 265px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}

div#headwrap h1	{
	background: transparent url(/images/logo.gif) top left no-repeat;
	margin: 0;
	border: 0;
	padding: 0;

/* change ???? it was 27px  */
/* change ???? it was 27px  */
/* change ???? it was 27px  */
/* change ???? it was 27px  */	
padding-top: 40px;
/* change ???? it was 27px  */
/* change ???? it was 27px  */
/* change ???? it was 27px  */
/* change ???? it was 27px  */
	
overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:40px; /* for pre 6.0 IE Win */
	}

#content	{
	margin: 0 20px;
	padding: 0;
	border: 0;
	/* height: 598px; */    /*  take this out temporarily to see if it fixes things */
	width: 870px;
	background: transparent; /* this line different from original supah css */
	}


	
	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
#main	{
	width: 570px;
	text-align: left;
	float: left;
	padding: 0;
	border: 0;
	margin: 4px 0;
	min-height: 515px;
	}
	
#content p {
color: #72737b;
text-align: left;
line-height: 1.8em;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 30px;
margin-left: 0pt;
padding-left: 7pt;
}

#content p.question {
background: #e1e2f2;
color: #434348;
font-weight : bold;
margin-bottom: .5em;
clear: both; /*keeps image from running over top of Q's banner line */
}

#content p.answer {
color: #72737b;
margin-bottom: 2em;
}
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	





	
body#weddingportfolio #entire_bit {
background: transparent url(/images/loading2.gif) center 40% no-repeat;
	}	

	
	/*  the above section from HappyCog  */
	


	
#hdln_faq {
	text-indent: -9999px; 
	text-decoration: none;
	left: 0px; 
	width: 258px;
	background: transparent url(/images/faq_hdln.ii.gif) 0 0px no-repeat;
	}
	
#hdln_wte {
	text-indent: -9999px; 
	text-decoration: none;
	left: 0px; 
	width: 258px;
	background: transparent url(/images/foe_hdln.ii.gif) 0 0px no-repeat;
	}

	
	/*  the following NAVIGATION section from HappyCog  */	
	
	/* Main nav */


	
#mainnav ul	{
/* change this line  */
/* change this line  */
/* change this line  */
/* change this line  */
margin: 0 0 0 391px;
/* change this line  */
/* change this line  */
/* change this line  */
/* change this line  */
	width: 456px;
	height: 17px;
	background: transparent;
/* SHOULD JUST AS WELL LEAVE OUT - IT LOOKS BETTER WITHOUT THE DOTS !!! */
/* remove this temporarily NOTE THAT THIS IS WHERE THE DOTS BETWEEN LINK BUTTONS COME FROM 
	background: transparent url(/images/nav_btns.gif) no-repeat;
   remove this temporarily NOTE THAT THIS IS WHERE THE DOTS BETWEEN LINK BUTTONS COME FROM */
/* SHOULD JUST AS WELL LEAVE OUT - IT LOOKS BETTER WITHOUT THE DOTS !!! */
	position: relative;
	top: 15px;
	}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#mainnav ul li, #mainnav a	{
	height: 17px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

	
/* TEMP settings for the menu, use the part below when full menu is in place */	
#mn1 {left: 190px; width: 101px;}	
/* #mn2 {left: 116px; width: 55px;}
#mn3 {left: 189px; width: 89px;} */
#mn4 {left: 330px; width: 34px;}
/* #mn5 {left: 337px; width: 46px;} */
#mn6 {left: 398px; width: 57px;}
	
#mn1 {background: transparent url(/images/nav_btns.ii.gif) 0px 0px no-repeat;}
/*#mn2 {background: transparent url(/images/nav_btns.ii.gif) -116px 0px no-repeat;}
#mn3 {background: transparent url(/images/nav_btns.ii.gif) -189px 0px no-repeat;} */
#mn4 {background: transparent url(/images/nav_btns.ii.gif) -290px 0px no-repeat;}
/* #mn5 {background: transparent url(/images/nav_btns.ii.gif) -337px 0px no-repeat;} */
#mn6 {background: transparent url(/images/nav_btns.ii.gif) -398px 0px no-repeat;}

#mn1 a:hover {background: transparent url(/images/nav_btns.ii.gif) 0px -17px no-repeat;}
/* #mn2 a:hover {background: transparent url(/images/nav_btns.ii.gif) -116px -17px no-repeat;}
#mn3 a:hover {background: transparent url(/images/nav_btns.ii.gif) -189px -17px no-repeat;} */
#mn4 a:hover {background: transparent url(/images/nav_btns.ii.gif) -290px -17px no-repeat;}
/* #mn5 a:hover {background: transparent url(/images/nav_btns.ii.gif) -337px -17px no-repeat;} */
#mn6 a:hover {background: transparent url(/images/nav_btns.ii.gif) -398px -17px no-repeat;}

body#weddingportfolio #mn1, body#weddingportfolio #mn1 a:hover {background: transparent url(/images/nav_btns.ii.gif) 0px -17px no-repeat;}
/* body#services #mn2, body#services #mn2 a:hover {background: transparent url(/images/nav_btns.ii.gif) -116px -17px no-repeat;}
body#wte #mn3, body#wte #mn3 a:hover {background: transparent url(/images/nav_btns.ii.gif) -189px -17px no-repeat;} */
body#faq #mn4, body#faq #mn4 a:hover {background: transparent url(/images/nav_btns.ii.gif) -290px -17px no-repeat;}
/* body#about #mn5, body#about #mn5 a:hover {background: transparent url(/images/nav_btns.ii.gif) -337px -17px no-repeat;} */
body#bookings #mn6, body#bookings #mn6 a:hover {background: transparent url(/images/nav_btns.ii.gif) -398px -17px no-repeat;}
/* TEMP settings for the menu, use the part below when full menu is in place */	

/* how the menu should be - set BACK to this when full menu is in place

#mn1 {left: 0px; width: 101px;}	
#mn2 {left: 116px; width: 55px;}
#mn3 {left: 189px; width: 89px;}
#mn4 {left: 290px; width: 34px;}
#mn5 {left: 337px; width: 46px;}
#mn6 {left: 398px; width: 57px;}

#mn1 {background: transparent url(/images/nav_btns.ii.gif) 0 0px no-repeat;}
#mn2 {background: transparent url(/images/nav_btns.ii.gif) -116px 0px no-repeat;}
#mn3 {background: transparent url(/images/nav_btns.ii.gif) -189px 0px no-repeat;}
#mn4 {background: transparent url(/images/nav_btns.ii.gif) -290px 0px no-repeat;}
#mn5 {background: transparent url(/images/nav_btns.ii.gif) -337px 0px no-repeat;}
#mn6 {background: transparent url(/images/nav_btns.ii.gif) -398px 0px no-repeat;}

#mn1 a:hover {background: transparent url(/images/nav_btns.ii.gif) 0 -17px no-repeat;}
#mn2 a:hover {background: transparent url(/images/nav_btns.ii.gif) -116px -17px no-repeat;}
#mn3 a:hover {background: transparent url(/images/nav_btns.ii.gif) -189px -17px no-repeat;}
#mn4 a:hover {background: transparent url(/images/nav_btns.ii.gif) -290px -17px no-repeat;}
#mn5 a:hover {background: transparent url(/images/nav_btns.ii.gif) -337px -17px no-repeat;}
#mn6 a:hover {background: transparent url(/images/nav_btns.ii.gif) -398px -17px no-repeat;}

body#weddingportfolio #mn1, body#weddingportfolio #mn1 a:hover {background: transparent url(/images/nav_btns.ii.gif) 0 -17px no-repeat;}
body#services #mn2, body#services #mn2 a:hover {background: transparent url(/images/nav_btns.ii.gif) -116px -17px no-repeat;}
body#wte #mn3, body#wte #mn3 a:hover {background: transparent url(/images/nav_btns.ii.gif) -189px -17px no-repeat;}
body#faq #mn4, body#faq #mn4 a:hover {background: transparent url(/images/nav_btns.ii.gif) -290px -17px no-repeat;}
body#about #mn5, body#about #mn5 a:hover {background: transparent url(/images/nav_btns.ii.gif) -337px -17px no-repeat;}
body#bookings #mn6, body#bookings #mn6 a:hover {background: transparent url(/images/nav_btns.ii.gif) -398px -17px no-repeat;}

how the menu should be - set BACK to this when full menu is in place */


#subnav ul	{
/* change this line  */
/* change this line  */
/* change this line  */
/* change this line  */
margin: 5px 0 0 311px;
/* change this line  */
/* change this line  */
/* change this line  */
/* change this line  */

	left: 250px;/* change this line back to 0px when full navigation is being used  */
	width: 142px;
	height: 11px; 
	position: relative;
	top: 15px;
	}
	
#subnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
#subnav ul li, #subnav a	{
	/*height: 11px; */
	display: block;
	}

#subnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#previous {left: 0px; width: 60px;}	
#next {left: 105px; width: 37px;}
	
#previous {background: transparent url(/images/subnav_btns.gif) 0 0px no-repeat;}
#next {background: transparent url(/images/subnav_btns.gif) -105px 0px no-repeat;}
	
#previous a:hover {background: transparent url(/images/subnav_btns.gif) 0 -11px no-repeat;}
#next a:hover {background: transparent url(/images/subnav_btns.gif) -105px -11px no-repeat;}
	
#count {
	text-align: center;
	font: 9px myriad, sans-serif;
	font-weight : bold;
	color: #a19c92;
position:relative;
top:0px;
left:65px;
margin: 0px 0 0 0;
padding: 0;
border: 0;
width: 35px;
}



	/*  the above NAVIGATION section from HappyCog  */	
	
	

body#weddingportfolio #entire_bit, body#index #entire_bit {
	margin: 0;
	padding: 0;
	border: 0;
	height: 563px;
	width: 870px;
	background: transparent;
	}
	
#entire_bit img	{
	border-style: solid;
	border-color: #e8e7de;
	border-width: 1px;
	}	
	


				
	
	
	
	
		/*  the start of the following FOOTER section from HappyCog  */	
	
#footer		{

	clear: both;
	margin: 10px 25px 25px 25px;
	text-align: center;
	color: #716e65;
	}
	
#footer	p {font: 10px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
}

#footer	a:link, a:visited  {
		font-weight : bold;
		color: #595750;
		text-decoration : none;
	}
	
#footer	a:active {
	font-weight : bold;
	color: #888;
	text-decoration : none;
	}	
	
#footer	a:hover {
	font-weight : bold;
	color: #222;
	text-decoration : underline;	
	}
	

		/*  the above FOOTER section from HappyCog  */	
		
#footerplus		{
	clear: both;
	margin: 300px 25px 25px 25px;
	text-align: center;
	color: #ccc9c2;
	}		
	
/*  this following section for FORM on Contact Page  */
		
body#bookings #main, body#thankyou #main {
background-color: #ffffff;
width: 895px;
margin: 0px 0 10px -10px;
border-top: 1px solid #ccc9c2;
}


/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */
body#faq #content, body#wte #content {
background-color: #ffffff;
margin: 0 7px 0;
border-top: 1px solid #ccc9c2;
background-color: #ffffff;
padding: 60px 85px;
width: 735px;
border-top: 1px solid #ccc9c2;
}
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */	
/*new to or newly edited in good2.css */



body#bookings #entire_bit {
background-color: #ffffff;
padding: 0px 7px;
width: 641px;
margin: 0px 7px 0px 7px;
}




body#bookings #contactinfo p {
color: #888681;
width: 300px;
margin: 10px 0 0px 50px;
padding: 5px 0 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/
height: 1%;
}

body#bookings #contactinfo a {
color: #77010D;
}

body#thankyou #main {
height: 495px;
}

body#thankyou #main p {
color: #888681;
width: 500px;
margin: 10px 0 20px 50px;
padding: 5px 0 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/
height: 1%;
}
		
#myform {
	margin: 0px 0 0 20px;		
}
	

.cssform p{
color: #888681;
width: 300px;
clear: left;
margin: 0px 0 0 50px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #ccc9c2;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*  this preceding section for FORM on Contact Page  */