@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #2B3D51;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(images/background_bluefade2.jpg); background-repeat:repeat-x; background-attachment:fixed;
}

* {
padding: 0;
margin: 0;
}

/*::::::::::::: NAVIGATION FOR ALL OF SITE  ::::::::::::*/

a {outline: none;}

a:link {
	color: #ccc29e;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ccc29e;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/*::::::::::::: / NAVIGATION FOR ALL OF SITE  ::::::::::::*/

.frontPage  h1 { font-size:21px; color:#CC9900; margin:0; padding:0;
}

.frontPage  h2 { font-size:11px; color:#CC9900; margin:0; padding:0;
}




.galleryPages #container {
	width: 100%; 
	height:100%;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.galleryPages #header {
	position:fixed;
	width: 100%; 
	height:112px;
	margin:0px;
	padding:0px;
	overflow: visible;
	z-index:2;
	}
	
.galleryPages #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color:#FFFFFF;
}

.galleryPages #mainContent {
	position:absolute;
	left:0px;
	top:112px;
	z-index:1;
}

/*ADJUST WIDTHS ON THE FOLLOWING PAGES*/

.galleryPages #fashion1Width { 
	width:14465px; /* THIS VALUE IS THE WIDTH OF THE WHOLE PAGE AND PREVENTS WRAPPING OF IMAGES */
	height:515px;
	padding: 0;
	white-space:nowrap;
	overflow: visible;
}

.galleryPages #fashion2Width { 
	width:14050px; /* THIS VALUE IS THE WIDTH OF THE WHOLE PAGE AND PREVENTS WRAPPING OF IMAGES */
	height:515px;
	padding: 0;
	white-space:nowrap;
	overflow: visible;
}

.galleryPages #celebrityWidth { 
	width:2895px; /* THIS VALUE IS THE WIDTH OF THE WHOLE PAGE AND PREVENTS WRAPPING OF IMAGES */
	height:515px;
	padding: 0;
	white-space:nowrap;
	overflow: visible;
}

.galleryPages #catalogWidth { 
	width:11900px; /* THIS VALUE IS THE WIDTH OF THE WHOLE PAGE AND PREVENTS WRAPPING OF IMAGES */
	height:515px;
	padding: 0;
	white-space:nowrap;
	overflow: visible;
}

.galleryPages #commercialWidth { 
	width:6805px; /* THIS VALUE IS THE WIDTH OF THE WHOLE PAGE AND PREVENTS WRAPPING OF IMAGES */
	height:515px;
	padding: 0;
	white-space:nowrap;
	overflow: visible;
}

.galleryPages #infoPage { 
	width:1024px; /* THIS VALUE IS THE WIDTH OF THE WHOLE PAGE (about, contact, client list) AND PREVENTS WRAPPING OF IMAGES */
	padding: 0;
	overflow: auto;
}

/* END ADJUST WIDTHS ON THE FOLLOWING PAGES*/


.gallerysection, .infoSection {
	float:left;
	margin:0;
	border-top: 3px solid #ccc29e;
	color:#f7f3e8; 
}

.gallerysectionNoHead {
	float:left;
	margin:0;
	padding:58px 0 0 0;
	border-top: 3px solid #ccc29e;
	color:#f7f3e8; 
}

.galleryPages #infoPage .infoSection {
	width:100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color: #DCDCDC;
}

.gallerysection h1, .infoSection h1 { /* THIS IS THE BOX DESIGN FOR THE TITLE OF PHOTO SPREADS & INFO PAGES */
	margin:0 0 40px 30px;
	width:21em;
	padding:3px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal; /* maybe the font-weight should be "bold" */
	text-transform: uppercase; /* don't like uppercase? Make it "none" to have it show as typed on HTML pages.s */
	background-color:#ccc29e; /* this is a default bacground color for the box with the photo spread name. In-line style sheet overrides this one. */
	color:#2b3d51; /* this is a default font color of the text in the box with the photo spread name. In-line style sheet overrides this one. */
}

.infoSection h2 {
	margin:0 0 2px 30px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
}

.infoSection h3 {
	margin:0 0 2px 30px;
	padding:0 0 10px 0;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
}

.infoSection a:link { color:#ccc29e; font-weight:bold}
.infoSection a:visited { color:#ccc29e;}
.infoSection a:active { color:#FFFFFF;}
.infoSection a:hover { color:#FFFFFF;}

.galleryPages #mainContent p { margin:8px 30px 0px 30px;}

.pageleft { width:50%; float:left; margin:0px }
.pageright { width:50%; float:right; margin:0px }


.gallerysection img, .gallerysectionNoHead img {background-color:#161F2A; margin:0 0px 0 0 ; padding:0px; white-space:nowrap;}
.infoSection img {background-color:#161F2A; margin:0 15px 0 0 ; padding:0px; border:5px solid}
a {outline: none;}