@charset "UTF-8";
/* Living Pictures Photography */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #FFFFFF;
}

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
}

.container { 
	width: 800px;
	background: #000000;
	margin: 0 auto;
} 

/************/
/* homePage */
/************/
.homePage img {
	border-bottom: 1px solid #8E8E8E;
}
.homePage #nav {
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	position: absolute;
}
.homePage #nav li {
	display: inline;
	padding: 0;
	margin: 0;
}
.homePage #nav a#frst {
	margin-left: 200px;
}
.homePage #nav a:link,
.homePage #nav a:visited {
	color: #FFFFFF;
	background: #000000;
	width: 100px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	text-decoration: none;
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #555;
}
.homePage #nav a:hover {
	color: #FFFFFF;
	background: #8E8E8E;
}

/************/
/* titleBar */
/************/
.titleBar { 
	background-image: url(/images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	border-bottom: 1px solid #8E8E8E; 
	height: 100px;
	position: relative;
	
} 
.titleBar h1 {
	font-size: 1px;
	text-indent: -2000px;
}
.titleBar #nav {
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.titleBar #nav li {
	display: inline;
	padding: 0;
	margin: 0;
}
.titleBar #nav a:link,
.titleBar #nav a:visited {
	color: #FFFFFF;
	background: #000000;
	width: 100px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	text-decoration: none;
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #555;
}
.titleBar #nav a:hover {
	color: #FFFFFF;
	background: #8E8E8E;
}
/***************/
/* mainContent */
/***************/
.mainContent h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 20px;
	text-align: center;
}
.mainContent h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	text-align: center;
}
.mainContent p {
	text-align: justify;
}
.mainContent p a:link{
	text-decoration: underline;
}
.mainContent p a:visited{
	text-decoration: underline;
}
.mainContent em {
	color: #FF0033;
}
.mainContent #notes {
	text-align: center;
	padding-top: 5px;
}
.mainContent #pageLinks{
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	float: right;
	text-align: center;
}
.mainContent #pageLinks li{
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 12px;
	background: #000000;
}
.mainContent #pageLinks li#currentPage {
	color: #8E8E8E;
	padding-left: 10px;
	padding-right: 10px;
}
.mainContent #pageLinks a:link,
.mainContent #pageLinks a:visited{
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.mainContent #pageLinks a:hover{
	color: #FFFFFF;
	background: #8E8E8E;
}
.mainContent #monoSlideshow{
	margin-top: 20px;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
}
.mainContent fieldset {
	width: 375px;
	text-align: left;
}
.mainContent fieldset legend {
	font-weight: bold;
	color: #FFFFFF;
}
.mainContent #contactForm {
	padding-top: 20px;
	width: 500px;
}
.mainContent #contactForm p {
	text-align: center;
}
.mainContent #contactForm table {
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; 
	width: 400px;
}
.mainContent #contactForm tr,td {
	text-align: left;
}
.mainContent #button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
}
.mainContent #button:hover {
	color: #000000;
	background-color: #FFFFFF;
}

.mainContent #nextPage p {
	text-align: right;
}
.mainContent #nextPage a:link,
.mainContent #nextPage a:visited {
	color: #FFFFFF;
	background: #000000;
	font-weight: bold;
	text-decoration: none;
}
.mainContent #nextPage a:hover {
	text-decoration: underline;
}
.mainContent #backPage p {
	text-align: left;
}
.mainContent #backPage a:link,
.mainContent #backPage a:visited {
	color: #FFFFFF;
	background: #000000;
	font-weight: bold;
	text-decoration: none;
}
.mainContent #backPage a:hover {
	text-decoration: underline;
}
.mainContent #proofTable {
	width: 600px;
}
.mainContent #proofTable table {
	text-align: center;
	table-layout: fixed;
	width: 600px;
}
.mainContent #proofTable td {
	width: 150px;
	height: 300px;
	text-align: center;
	vertical-align: middle;
}
.mainContent #proofTable img {
	padding-bottom: 20px;
}
.mainContent #proofTable a:link,
.mainContent #proofTable a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.mainContent #proofLogin {
	vertical-align: middle;
	text-align: center;
}
.mainContent #proofLogin img {
	margin-left: 100px;
}
.mainContent #proofLogin p#loginBox {
	padding-top: 100px;
}
.mainContent #proofLogin p {
	font-weight: bold;
	text-align: center;
}
.mainContent #proofLogin form {
	padding-top: 20px;
	padding-bottom: 20px;
}
.mainContent #testimonial p {
	padding-bottom: 20px;
	margin: 0;
	font-weight: bold;
	text-align: right;
}
.mainContent #testimonial p#quote {
	font-weight: normal;
	text-align: justify;
	font-style: italic;
	padding-bottom: 5px;
	margin: 0;
}
.mainContent #textOnly {
	padding-top: 100px;
	padding-left: 125px;
	padding-right: 125px;
	padding-bottom: 200px;
}
.mainContent #frontImage {
	padding-top: 100px;
	padding-bottom: 20px;
}
.mainContent #flashAlbum {
	border-width: 4px;
	border-style: solid;
	border-color:#FFFFFF;
}
.mainContent table {
	padding-top: 20px;
	border: 0px;
}
.mainContent td {
	text-align: center;
	vertical-align: top;
	width: 200px;
}
.mainContent td img{
	border: 0px;
}
.mainContent td a{
	text-decoration: none;
}

.mainContent #phpMsg {
	height: 300px;
}
.mainContent #phpMsg p {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 100px;
}

/*************/
/* Offer Box */
/*************/
.offerBox {
	float: right;
	margin-left: 15px;
}
.offerBox fieldset {
	width: 310px;
	border-style: dotted; 
	border-color: #8D8D8D;
	border-width: 2px;
}
.offerBox legend {
	margin-left: 2px;
	margin-right: 2px;
	background-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: blink;
}
.offerBox h1 {
	padding-top: 0px;
}
.offerBox p {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom: 7px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*************/
/* Galleries */
/*************/
.paginationstyle { 
	text-align: center;
}

.paginationstyle a{ 
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid #8D8D8D;
	color: #FFFFFF;
	background-color: #000000;
}

.paginationstyle a:hover, .paginationstyle a.selected{
	color: #000000;
	background-color: #FFFFFF;
}

.paginationstyle a.imglinks{ 
	border: 0;
	padding: 0;
}

.paginationstyle a.imglinks img{
	vertical-align: bottom;
	border: 0;
}

.paginationstyle a.imglinks a:hover{
	background: none;
}

.paginationstyle p {
	text-align: center;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ 
	color: #000000;
	background-color: #FFFFFF;
}

.gallery {
	margin-top: 20px;
	height: 400px;
	width: 500px;
}

.gallery p {
	text-align: center;
}

.gallery #thumbnail {
	margin: 10px;
	border-width: 0px;
}

.proofGallery {
	margin-top: 20px;
	width: 500px;
}

.proofGallery p {
	text-align: center;
}

.proofGallery #thumbnail {
	margin: 10px;
	border-width: 0px;
}

/**********/
/* footer */
/**********/
.footer { 
	padding: 20px 10px;
	text-align: center;
} 

/***********************************/
/* Miscellaneous classes for reuse */
/***********************************/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.fltImgRt {
	float: right;
	margin-left: 8px;
	padding: 5px;
	border-width: thin;
	border-color: #8E8E8E;
	border-style: solid;
}
.fltImgLft {
	float: left;
	margin-right: 8px;
}
.fltImgLft img{
	padding: 5px;
	border-width: thin;
	border-color: #8E8E8E;
	border-style: solid;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.centered {
	text-align: center;
}