@charset "UTF-8";

* {	margin: 0px; padding: 0px; }
body { margin-top: 20px; font: 20px Helvetica Neue Light, sans-serif; color: #4c4442; }

/* ===============================//// Wrapper Styles \\\\=============================== */
#wrapper { margin: 0 auto; width: 900px; height: 600px; }

/* ===============================//// Header Styles \\\\=============================== */

div#header { width: 900px; height: 150px; background: url(../images/bg_header.jpg) no-repeat; border: 1px solid #b9bbbc; border-bottom: none; }
	div#header h1 { position:absolute; top:0; width:250px; overflow:hidden; text-indent:-999px; }


	/* ===============================//// Navigation Styles \\\\=============================== */

		div#topNav { position: absolute; margin:109px 0 0 714px; /* margin: 109px 0 0 617px; */ width: 260px; }
			div#topNav div { position: relative; float: left; white-space: nowrap; display: block; margin: 0; padding: 0; overflow: hidden;/* for ie to hide extra height*/ }
				div#topNav div#portfolioNav { background: url(/images/menus/portfolio_over.png) no-repeat; width: 83px; height: 20px; }
				div#topNav div#resumeNav { display:none; background: url(/images/menus/resume_over.png) no-repeat; width: 90px; height: 20px; }
				div#topNav div#servicesNav { background: url(/images/menus/services_over.png) no-repeat; width: 97px; height: 20px; }
				div#topNav div#contactNav { background: url(/images/menus/contact_over.png) no-repeat; width: 80px; height: 20px; }
					div#topNav div#portfolioNav a, div#topNav div#portfolioNav img { width: 83px; height: 20px; }
					div#topNav div#resumeNav a, div#topNav div#resumeNav img { width: 90px;	height: 20px; }
					div#topNav div#servicesNav a, div#topNav div#servicesNav img { width: 97px; height: 20px; }
					div#topNav div#contactNav a, div#topNav div#contactNav img { width: 80px; height: 20px; }
					div#topNav div a { display: block; color: #000000; font-size: 11px; display: block; float: left; color: black; text-decoration: none; overflow: hidden;/* for ie to hide extra height*/ }
					div#topNav div img { border: none; margin: 0; padding: 0; }
						* html a:hover { visibility:visible }
						div#topNav div a:hover img { visibility:hidden; }

/* ===============================//// Content Styles \\\\=============================== */

div#contentArea {

	border-left: 1px solid #b9bbbc;

	border-right: 1px solid #b9bbbc;

	width: 899px;

}

	/* ===============================//// Left Side Styles \\\\=============================== */

	div#leftSide {

		width: 152px;

		height: 337px;

		border-right: 1px solid #4c4442;

		padding: 43px 0 0 25px;

		float: left;

	}

/*

		div#leftSide h1 {

			font: 21px Helvetica Neue Light;

			font-weight: normal;

			color: #79990a;

		}

*/

		div#leftSide h1.homeTitle {

			background: url(/images/menus/home.jpg) no-repeat;

			width: 145px; 

			height: 24px;

		}

		div#leftSide h1.portfolioTitle {

			background: url(/images/menus/portfolio.jpg) no-repeat;

			width: 145px; 

			height: 24px;

		}

		div#leftSide h1.servicesTitle {

			background: url(/images/menus/services.jpg) no-repeat;

			width: 145px; 

			height: 24px;

		}

		div#leftSide h1.contactTitle {

			background: url(/images/menus/contact.jpg) no-repeat;

			width: 145px; 

			height: 24px;

		}

		div#leftSide h1 span {

			display: block;

			width: 0;

			height: 0;

			overflow: hidden;

		}

		div#leftSide div#submenu {

			margin: 9px 0 0 25px;

		}

			div#leftSide div#submenu div {

				position: relative;

				white-space: nowrap;

				display: block;

				width: 114px;

				height: 17px;

				margin: 0 0 4px 0;

				padding: 0;

			}



			div#leftSide div#submenu div.brochureSubMenu {

				background: url(/images/menus/brochures_over.jpg) no-repeat;

			}

			div#leftSide div#submenu div.publicationsSubMenu {

				background: url(/images/menus/publications_over.jpg) no-repeat;

			}

			div#leftSide div#submenu div.weddingSubMenu {

				background: url(/images/menus/wedding_over.jpg) no-repeat;

			}

			div#leftSide div#submenu div.businessSubMenu {

				background: url(/images/menus/business_over.jpg) no-repeat;

			}

				

			div#leftSide div#submenu div a {

				display: block;

				color: #000000;

				font-size: 11px;

				display: block;

				float: left;

				width: 114px;

				height: 17px;

				color: black;

				text-decoration: none;

			}



			div#leftSide div#submenu div img {

				border: none;

				width: 114px;

				height: 17px;

			}



			* html a:hover {

				visibility:visible

			}



			div#leftSide div#submenu div a:hover img {

				visibility:hidden;

			}





	/* ===============================//// Right Side Styles \\\\=============================== */

	div#rightSide {

		float: right;

		width: 720px;

	}

		div#rightSide p {

			font-size: 12px;

			margin: 45px 260px -20px 54px;

		}

		div#rightSide table {

			font-size: 14px;

			margin: 45px 20px 0 54px;

		}

		div#rightSide td, div#rightSide th {

			font-size: 14px;

			font-weight: normal;

		}

		div#thumbnails {

			width: 230px;

			float: left;

		}

			div#thumbnails ul {

				list-style: none;

				margin-left: 40px;

				margin-top: 20px;

			}

			div#thumbnails ul li {

			}

			div#thumbnails img {

				border: none;

			}

		div#fullSize {

			width: 450px;

			float: right;

		}



/* ===============================//// Footer Styles \\\\=============================== */

div#footer {

	width: 900px;

	height: 70px;

	background: url(../images/bg_footer.jpg) no-repeat;

	border: 1px solid #b9bbbc;

	border-top: none;

	clear: both;

}

div#footer p {

	float:right;

	font-size:12px;

	color:#fff;

	margin:20px 40px 0 0;

}



/* ===============================//// Random Styles \\\\=============================== */

div.clearDiv {

	clear: both;

}

a:active, a:focus
{
  outline: none;
}