body { font-family: Verdana, Arial; font-size: 11px; background-color: #000000; margin: 0px; margin-bottom: 60px; padding: 0px; position: relative;}
.bodybg { background-color: #000000;}
.links, .links:visited, .links:hover { font-family: Verdana, Arial; font-size: 11px; color: #cccccc; text-decoration: underline; }
.linksbig, .linksbig:visited, .linksbig:hover { font-family: Verdana, Arial; font-size: 12px; color: #cccccc; text-decoration: underline; }
.homepagelinks, .homepagelinks:visited, .homepagelinks:hover { font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; text-decoration: underline; }

p { margin-top: 20px;}
h1 { margin: 0px; padding: 0px; font-family: Verdana, Arial; font-size: 16px; color: #FFFFFF; line-height: 20px;}
h2 { font-family: Verdana, Arial; font-size: 12px; color: #FFFFFF; line-height: 17px;}

#container {
	margin-top: 0px; margin-left: auto; margin-right: auto;
	width: 800px; height: auto; !important
	font-family: Arial; font-size: 12px; color: #999999;
}
	#header { width: 800px; height: 139px; background-image: url(images/ms-logo.jpg); background-repeat: no-repeat; border: 1px solid #505050; }
	
	/* Navigation */
	#NavArea { height: 35px; }
	#Nav, #Nav ul { font-family: Verdana, Arial; font-size: 11px; position: relative; background-color: #000000; padding: 0; margin: 0; list-style: none; width: 800px; }
	
	#Nav table { border-collapse: collapse; margin: -1px -10px; 0 0; padding: 0; width: 0; height: 0; }
	#Nav li {  float: left; height: 30px; margin-left: 5px; }
	#Nav li a { float: left; display: block; height: 30px; line-height: 30px; padding: 0 13px 0 0px; color: #FFFFFF; text-decoration: none; outline: none; }
	
	#Nav li a.menudown { background: url(images/down.gif) no-repeat right center; }
	#Nav li ul li a.menudown { font-size: 11px; color: #ff0; }
	
	#Nav li a:hover { white-space: nowrap; color: #DCDCDC;}
	#Nav li a.menudown:hover { white-space: nowrap; color: #DCDCDC; background: url(images/down-over.gif) no-repeat right center; }
	
	#Nav li:hover > a { color: #DCDCDC; }
	#Nav li:hover > a.menudown { color: #DCDCDC; background: url(images/down-over.gif) no-repeat right center; }
	
	#Nav li ul { position: absolute; margin-top:30px; _margin-top: 0px; left:-9999px; z-index:10; background-color: #242021; border: 1px solid #505050; }
	#Nav li ul.SubNav li a {padding: 0px 25px 0px 0px; font-size: 10px; }
	
	#Nav li ul.ClientSubNav { padding: 0px 80px 0px 435px; width: 800px; width: auto !important; }
	#Nav li ul.ClientSubNav li a { padding: 0px 17px 0px 0px; font-size: 10px; }
	
	#Nav :hover ul {left:0; background-color: #242021; }
	
	#contactbar {
        width: 798px; float: left; display: inline; height: 30px;
		border: 1px solid #505050;
		background-color: #242021;
		background-image: url(images/telephone.gif); background-repeat: no-repeat; background-position: center;
		margin: 20px 0px 0px 0px;
	}
	#subheader { width: 800px; float: left; display: inline; height: 50px; border: 1px solid #505050; background-color: #0A0406; text-align: center; padding-top: 12px; margin: 4px 0px 2px 0px;  }
		#phonenumber { font-family: Verdana, Arial; font-size: 14px; font-weight: bold; width: 450px; float: left; display: inline; height: 40px; text-align: center; }
		#voucherbutton { font-family: Verdana, Arial; font-size: 13px; font-weight: bold; width: 300px; float: left; display: inline; height: 40px; text-align: center; margin: 0px 0px 0px 30px;  }
		
		#imageleft { float: left; margin: 10px; }
		#imageleft img { border: 2px solid #79B9E9; }
		#availtext {
			padding: 20px 5px 20px 10px; text-align: left; float: left; width: 530px;
			font-family: Verdana, Arial; font-size: 11px; color: #999999;
		}		
		#contenttext { padding: 0px 10px 0px 10px; text-align: left; float: left; width: 490px;	font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; }
			#contenttext .adddetails { font-size: 10px; margin-top: 20px;}
			#contenttext .logos {border: 3px solid #999999; margin-left: 20px; margin-right: 20px;}			
			#contenttext .logoswpp {border: 3px solid #242021; margin-left: 20px; margin-right: 0px;}
				#signature { text-align: right; }
			
		#contentif {text-align: center; float: left;}


	#thumbnail-area { width: 800px; height: 200px; margin-top: 75px; }
		.slideshow { float: left; height: 100px; width: 100px; }
		.slideshow img { margin: 1px; border: 1px solid #000000; background-color: #eee; }
	
	#gallery_area_top { width: 800px; height: 200px; border: 1px solid #505050; margin: 75px 0px 0px 0px;  }
		#col1, #col2, #col3, #col4 { float: left; width: 120px; height: 200px; margin-right: 2px; }
		
		#col1 a { display:block; width: 120px; height: 200px; margin-right: 2px; background-image: url(images/homelink_portrait_off.jpg); }
		#col1 a:hover { display:block; float: left; width: 120px; height: 200px; margin-right: 2px; background-image: url(images/homelink_portrait_on.jpg); }
		#col2 a { display:block; width: 120px; height: 200px; margin-right: 2px; background-image: url(images/homelink_wedding_off.jpg); }
		#col2 a:hover { display:block; float: left; width: 120px; height: 200px; margin-right: 2px; background-image: url(images/homelink_wedding_on.jpg); }
		#col3 a { display:block; width: 120px; height: 200px; margin-right: 2px; background-image: url(images/homelink_makeover_off.jpg); }
		#col3 a:hover { display:block; float: left; width: 120px; height: 200px; margin-right: 2px; background-image: url(images/homelink_makeover_on.jpg); }
		#col4 a { display:block; width: 120px; height: 200px; margin-right: 2px; background-image: url(images/home_competition.gif); }		
		
		#col_contactform { float: left; width: 302px; height: 200px; background-color:#FFFFFF; padding-left: 10px; }
			#col_contactform .error { color: #FF0000; padding: 10px; }
			#col_contactform .success { color: #009900; padding: 10px; }

			#home_contactarea { width: 280px; height: 135px; font-family: Verdana; font-weight: bold; color: #0579AF; padding-left: 10px; }
				#home_contactarea .contact_line { line-height: 25px; }
				.contact_label { float: left; display: block; width: 70px; }
				.contact_field { border: 1px solid #0579AF; font-family: Verdana; font-size: 11px; color: #0579AF; padding: 2px; width: 150px; }
				.contact_button { color: #ffffff; border: 1px solid #ffffff; background-color: #0579af; margin-left: 105px; cursor: pointer; }
	
		#GalleryContent { color: #FFFFFF; width: 760px; border: 1px solid #505050; background-color: #0579AF; padding: 10px 20px 10px 20px; }
		#GalleryContentSmall { color: #FFFFFF; width: 760px; background-color: #0579AF; padding: 5px; }
	.GalleryName { font-size: 16px; color: #FFFFFF; font-weight: bold; }
	
	#content-splash,#content-splashhome { width: 800px; float: left; display: inline; height: auto; border: 1px solid #505050; background-color: #0579AF; text-align: center; }
	#content-splashhome { margin-top: 10px; }
	#content-splash { margin-top: 30px; }
		#contentsplashtext {
			text-align: center; float: left; margin-left: 200px; margin-top: 74px;
			font-family: Verdana, Arial; font-size: 18px; color: #ffffff;
		}
			#contentsplashtext a {color: #ffffff; text-decoration: none;}
			#contentsplashtext a:hover {color: #999999; text-decoration: none;}
		
	#content-win { float: left; width: 800px; margin: 30px 0px 20px 0px; border: 1px solid #505050; background-color: #0579AF; color: #FFFFFF; text-align: center; }
	#content-port { float: left; width: 800px; margin: 30px 0px 0px 0px; border: 1px solid #505050; background-color: #0579AF; text-align: center; }
		#content-porttext, #content-makeotext { float: left; text-align: left; font-size: 11px; color: #FFFFFF; margin: 10px; }
		#content-makeotext { width: 350px; }
	
	#aboutus_text { font-size: 11px; color: #FFFFFF; width: 760px; border: 1px solid #505050; background-color: #0579AF; padding: 10px 20px 10px 20px; text-align: left; }
	
	#comps_area { float: left; margin-top: 20px; }
		.comp-makeover { float: left; margin-right: 25px; }
		.comp-portrait { float: left; margin-left: 25px; }
		.comp-contact { float: left; position: relative; background-image: url(images/mailing-list.jpg); width: 250px; height: 129px; color: #FFFFFF; }
		.comp-contact-form { position: absolute; left: 45px; top: 79px; }
		#comps_area a { outline: none; }
		.comp-link { float: left; width: 150px; height: 129px; }
		#comp-facebook { width: 122px; height: 42px; margin: 10px 14px 20px 14px; }
		#comp-blog { width: 122px; height: 42px; margin: 10px 14px 20px 14px; }
		
	#wrapper { width: 780px; float: left; height: auto; border: 1px solid #505050; background-color: #0579AF; padding: 10px; color: #FFFFFF; margin-top: 30px; }
	
	/* Link Styles */
	.linkthumb {float: left; padding: 20px; background-color: #333; border: 1px solid #444; margin: 20px 20px 0px 0px;}
	.linktext {float: left; width: 300px;}
	.linkclear {clear: both; display: block; height: 0px; margin: 0px; padding: 0px;}
	
	/* Gallery Styles */
	#content-gallery {
        height: auto; width: 798px;
		float: left;
		border: 1px solid #505050;
		background-color: #242021;
		text-align: left;
		font-family: Verdana, Arial; font-size: 11px; color: #999999;
	}
		#content-galleryslideshow {
			padding: 20px;
			text-align: center;
			font-family: Verdana, Arial; font-size: 11px; color: #999999;
		}
	
	/* Prices Styles */
	#content-prices {
        height: auto;
		padding: 20px; float: left;
		border: 1px solid #505050;
		background-color: #242021;
		text-align: left;
		font-family: Verdana, Arial; font-size: 11px; color: #999999;
	}
		#content-prices .imgleft {float: left; margin-right: 15px; margin-bottom: 25px; margin-top: 5px; border: 1px solid #ffffff;}		
		#content-prices .albumtext {font-family: Verdana, Arial; font-size: 11px; color: #999999;}
		#content-prices ul li {margin-left: 40px; line-height: 15px;}
		
	/* Words Styles */	
	.content-words {
        height: auto; width: 798px;
		float: left;
		border: 1px solid #505050;
		background-color: #242021;
		text-align: left;
		font-family: Verdana, Arial; font-size: 11px; color: #999999;
		margin-bottom: 20px;
	}
		.content-words .imgleft {width: 198px; height: 158px; float: left;}		
		.content-words .words {font-family: Verdana, Arial; font-size: 11px; color: #999999; margin-left: 198px; padding: 15px; text-align: left;}
		.content-words a {color: #ffffff;}
		
	.content-wordslast {
        height: auto; width: 798px;
		float: left;
		border: 1px solid #505050;
		background-color: #242021;
		text-align: left;
		font-family: Verdana, Arial; font-size: 11px; color: #999999;
	}
		.content-wordslast .imgleft {width: 198px; height: 158px; float: left;}		
		.content-wordslast .words {font-family: Verdana, Arial; font-size: 11px; color: #999999; margin-left: 198px; padding: 15px; text-align: left;}
		.content-wordslast a {color: #ffffff;}	

	/* Venue Styles */	
	#content-venues {
        height: auto; width: 798px;
		float: left;
		border: 1px solid #505050;
		background-color: #242021;
		text-align: left;
		font-family: Verdana, Arial; font-size: 11px; color: #999999;
		margin-bottom: 20px;
	}
		#content-venues #imageleft {width: 244px; height: 380px; float: left;}
		#content-venuesslideshow {
			padding: 10px; text-align: center; margin-left: 244px;
			font-family: Verdana, Arial; font-size: 11px; color: #999999;
		}
		#flashcontent {font-family: Verdana, Arial; font-size: 11px; color: #999999; text-align: center;}
		#flashcontent a {color: #ffffff;}
	
	#content-venueslist {
        height: auto; width: 798px;
		float: left;
		border: 1px solid #505050;
		background-color: #242021;
		text-align: left;
		font-family: Verdana, Arial; font-size: 11px; color: #999999;
		margin-bottom: 20px;
	}	
		#content-venueslist ul {font-family: Verdana, Arial; font-size: 10px; color: #CCCCCC; margin-left: 20px; padding: 20px;}
		#content-venueslist li {display: inline; margin-right: 26px; line-height: 20px;}		
		#content-venueslist a {color: #cccccc; text-decoration: none;}	
		#content-venueslist a:hover {color: #cccccc; text-decoration: underline;}
		#content-venueslist a.selected {color: #ffffff; text-decoration: underline;}	
		
	
	#content-venuestext {
        height: auto; width: 798px;
		float: left;
		border: 1px solid #505050;
		background-color: #242021;
		text-align: left;
		font-family: Verdana, Arial; font-size: 11px; color: #999999;
	}	
		#content-venuestext h1 {font-family: Verdana, Arial; font-size: 16px; color: #CCCCCC; line-height: 20px; margin: 15px;}
		#content-venuestext p {margin: 15px;}		
		#content-venuestext a {color: #ffffff;}		
		
	#winmoimgbar { float: left;	width: 180px; display: inline; text-align: left; padding: 0px 0px 10px 10px; margin-top: 25px; }
	#winmoimgbar .imgbox { float: left; margin: 0px 0px 50px 0px; }
	#contenttext-winmo {
		padding: 20px; text-align: left; float: left; width: 570px;
		font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF;
		background-image: url(images/bg-roundedcorner.gif); background-position: top left; background-repeat: no-repeat;
	}
		
	.formrow { float: left; margin-bottom: 10px; display: inline;}
	.formlabels { float: left; display: block; width: 160px; margin-right: 10px;}
	.formlabels-small { float: left; display: block; width: 80px; margin-right: 10px;}
	.formfields {
		border: 1px solid #FFFFFF !important;
		padding: 2px !important;
		background-color: #BCBCBC !important;
		font-family: Verdana, Arial !important; font-size: 11px !important; color: #000000 !important;
		display: inline !important;
		overflow: auto !important;
		float: left !important;
	}	
	.formfields-big {
		border: 1px solid #FFFFFF !important;
		padding: 2px !important;
		background-color: #BCBCBC !important;
		font-family: Verdana, Arial !important; font-size: 11px !important; color: #000000 !important;
		display: inline !important;
		overflow: auto !important;
		float: left !important;
		width: 400px;
	}	
	
	/* Client Area Styles */
	.formalign {display: inline;}
	.form-textfields {
		border: 1px solid #7D002E !important;
		padding: 2px!important;
		font-family: Verdana, Arial!important;
		font-size: 11px!important;
		background-color: #ffffff !important;
		color: #7D002E!important;
	}
	.menuitem { font-family: Verdana, Arial; font-size: 11px; background-color: #BCBCBC; color: #000000; }

.clear { clear: both; }
.password { text-align: center; }
.image_border { border: 1px solid #999999; }
.submit_button { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px;} 
.sig { text-align: left; padding-top: 20px ; }

/* Copyright Box and Text */
#copy {
	margin-left: auto; margin-right: auto; margin-top: 20px;
	width: 800px; height: auto; text-align: center;
	font-family: Verdana, Arial; font-size: 10px; color: #cccccc;
}
	#copy .copy-line { padding-top: 5px; }
	#copy a {font-family: Verdana, Arial; font-size: 10px; color: #cccccc;}
	
#map_area { float:left; width: 300px; height: 200px; margin: 10px 20px 10px 0px; border: 2px solid #79B9E9; }
#contactform { float:left; margin: 10px 0px 10px 30px; width: 400px; }
#contactformbig { float:left; margin: 10px 0px 10px 30px; width: 600px; }
#cherubs_image { float: left; width: 230px; margin-right: 5px; }

/* Footer Keywords Container */
#footerkeywords {
	margin-left: auto; margin-right: auto; margin-top: 40px;
	width: 780px; padding: 10px;
	font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #444444;
}
#footerkeywordssplash {
	margin-left: auto; margin-right: auto; margin-top: 300px;
	width: 780px; padding: 10px;
	font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #444444;
}
.facebook { border:0; padding-bottom: 5px; vertical-align: middle; }


/* New Navigation */

#dropline { font-family: Verdana, Arial; font-size: 11px; padding:0; list-style:none; text-align:center; margin:0 auto; height:41px; width:800px; position: relative; }
#dropline div {padding:0; margin-left: 79px; list-style:none; position:absolute; left:-9999px; width:800px; }
#dropline table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

#dropline ul li {display:inline; margin:0; text-align:left;}
#dropline ul li a {display:inline-block; height:30px; line-height:30px; margin:0px 0px 0px 4px; padding:0 10px; background:transparent; font-size:11px;}

#dropline li {display:inline; margin:0 -2px; text-align:left;}
#dropline li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 20px 0 0; background:url(images/button.gif) right top; line-height:30px; text-decoration:none; color:#FFFFFF;}
#dropline li a.sub {background:url(images/button-arrow.gif) right top;}

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 20px; background:url(images/button.gif) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#fff;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#fff;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline :hover div {left:-80px; top:76px;}

#dropline :hover ul li a:hover { text-decoration:none; color:#DCDCDC;}

.MenuPortrait ul { background-color: #242021; border: 1px solid #505050; text-align: left; }
.MenuClientLogin ul { background-color:#242021; border: 1px solid #505050; padding-left: 450px; color: #FFFFFF; }
.MenuAbout ul { background-color:#242021; border: 1px solid #505050; color: #FFFFFF; }

