@charset "utf-8";

body {
	background: url(images/general/bg-main.gif) repeat-x #131414;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

.clear {clear: both; display:block; visibility:hidden; height:0; border-width:0; margin:0; padding:0; overflow: hidden;}
p {margin-top: 15px; font-family: Verdana, Arial; font-size: 12px; color: #fff;}
h1 {font-family: Verdana, Arial; font-size: 18px; color: #fff; line-height: 20px; text-align: left;}
h2 {font-family: Verdana, Arial; font-size: 14px; color: #fff; line-height: 17px; text-align: left;}
	h2 a {font-family: Verdana, Arial; font-size: 14px; color: #fff; line-height: 17px;}
h3 {font-family: Verdana, Arial; font-size: 12px; color: #fff; text-align: left; margin: 0px 0px 8px 0px; padding: 0px;}
object {outline:none;}

#container-weds {
	position: absolute; top: 50%; left: 50%; width: 960px; height: 495px; margin-top: -250px; margin-left: -480px; 
	font-family: Verdana, Arial; font-size: 12px; color: #000;
	background: url(images/weddings/bg-mainweds.jpg) no-repeat top left;
}
#container-ports {
	position: absolute; top: 50%; left: 50%; width: 960px; height: 495px; margin-top: -250px; margin-left: -480px; 
	font-family: Verdana, Arial; font-size: 12px; color: #000;
	background: url(images/portraits/bg-mainports.jpg) no-repeat top left;
}
#container-wrapper {
	width: 960px; min-height: 550px; height: auto !important; height: 550px;
	margin: 0 auto;
	font-family: Verdana, Arial; font-size: 12px; color: #000;
	background: url(images/general/bg-wrapper.gif) repeat-y;	
}

	/* =========================================================================================================================== */	
	/* Left Sided Top Content */
	/* ======================= */	
	#content-left {float: left; width: 230px; height: 460px; display: inline;}
		/* Logo */
		/* ==== */
		#logo {float: left; text-align: left;}
	
		/* Main Nav */
		/* ======== */
		#mainnav {
			width: 230px; margin: 0px; padding: 20px 0px 0px 0px; text-align: left; float: left; display: inline;
			
		}
			#mainnav ul {
				margin: 0px; padding: 0px; list-style-type: none;
				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;		
			}
			#mainnav ul li {margin-right: 0px;}
			
			/* weddings */
			#mainnav a.weds {
				margin-left: 20px; display: block; width: 125px; height: 50px;
		  		background: url("images/general/mainnav-weddings.gif") 0 0 no-repeat;
			}
			#mainnav a:hover.weds {margin-left: 20px; background-position: 0px -50px;}	
			#mainnav a:active.weds {outline: none;}
    		#mainnav a.wedson {
				margin-left: 20px; display: block; width: 125px; height: 50px;
				background: url("images/general/mainnav-weddings.gif") 0px -50px no-repeat;
			}	
			/* Portraits */
			#mainnav a.ports {
				margin-left: 20px; display: block; width: 125px; height: 50px;
		  		background: url("images/general/mainnav-portraits.gif") 0 0 no-repeat;
			}
			#mainnav a:hover.ports {margin-left: 20px; background-position: 0px -50px;}
			#mainnav a:active.ports {outline: none;}			
    			#mainnav a.portson {
				margin-left: 20px; display: block; width: 125px; height: 50px;
				background: url("images/general/mainnav-portraits.gif") 0px -50px no-repeat;
			}	
			/* Boudoir */
			#mainnav a.boud {
				margin-left: 20px; display: block; width: 125px; height: 50px;
		  		background: url("images/general/mainnav-boudoir.gif") 0 0 no-repeat;
			}
			#mainnav a:hover.boud {margin-left: 20px; background-position: 0px -50px;}	
			#mainnav a:active.boud {outline: none;}
			
		#hoverimage {float: left; margin: 94px 0px 0px 17px; height: 100px; width: 100px; display: inline;}
		#hoverimage img {border: 1px solid #333;}


		/* Wrapper Nav */	
		#mainnavwrapper {margin: 0px 0px 0px 160px; padding: 20px 0px 0px 0px; text-align: left; float: left; display: inline;}
		#mainnavwrapper ul {margin: 0px; padding: 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;}
		#mainnavwrapper ul li {margin-right: 0px; display: inline; width: 150px;}
		#mainnavwrapper a.weds {margin-left: 20px; width: 125px; height: 50px; float: left; display: inline; background: url("images/general/mainnav-weddings.gif") 0 0 no-repeat;}
		#mainnavwrapper a:hover.weds {margin-left: 20px; background-position: 0px -50px;}
		#mainnavwrapper a:active.weds {outline: none;}
  		#mainnavwrapper a.wedson {mmargin-left: 20px; width: 125px; height: 50px; float: left; display: inline; background: url("images/general/mainnav-weddings.gif") 0px -50px no-repeat;}	
		#mainnavwrapper a.ports {margin-left: 20px; width: 125px; height: 50px; float: left; display: inline; background: url("images/general/mainnav-portraits.gif") 0 0 no-repeat;}
		#mainnavwrapper a:hover.ports {margin-left: 20px; background-position: 0px -50px;}
		#mainnavwrapper a:active.ports {outline: none;}			
   	#mainnavwrapper a.portson {margin-left: 20px; width: 125px; height: 50px; float: left; display: inline; background: url("images/general/mainnav-portraits.gif") 0px -50px no-repeat;}	
		#mainnavwrapper a.boud {margin-left: 20px; width: 125px; height: 50px; float: left; display: inline; background: url("images/general/mainnav-boudoir.gif") 0 0 no-repeat;}
		#mainnavwrapper a:hover.boud {margin-left: 20px; background-position: 0px -50px;}	
		#mainnavwrapper a:active.boud {outline: none;}
		

	/* =========================================================================================================================== */		
	/* Right Sided Top Content */
	/* ======================= */
	#content-right {float: left; width: 730px; height: 460px; display: inline; margin: 0px; padding: 0px;}
			
		/* Flash Content */
		/* ============= */
		#flashcontent {
			float: left; width: 730px; height: 460px; display: inline;
			font-family: Verdana, Arial; font-size: 11px; color: #fff; text-decoration: none;
		}
		
		#galleries {
			padding: 0px 0px 0px 0px;
			width: 700px;
			clear: both;
		}
		#galleries ul {margin: 0px; padding: 0px;}
		#galleries ul li {margin: 0px; padding: 5px 5px 5px 5px;}
		

		/* General Text Area */
		/* ================= */
		#gentextcontainer {
			float: left; width: 648px; height: 378px; display: inline; padding: 20px; margin: 20px;
			font-family: Verdana, Arial; font-size: 11px; color: #fff; text-decoration: none; text-align: left;
			background-color: #222; border: 1px solid #666;
			overflow: auto;
			position: relative;
		}
		#gentextcontainer h1 {font-family: Verdana, Arial; font-size: 16px; color: #89788B; margin: 0px 0px 12px 0px;}
		#gentextcontainer h2 {font-family: Verdana, Arial; font-size: 14px; color: #89788B; margin: 20px 0px 10px 0px;}
		#gentextcontainer p {font-family: Verdana, Arial; font-size: 11px; color: #fff; margin: 0px 0px 10px 0px; line-height: 15px;}
		#gentextcontainer p a {font-family: Verdana, Arial; font-size: 11px; color: #89788B; text-decoration: none;}
		#gentextcontainer p a:hover {font-family: Verdana, Arial; font-size: 11px; color: #89788B; text-decoration: underline;}
		#gentextcontainer ul {padding: 0px 0px 5px 0px; margin: 0px 0px 0px 30px;}
		#gentextcontainer li {padding: 0px 0px 2px 5px; list-style:disc;}
		#gentextcontainer li a {padding: 0px 0px 2px 5px; list-style:disc; text-decoration: none; color: #FFFFFF; }
		.gentextpackages {float: left; margin: 28px 20px 0px 0px; width: 380px;}
		.gentextimageleft {float: left; margin: 25px 0px 0px 0px; width: 230px; border: 1px solid #666;}
		.testimonialbox {position: relative; width: 568px; padding: 30px; margin: 20px 0px 20px 0px; border: 1px solid #333;}
			.testimonialbox .topcorner {position: absolute; width: 50px; height: 50px; top: 0px; left: 0px; background: url(images/weddings/topcorner.gif) no-repeat;}
			.testimonialbox .bottomcorner {position: absolute; width: 50px; height: 50px; bottom: 0px; right: 0px; background: url(images/weddings/bottomcorner.gif) no-repeat;}
			.testimonialbox img {margin: 0px 5px 10px 0px; border: 1px solid #fff; float: left;}
		.vouchers {width:300px; float: left; margin: 0px 20px 0px 0px;}
		.vouchers img {border: 3px solid #666;}
		#contactmap {position: absolute; right: 0px; top: 0px; height: 170px; width: 294px; overflow: hidden;}
		#portraitframed {position: absolute; right: 100px; top: 250px; height: 150px; width: 168px; overflow: hidden; border: 1px solid #666;}
		#portraitmulti {position: absolute; right: 110px; top: 420px; height: 150px; width: 148px; overflow: hidden; border: 1px solid #666;}

		#wrapper {
			float: left; width: 880px; min-height: 550px; height: auto !important; height: 550px; display: inline; padding: 20px; margin: 10px 20px 10px 20px;
			font-family: Verdana, Arial; font-size: 11px; color: #fff; text-decoration: none; text-align: left;
			background-color: #222; border: 1px solid #666;
		}
		#wrapper p {font-family: Verdana, Arial; font-size: 11px; color: #fff; margin: 0px 0px 10px 0px; line-height: 15px;}
		#wrapper a {font-family: Verdana, Arial; font-size: 11px; color: #89788B; text-decoration: none;}
		#wrapper a:hover {font-family: Verdana, Arial; font-size: 11px; color: #89788B; text-decoration: underline;}
		#wrapper table { margin: 0 auto;}
		
		

	/* =========================================================================================================================== */		
	/* Sub Category Nav */
	/* ================ */
	#subnav { float: left; display: inline; height: 30px; width: 960px; padding: 0px; margin: 5px 0px 0px 0px;}
		#subnav ul {
			margin: 0px; padding: 0px; list-style-type: none;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
		}
		#subnav ul li {display: inline; margin-right: 0px;}
		#subnav li a{
			float: left;
			display: block;
			text-decoration: none;
			margin: 0px 5px 0px 0px;
			padding: 5px 10px 6px 10px; /*padding inside each tab*/
			/*border: 1px solid #555;*/
			color: white;
		}
		#subnav li a:hover, #subnav li.selected a{
			color: #ffffff;
			background-color: #89788B;
		}				
	
	#wrappersubnav { float: left; display: inline; height: 30px; width: 960px; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 0px; background-color: #131414;}
		#wrappersubnav ul {
			margin: 0px; padding: 0px; list-style-type: none;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
		}
		#wrappersubnav ul li {display: inline; margin-right: 0px;}
		#wrappersubnav li a{
			float: left;
			display: block;
			text-decoration: none;
			margin: 0px 5px 0px 0px;
			padding: 5px 15px 6px 15px; /*padding inside each tab*/
			/*border: 1px solid #555;*/
			color: white;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
		}
		#wrappersubnav li a:hover, #wrappersubnav li.selected a{
			color: #ffffff;
			background-color: #89788B;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
		}		
	/* Copyright */
	/* ========= */
	#copy {
		padding: 10px; width: 980px; text-align: center;
		background-color: #131414;	
		font-family: Verdana, Arial; font-size: 10px; color: #fff;
	}
		#copy a {font-family: Verdana, Arial; font-size: 10px; color: #fff; text-decoration: none;}