*{border:0;margin:0;padding:0;outline:0}

html,body {
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:Arial,sans-serif;
	font-size:13px;
	color:rgb(255,255,255);
	background:black;
	min-height:1000px;
}

#holder{position:absolute;width:200%;height:200%;top:-50%;left:-50%; z-index:50;}
#holder[id]{display:table}
#holder div{position:absolute;left:0;top:50%}
#holder[id] div{display:table-cell;vertical-align:middle;position:static}
#holder img{position:relative;top:-50%;margin:0 auto;display:block;-ms-interpolation-mode:bicubic;width:100%}
*:first-child+html #holder div{position:absolute}/*force IE 7 back to position:absoulte*/


a, a:link, a:active, a:visited {
	color:white;
	text-decoration:none;
	}
a:hover {
	color:white;
	text-decoration:underline;
}

#body{
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
	width:100%;
	height:100%;
	overflow:auto;
	margin:0px;
	padding:0px;
	min-width:1000px;
}


#headerBox {
	text-align:left;
	top: 0px;
	margin:0px auto 0px auto;
	width:1000px;
	height:90px;
	padding: 0px;
	z-index:99999;
	position:relative;
}
.mainLogo {
	position:absolute;
	top:0px;
	left:0px;
	margin:00px 0px 0px 0px;
	border:0px;
	padding:0px;
}
#snippetBox {
	text-align:left;
	top: 0px;
	right:0px;
	margin:auto;
	width:1000px;
	height:90px;
	padding: 0px;
	z-index:99999;
	position:relative;
	background:url("_design/header_background.png") 100% 0px no-repeat;
}
/* news */
#latestBlog {
	width:300px;
	height:80px;
	margin:0px;
	padding:0px;
	font-size:11px;
	position:absolute;
	top:0px;
	right:10px;
	border-left:1px solid white;
	padding:0px 0px 0px 5px;
}
#latestBlog h3 {
	font-size:14px;
	color:rgb(255,255,255);
	margin:0px;
	padding:5px 0px 0px 0px;
}
.blogContent {
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:rgb(255,255,255);
}
.blogMore {
	position:absolute;
	bottom:0px;
	right:0px;
}
.blogMore a {
	font-size:12px;
	color:rgb(255,255,255);
	text-decoration:none;
}

#contentBoxLocator {
	position:absolute;
	top:100px;
	width:100%;
	*width:1000px;
	height:60%;
	z-index:10000;
	text-align:center;
}

#contentBoxOuter {
	text-align:left;
	top: 0px;
	margin:auto;
	width:1000px;
	height:100%;
	padding: 0px;
	z-index:10;
	position:relative;
	background:url('_design/content_bottom.png') no-repeat bottom left;
	padding:0px 0px 20px 0px;
}
#contentBoxInner {
	text-align:left;
	top: 0px;
	margin:auto;
	width:1000px;
	height:100%;
	padding: 0px;
	z-index:10;
	position:relative;
	background:url('_design/content_top.png') no-repeat top left;
	padding:10px 0px 0px 0px;
}
#spacer {
	height:50px;
	*height:20px;
}

.clearBoth {
	float:none;
	clear:both;
	width:90%;
	height:1px;
	margin:0px;
	padding:0px;
}
.drawSpacer {
	float:none;
	clear:both;
	width:90%;
	height:10px;
	margin:0px;
	padding:0px;
}

#contentBox {
	text-align:left;
	top: 0px;
	margin:auto;
	padding: 0px;
	height:100%;
	z-index:10;
	position:relative;
	background:url('_design/content_main.png') repeat-y bottom left;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	overflow:auto;
	line-height:1.8;
	color:rgb(200,200,200);
	display:block;
}
#contentBox p {
	line-height:1.8;
	margin-top:10px;
	margin-bottom:6px;
	color:rgb(200,200,200);
	}
#contentBox ul {
	margin:4px 4px 4px 25px;
}
#contentBox li {
	line-height:1.5;
	}
	
#contentBox table {
	clear:both;
	}
	
h1	{
	font-size:24px;
	font-weight:normal;
	color:rgb(255,255,255);
	margin-top:0px;
	padding-top:0px;
	margin-bottom:10px;
	}
	
h2	{
	font-size:17px;
	font-weight:bold;
	color:rgb(255,255,255);
	}
	
h3	{
	font-size:14px;
	font-weight:bold;
	color:rgb(255,255,255);
	margin:1px 0px 1px 0px;
	}
	
h4	{
	font-size:12px;
	font-weight:bold;
	color:rgb(255,255,255);
	margin:1px 0px 1px 0px;
	}
	
h5	{
	font-size:10px;
	font-weight:bold;
	color:rgb(255,255,255);
	margin:1px 0px 1px 0px;
	}
hr	{
	height:1px;
	clear:both;
	background:rgb(200,200,200);
	margin:5px 0px 5px 0px;
	border:0px;
	}
	
.clearDiv {
	clear:both;
	padding:0px;
	margin:0px;
	float:none;
	}
	
INPUT, TEXTAREA, SELECT {
	border:1px solid rgb(255,255,255);
	background:rgb(25,25,25);
	font-family:verdana,arial,sans-serif;
	font-size:9px;
	min-width:200px;
	color:white;
	}

SELECT {
	min-width:200px;
	font-family:verdana,arial,sans-serif;
	font-size:9px;
	color:white;
	}


/* NAV BG ETC */
#mainNav {
	width:760px;
	height:120px !important;
	background:url("_design/menu_background.png") 0px 25px no-repeat;
	margin:0px 0px 0px -380px;
	padding:0px 0px 0px 0px;
	text-align:left;
	color:white;
	font-size:16px;
	position:fixed;
	bottom:0px;
	left:50%;
	z-index:999990;
	overflow:visible;
	}

#mainNavInner {
	position:absolute;
	bottom:0px;
	left:25px;
	width:700px;
	height:105px;
}

#mainMenu {
	position:relative;
	bottom:0px;
	width:800px;
	height:97px;
	overflow:visible;
}

#mainMenu a {
	text-decoration:none;
	overflow:visible;
	height:auto;
	color:white;
}
#mainMenu a:hover {
	text-decoration:underline;
}
#mainMenu li {
	list-style:none;
	float:left;
	position:relative;
	overflow:visible;
	height:97px;
	color:white !important;
	cursor:pointer;
}

#mainMenu li.homeButton { width:71px;	background:url('_design/nav_icons.png') 0% 0% no-repeat; }
#mainMenu li.homeButton:hover { width:71px;	background:url('_design/nav_icons.png') 0% 0% no-repeat; z-index:2038572; }
#mainMenu li.weddingsButton { width:110px; background:url('_design/nav_icons.png') -71px 0% no-repeat; }
#mainMenu li.portraitsButton { width:87px; background:url('_design/nav_icons.png') -179px 0% no-repeat; }
#mainMenu li.modelButton { width:81px; background:url('_design/nav_icons.png') -264px 0% no-repeat; }
#mainMenu li.commercialButton { width:82px; background:url('_design/nav_icons.png') -345px 10% no-repeat; }
#mainMenu li.trainingButton { width:76px; background:url('_design/nav_icons.png') -427px 10% no-repeat; }
#mainMenu li.blogButton { width:62px; background:url('_design/nav_icons.png') -501px 0% no-repeat; }
#mainMenu li.contactButton { width:67px; background:url('_design/nav_icons.png') -563px 0% no-repeat; }
#mainMenu li.storeButton { width:70px; background:url('_design/nav_icons.png') -630px 0% no-repeat; }

#mainMenu li span, #mainMenu:hover li.navDIVSelected span {
	display:none;
	}
#mainMenu li:hover span, #mainMenu:hover li:hover span, #mainMenu li.navDIVSelected span {
	display:block;
	}


#mainMenu li span.menuText {
	position:relative;
	top:-60px;
	left:50%;
	background:url('_design/menu_bg.png') no-repeat;
	width:200px;
	height:39px;
	overflow:visible;
	padding-top:10px;
	margin-left:-100px;
	text-align:center;
}
#mainMenu li span.menuArrow {
	position:absolute;
	top:-26px;
	left:50%;
	background:url('_design/menu_arrow.png') 50% 0% no-repeat;
	width:150px;
	height:32px;
	overflow:visible;
	margin-left:-75px;
	text-align:center;
}
#mainMenu li span a {
	display:block;
	}
	
#mainMenu li div.mainSubMenu {
	display:none;
	position:absolute;
	bottom:155px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	width:300px;
	overflow:visible;
	padding-top:5px;
	background:url('_design/menu_arrow.png') 50% 95% no-repeat;
	padding-bottom:30px;
}
#mainMenu li:hover div.mainSubMenu {
	display:block;
}
div.mainSubMenu ul {
	margin:0px;
	text-align:center;
	width:290px !important;
	overflow:visible;
}
div.mainSubMenu li {
	height:28px !important;
	width:300px !important;
	text-align:center !important;
	background:url('_design/menu_bg_wide.png') no-repeat !important;
	float:none;
	clear:left;
	padding:10px 0px 0px 0px;
}
div.mainSubMenu li a {
	display:block;
	padding-bottom:5px;
	overflow:visible;
	}
div.mainSubMenu li a:hover {
	background:none;
	display:block;
	padding-bottom:5px;
	overflow:visible;
	}

/* contact form styles */

.contactLeft {
	float:left;
	width:370px;
	margin:30px 0px 0px 0px;
	background:url('_design/40percentblack.png') repeat;
}

.contactRight {
	float:left;
	width:500px;
	margin-left:20px;
	padding:20px 5px 20px 5px;
}

.contactInfo {
	float:left;
	border:0px solid rgb(255,255,255);
	padding:0px 10px 5px 10px;
	text-align:right;
	margin: 0px 0px 0px 0px;
	color:rgb(200,200,200);
	width:120px;
}

.contactWrapper {
	float:left;
	clear:left;
	margin:1px 0px 1px 0px;
	display:block;
	width:370px;
}

.contactDetail {
	float:left;
	width:120px;
	color:rgb(200,200,200);
	text-align:right;
	margin-right:5px;
	font-weight:bold;
}
INPUT.contact {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	border:1px solid rgb(200,200,200);
	background:rgb(150,150,150);
	padding:2px;
	font-size:11px;
	width:200px;
}
TEXTAREA.contact {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	border:1px solid rgb(200,200,200);
	background:rgb(150,150,150);
	padding:2px;
	font-size:11px;
	width:200px;
	max-width:200px;
	min-height:150px;
	max-height:300px;
}

/* social bookmarks */
.socialBookmarks {
	float:right;
	text-align:right;
	clear:both;
	border-bottom: 0px dotted black;
	margin:5px 0px 15px 0px;
	padding:3px 1px 1px 5px;
	font-size:10px;
	font-family: Verdana, Arial, sans-serif;
/*	background:url('_design/20_percent_opaque.png') repeat;*/
}
/* social bookmarks */

/***********footer styles *************/
#footerBox {
	text-align:right;
	margin:0px;
	padding:0px;
	z-index:9999900000;
	font-size:10px;
	position:fixed;
	bottom:0px;
	right:0px;
	white-space:nowrap;
	}

#footerBox a {
	color:rgb(255,255,255);
	}
/* errorHandling */
.errorText {
	color:red;
	background:url('_design/40percentblack.png') repeat;
	padding:0px 2px 5px 2px;
	margin:3px 3px 3px 0px;
	border:1px solid red;
	font-weight:bold;
	d
	}
	
.successText {
	color:green;
	background:url('_design/40percentblack.png') repeat;
	padding:0px 2px 5px 2px;
	margin:3px 0px 3px 0px;
	border:1px solid green;
	font-weight:bold;
	}
	
.errorImage {
	padding:0px;
	margin:0px 10px 2px 1px;
	float:left;
	}

img.floatLeft {
	margin:0px 15px 0px 15px;
	padding:0px;
	border:0px;
	float:left;
}
.errorTextMessage {
	background:url("_design/icons/fail_face.png") 2px 2px no-repeat rgb(0,0,0);
	border:1px solid red;
	color:white;
	padding:2px 2px 2px 40px;
	margin:2px 0px 2px 0px;
	min-height:36px;
	display:none;
}
.successTextMessage {
	background:url("_design/icons/success_face.png") 2px 2px no-repeat rgb(0,0,0);
	border:1px solid green; 
	color:white;
	padding:2px 2px 2px 36px;
	margin:2px 0px 2px 0px;
	min-height:36px;
	display:none;
}
a.button, a.buttonLeft {
	color:rgb(255,255,255);
	font-size:12px;
	text-decoration:underline;
	display:block;
	padding:3px 5px 3px 5px;
	margin:1px 2px 1px 2px;
	float:right;
	background:url("../../_design/gradient_down.png") 0px 0px repeat-x black;
	border:1px solid rgb(200,200,200);
}
a.buttonLeft { float:left; }
a.button:hover, a.buttonLeft:hover { background:url("../../_design/gradient_up.png") 0px -0px repeat-x black; }
a.buttonBlue { background:url("../../_design/gradient_down_green.png") 0px 0px repeat-x black; }
a.buttonBlue:hover { background:url("../../_design/gradient_up_green.png") 0px -0px repeat-x black; }
