/*
Style Sheet for Rico Schwartzberg Photography
version 1.2 modified June 24, 2010 1:26 PM
copyright 2010 Rico Schwartzberg Photography
*/


/* -------- color guide ----------

#c10077 : dark pink 
#990 	: green
#39f    : blue
#EEF8FF	: light blue | used for paragraph background colors
#FFEEF4	: dark blue | used for nav focus
#993	: green | used for About text
*/

/*To jump to a specific section, search for the unique character pair at the front of each TOC section
<<Tip: Highlight the unique character and use the shorcut for Find Selection - Cmd + Shift + G>>
*/
/*------------Style Sheet TOC-------------
^1 Global Constants
^2 CSS reset
^3 Global Classes
^4 Region Detail Styles
		^4a Header
		^4b Navigation
		^4c Main Content
		^4d Individual Page Content
		^4e Forms
		^4f Footer
		
		*/

/*^1 -----------------Global Constants----------------------*/

body, html, div, p, h1, h2, h3, h4, h5, h6, br {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-variant: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: center;	
}

#container {
	background: url(images/logo_categories/logo_category.gif) no-repeat 20px 20px;
	border: 1px solid #990;
	height: 650px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1100px;
}

/*^4b--------------------Navigation-------------------*/
#p7PMM_1 {
	position: absolute;
	margin-right: 25px;
	left: 52px;
	top: 317px;
	height: 149px;
}

/*^4c ------------------Main Content---------------------*/
#mainContent {
	width: 725px;
	position: absolute;
	height: 600px;
	top: 26px;
	z-index: 10;
	left: 311px;
}

#logoName {
	width: 243px;
	position: absolute;
	top: 20px;
	z-index: 5;
	left: 20px;
}

#logo {
	float: left;
	margin-top: 65px;
	margin-left: 60px;
}

#fadeshow1 {
	width: 456px;
	position: absolute;
	height: 580px;
	top: -610px;
	z-index: 10;
	left: 370px;
}
/*
^4d -----------------Individual Page Content--------------------*/
#clients {
	background: #EEF8FF;
	height: 550px;
	width: 350px;
	margin-top: 25px;
	margin-left: 125px;
	border: 1px solid #990;
}

#about {
	background: #EEF8FF;
	height: 550px;
	width: 350px;
	margin-top: 25px;
	margin-left: 125px;
	border: 1px solid #990;
}

#contact {
	background: #EEF8FF;
	height: 550px;
	width: 350px;
	margin-top: 25px;
	margin-left: 125px;
	border: 1px solid #990;
	text-align: left;
	color: #39f;
}

.clientlisttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.15em;
	color: #993;
	word-spacing: 0.5em;
	text-align: left;
	padding-top: 45px;
	padding-left: 65px;
}


.aboutText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #993;
	text-align: left;
	padding-top: 45px;
	padding-left: 25px;
	line-height: 1.5em;
	padding-right: 25px;
}

/*^4e -------------------Forms-----------------------*/
#mainContent form {
	font:normal .8em Tahoma, Geneva, sans-serif;
	color:#39f;
	margin:10px 0 0 20px;
}

#mainContent form p {
	margin:0 0 6px 0;
}

#mainContent form label {
	width:100px;
	float:left;
	clear:left;
	margin-right:1em;
}

#mainContent form#frmContact {
	margin-top:40px;
}

#mainContent form#frmContact input.text {
	width:187px;
}

#mainContent form#frmContact textarea {
	width:300px;
}

#mainContent #contact h2 a:link, #mainContent #contact h2 a:visited {
	text-decoration: none;
	color: #39f;
}

#mainContent #contact h2 a:hover, #mainContent #contact h2 a:active {
	text-decoration: none;
	color: #c10077;
}

#contact h1 {
	font:normal 1.2em Tahoma, Geneva, sans-serif;
	color:#39f;
	margin:10px 0 0 20px;
	text-align: left;
}

#contact h2 {
	font-size: 0.9em;
	margin-left: 20px;
	margin-top: 5px;
	text-align: left;
}

#contact p {
	margin-left: 20px;
}

#mainContent input.text:focus, #mainContent textarea:focus {
	background: #FFEEF4;
}

/*^4f --------------------Footer-----------------------*/
#footer {
	margin-top: 632px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #39f;
	margin-left: 125px;
}
#blurb {
	height: 210px;
	width: 154px;
	position: absolute;
	top: 476px;
	left: 44px;
}