/*
Stylesheet for Kent Marshall Photography, designed for Screen Media

Author: Christopher Werby of Pipsqueak Productions, LLC
http://www.pipsqueak.com

Last updated: February 18, 2007
*/

/*FONT FACE ASSIGNMENTS*/
body { font-size: 62.5%; }
body { font-family: Arial, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; }
body#home div#content ul {font-family: "Minion Web", Minion, Arial, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; }
h1 { font-family: Times, "Times New Roman", serif; }

/*END FONT FACE ASSIGNMENTS*/
/*DEFAULTS FOR MARGINS AND PADDING*/
/*END DEFAULTS FOR MARGINS AND PADDING*/
/*MAIN STRUCTURE*/
body { background-color: #333; }

/*END MAIN STRUCTURE*/
/*TOPPER*/
/*END TOPPER*/
/*LOGO GENERALLY*/
/*END LOGO GENERALLY*/
/*NAVIGATION*/
/*END NAVIGATION*/
/*MAIN HEADLINE AND SUBHEADS*/
/*END MAIN HEADLINE AND SUBHEADS*/
/*FOOTER GENERALLY*/
/*END FOOTER GENERALLY*/
/*LINK TREATMENTS GENERALLY*/
a { color: red; }
a img { border: 0; }
body#home div#sideBlock img {border:0;}
/*END LINK TREATMENTS GENERALLY*/
/*MULTI SECTION TEXT TREATMENTS*/
/*END MULTI SECTION TEXT TREATMENTS*/
.nodisplay, .noDisplay { display: none; }
.nobreak, .noBreak { white-space: nowrap; }
.indent {padding-left:.3in;}
body#photos p cite { white-space: nowrap; }
/*MULTI SECTION WORD TREATMENTS*/
/*END MULTI SECTION WORD TREATMENTS*/
/*HOME PAGE*/
	body#home
	{
		margin-top: 20px;
		margin-left: 20px;
		color: white;
	}
	
	body#home div#content h1
	{
		display: block;
		background-image: url(../images/Text_Capturing_Elusive.gif);
		background-repeat: no-repeat;
		background-position: left top;
		width: 308px;
		height: 45px;
	}
	
	body#home div#mainBlock
	{
		display: block;
		width: 495px;
	}
	
	body#home div#mainBlock img { display: block; }
	body#home div#mainBlock img.bassinet { float: right; margin-bottom:0;}
	
	body#home div#mainBlock img.bailey
	{
		float: right;
		clear: right;
	}
	
	body#home div#mainBlock img.montana { float: right; }
	body#home div#mainBlock h1 span { display: none; }
	
	body#home div#mainBlock h2
	{
		font-variant: small-caps;
		text-align: right;
		margin-right: 190px;
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	body#home div#mainBlock ul
	{
		list-style-type: none;
		text-align: right;
		margin-right: 190px;
		margin-top: 10px;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: 1px;
		font-style:italic;
	}
	
	body#home div#sideBlock
	{
		position: absolute;
		top: 335px;
		left: 523px;
		text-align: right;
		width: 160px;
	}
	
	body#home div#content a
	{
		text-decoration: none;
		color: white;
	}
		body#home div#content a:hover {color:red;}
	

	
	body#home div#sideBlock address
	{
		font-size: 14px;
		font-style: normal;
	}
	
	body#home div#sideBlock address span { display: block; }
	
	body#home div#sideBlock p
	{
		font-size: 12px;
		margin-top: 5px;
	}
/*END HOME PAGE*/
/*CLIENT LIST PAGE*/
body#clientList { line-height: 2.5em; }
body#clientList div#content { margin-left: 20px; }
body#clientList div#logo { margin-top: 20px; }

body#clientList p, body#clientList address, body#clientList ul, body#clientList h1
{
	font-size: 1.8em;
	color: white;
	font-style: normal;
}

body#clientList div#logo p
{
	position: absolute;
	top: 194px;
	left: 650px;
}

body#clientList div#content { width: 700px; }
body#clientList address { text-align: right; }

body#clientList h1
{
	font-size: 3em;
	text-align: center;
	margin-top: 50px;
}

body#clientList ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

body#clientList div#column1
{
	float: left;
	margin-left: 60px;
}

body#clientList div#column2
{
	float: right;
	margin-left:20px;
	margin-right: 60px;
}

/*END CLIENT LIST PAGE*/
/*PHOTO PAGES*/
body#photos div#logo
{
	margin-bottom: 40px;
	margin-top: 20px;
	margin-left: 20px;
}

body#photos p
{
	font-size: 1.8em;
	color: white;
	text-align: right;
	width: 269px;
	line-height: 1.4em;
	margin-left:20px;
}

body#photos div#photo
{
	position: absolute;
	left: 350px;
	top: 90px;
}

body#photos div#navigation
{
	position: absolute;
	top: 470px;
	left: 49px;
}

body#photos div#navigation h1
{
	font-size: 1.4em;
	color: #09F;
	font-weight: normal;
	position: relative;
	left: 52px;
	margin-bottom: 0;
	line-height: 0;
	letter-spacing: 1px;
}

body#photos div#navigation a
{
	display: block;
	float: left;
	height: 100px;
}

body#photos div#navigation a img
{
	margin-left: 10px;
	margin-top: 10px;
}

body#photos div#navigation a img:hover
{
	border-color: #333;
	border-width: 1px 0 0px 0;
	border-style: solid;
}

body#photos div#navigation a.leftButton img, body#photos div#navigation a.rightButton img
{
	margin-top: -10px;
	padding-top: 0;
}

body#photos div#navigation a.first img { margin-left: 5px; }
body#photos div#navigation a.rightButton img { margin-left: 5px; }

body.first div#navigation a.first, body.second div#navigation a.second, body.third div#navigation a.third, body.fourth div#navigation a.fourth, body.fifth div#navigation a.fifth, body.sixth div#navigation a.sixth, body.seventh div#navigation a.seventh, body.eighth div#navigation a.eighth
{
	background-image: url(../images/Gestural_Stroke.gif);
	background-repeat: no-repeat;
	background-position: 4px 80px; 
}

body#photos div#legal p
{
	position: absolute;
	left: 422px;
	top: 580px;
	font-size: 1.2em;
	width: inherit;
	margin-left:inherit;
}

body#photos div#legal p a
{
	display: inline-block;
	float: none;
	height: inherit;
	vertical-align: bottom;
	padding-left: 30px;
}
/*The Drop Shadow Images are replaced with different ones in a special IE-only stylesheet*/
body#photos div#photo
{
	float: left;
	margin: 28px 0 0 24px;
	background-image: url(../images/Drop_Shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

body#photos div#photo div
{
	background-image: url(../images/Drop_Shadow_Top_Right.gif);
	background-repeat: no-repeat;
	background-position: right top !important;
}

body#photos div#photo div b
{
	display: block;
	background-image: url(../images/Drop_Shadow_Bottom_Left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 24px 28px 0;
}
body#photos div#photo img
{
	display: block;
	position: relative;
	background-color: #333;
	padding: 0px;
	border-color: #F00;
	border-width: 0px;
	border-style: solid;
}


/*END PHOTO PAGES*/
/*UNINCORPORATED STYLES*/
/*END UNINCORPORATED STYLES*/