/* Layout Required */
body {margin: 0;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #c7c7c7;behavior: url(csshover.htc);}
	body.portal {background: #000000 url(images/assets/portal_bg1.jpg) top center no-repeat;}
	body.weddings {background: #000000 url(images/weddings/background.jpg) top center no-repeat;}
	body.portraits {background-color:#252525;}

p,a,ul,td,li {font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-decoration: none;color: #c7c7c7;}
div {text-align: left;}

div#container {position:relative;margin:0 auto;width: 950px;}
div#wrapper {position: relative;width: 100%;margin-top: 10px;}
	div#wrapper a img {border: none;}
div#footer {clear: both;width: 100%;text-align: center;margin-top: 20px;}
	div#footer p,div#footer a {font-size: 11px;}
/* End Layout Required */

/* Portal */
body.portal div#logo {position:absolute;top: 250px;left: 0;text-align: center;width:100%;}
	body.portal .small,body.portal .small a {font-size: 11px;color: #c2c2c2;font-weight: normal;} /* Keywording :) */

/* Weddings */

body.weddings div#wrapper {margin-top: 50px;min-height:500px;overflow:hidden;}
	body.weddings div#wrapper div#trans {position: absolute;top: 0;left: 0;width: 1000px;height: 1500px;background-color: #000000;filter: Alpha(opacity=67);-moz-opacity: 0.67;opacity: 0.67;z-index: 0;}
body.weddings div#contentArea {position: relative;z-index: 1;}
	body.weddings div#header {position: relative;height:55px;}
	body.weddings div#header img {float: left;margin: 10px;} 
body.weddings div#header ul.mainMenu {position: absolute;list-style: none;margin: 0;padding: 0;top: 0;right: 10px;}
	body.weddings div#header ul.mainMenu li {float: left;display:inline;margin-left: 5px;}
	body.weddings div#header ul.mainMenu li.active,body.weddings div#header ul.mainMenu li:hover {background-color: #2d2d2d;}
	body.weddings div#header ul.mainMenu li a {display: block;line-height: 55px;font-size: 14px;text-transform: uppercase;color: #ffffff;margin-left: 5px;margin-right: 5px;}

body.weddings div#canvasArea {position: relative;margin-top: 10px;min-height: 425px;background-color: #000000;}

body.weddings div#thumbNails {position: relative;width: 100%;height: 40px;background-color: #181818;text-align:center;}
	body.weddings div#counter {position: absolute;top: 4px;left: 3px;}
	body.weddings div#counter p {display: inline;font-size: 22px;color: #686868;margin: 0;}
body.weddings ul#gallery {position: relative;margin: 0 auto;width: 600px;list-style: none;}
body.weddings ul#gallery li {float: left;display: inline;width: 23px;height: 23px;background-color: #818181;margin: 5px;cursor: pointer;}
body.weddings ul#gallery li:hover {background: #818181 url(images/weddings/galleryArrow.jpg) top left no-repeat;}

body.weddings ul#gallery li div {position:relative;z-index:999;}
body.weddings ul#gallery li img {position:absolute;display: none;}

body.weddings ul#gallery li:hover img {position: absolute;display: block;top: -52px;left: -40px;z-index:999;}

body.weddings div#footer {position: relative;background-color: #252525;text-align:left;}
	body.weddings div#footer p,body.weddings div#footer a {color: #4f4f4f;font-size: 10px;margin: 3px;}
body.weddings div#footer a.backTo {
	float: right;
	margin: 0;
	color: #959595;
	font-size: 11px;
}
body.weddings p.title {font-weight: bold;font-size: 16px;margin: 0;margin-bottom: 10px;}
body.weddings div.inline {float: left;display:inline;margin: 15px;width: 425px;height:160px;}

body.weddings .small,body.weddings .small a {font-size: 11px;color: #c2c2c2;font-weight: normal;} /* Keywording :) */

/* Portraits */
body.portraits div#wrapper {margin-top: 55px;}
body.portraits div#main {position: relative;width: 100%;min-height: 425px;background-color: #FFFFFF;}
body.portraits div#footer {text-align: left;}
	body.portraits div#footer p,body.portraits div#footer a {color: #4f4f4f;font-size: 10px;}
	body.portraits div#footer a.backTo {float:right;color: #959595;font-size:11px;}

body.portraits div#contactInfo {position: absolute;top: 6px;right: 0;}
body.portraits div#contactInfo p {color: #909090;font-size: 12px;}
ul#menuTR {position: absolute;top: 10px;right: 10px;margin: 0;padding: 0;list-style: none;background-color: #686868;width: 150px;z-index:999;}
	ul#menuTR li {text-align: right;}
	ul#menuTR li.spacer {height:25px;}
	ul#menuTR li a {display: block;line-height: 28px;font-size: 16px;color: #9d9c9c;text-transform: uppercase;margin-right: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
	ul#menuTR li a:hover,ul#menuTR li a.active {color: #f1f1f1;}
		ul#menuTR li ul {position:relative;list-style:none;width:auto;}
		ul#menuTR li ul li {position:relative;list-style-type:none;}
		ul#menuTR li ul li a {font-size:11px;line-height:12px;}

body.portraits div#galleryShow {position: relative;}
body.portraits img#placeholder {margin: 0px;}
body.portraits div#thumbNails {position: relative;margin-top: 10px;}
	body.portraits div#thumbNails img {cursor:pointer;border: 5px solid #FFFFFF;margin-left: 5px;margin-right: 5px;}
	body.portraits div#thumbNails p {float:right;font-size:26px;color:#ffffff;margin:15px;}
	
body.portraits div.contentArea {margin-right: 150px;text-align: left;margin-left: 15px;}
body.portraits p,body.portraits a,body.portraits ul,body.portraits td,body.portraits li,body.portraits h1 {color: #2c2c2c;}
body.portraits p.title {font-weight: bold;font-size: 16px;margin: 0;margin-bottom: 10px;}
body.portraits div.inline {float: left;display:inline;margin: 15px;width: 125px;height:140px;}
body.portraits div.spacer {width:100%;height:20px;}
body.portraits h1 {margin:0;}
body.portraits div.inline ul {color:#000000;}

	body.portraits .small,body.portraits .small a {font-size: 11px;color: #c2c2c2;font-weight: normal;} /* Keywording :) */