@charset "utf-8";
/* CSS Document */

body {
	background-color: #BDBAAF;
	margin: 40px auto 5px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
}
a {
	color: #BDBAAF;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
hr {
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
	border: none 0; 
	border-top: 1px solid #D6177E;/*the border*/
	width: 100%;
	text-align: center;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
h1 {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 20px;
}
h2 {
	color: #BDBAAF;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
h3 {
	color: #990000;
	font-size: 14px;
	font-weight: normal;
}
/* Containers */

#wrapper {
	background-color: #FFFFFF;
	width: 800px;
	height: 560px;
	margin: 0 auto 0 -400px;
	left: 50%;
	position: relative;
}
#navBox {
	width: 130px;
	height: 520px;
	margin: 20px 10px 20px 20px;
	float: left;
	display: inline;
	top: 0;
	left: 0;
}
#contentBox {
	width: 620px;
	height: 520px;
	margin: 20px 20px 20px 0px;
	float: left;
}
#homeText {
	width: 620px;
	height: 140px;
	margin: 0px 20px 20px 0px;
	float: left;
}
#contactBox {
	width: 200px;
	height: 520px;
	position: absolute;
	margin-top: 20px;
	top: 20px;
	left: 210px;
	text-align: left;
}
#foot {
	width: 780px;
	height: 35px;
	padding: 0 20px 0 0;
	margin: 20px auto 0 -400px;
	left: 50%;
	position: relative;
	background-image: url(../images/exposure_logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#foot p {
	font-size: 9px;
	color: #928C7A;
	text-align: right;
	padding-top: 10px;
}
#foot a {
	color: #928C7A;
	text-decoration: none;
}
#foot a:hover {
	color: #666666;
	text-decoration: none;
}

/* Align */
.justify {
	text-align: justify;
}

/* Forms */
input {
	background-color: #FFFFFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 200px;
	border: 1px solid #FFFFFF;
	text-transform: none;
}
textarea {
	background-color: #FFFFFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 200px;
	border: 1px solid #FFFFFF;
	text-transform: none;
}
input.send-btn {
	background-color: #FFFFFF !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 200px;
	border: 1px solid #FFFFFF;
	text-transform: none;
}
input.send-btn:hover {
	background-color: #F6F3F1 !important;
}

/* Backgrounds */
.imageBox {
	background-image: url(../images/image_self.jpg);
	background-repeat: no-repeat;
}
#alpha {
	width: 300px;
	height: 520px;
	background-color: #FFFFFF;
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -khtml-opacity: 0.8;
	position: absolute;
	top: 20px;
	left: 160px;
}

/* Headings */
.headHome {
	background-image: url(../images/head_home.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}.headPort {
	background-image: url(../images/head_portraits.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.headStills {
	background-image: url(../images/head_stills.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.headPers {
	background-image: url(../images/head_personal.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.headEvent {
	background-image: url(../images/head_events.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.headWed {
	background-image: url(../images/head_weddings.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.headContact {
	background-image: url(../images/head_contact.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}