/* White Professional Contracting Styles */
/* ----------- version 1.0 ------------- */

/* ---------- general styles ----------- */
body { font-family: Geneva, Arial, Helvetica, sans-serif;}
#wrapper { width:960px; margin:0 auto;}
img { border:1px solid #000000;}
a, a:link, a:visited { color:#336699;text-decoration:none;}
a:hover{ color:#333300;text-decoration:underline;}
a:active{ color:#339900;}
/* ------ end of general styles -------- */

/* ---------------- Head --------------- */
#head {
	border-top: 1px solid #666;
	background-color: #BFBF9B;
	padding: 1em;
}
#head h1 {
	font:bold small-caps 1.5em "Times New Roman", Times, serif;
	color: #333300;
	letter-spacing:.2em;
	text-transform: capitalize;
	margin:0;
}
/* ----------- End of Head ------------- */

/* ----------- Main Navigation --------- */
#nav {
	background-color: #E0EFEF;
	margin:0;
	padding:0;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#nav ul {
	margin:0;
	padding:0;
}
#nav ul li {
	display:inline;
	font:0.85em Arial, Helvetica, sans-serif;
	color: #333300;
	margin: 0 .5em 0 .5em;
	padding:0 .5em 0 .5em;
	letter-spacing:.1em;
}

#nav a {
	font:bold .9em Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration:none;
	letter-spacing:.1em;
	white-space: nowrap;
}
#nav a:visited {
	color: #336699;
	text-decoration:none;
}
#nav a:hover {
	color: #333300;
	text-decoration:underline;
}
#nav a:active {
	color: #339900;
	text-decoration:underline;
}
#nav a.current {
}
/* ------- End of Main Navigation ------ */

/* ----------- Content Area ------------ */
#content {
	position: relative;
	width:100%;
	border-top: 1px solid #999;
}

/* --------- Two Column Layout --------- */
#content #mainColumn ul {
	margin: .5em 1em .5em 0em;
	padding:0;
}
#content #mainColumn ul li{
	list-style-position:outside;
	margin: 0em 0em 0em 2em;
	padding:0em 0em .3em 0em;
}

#content #relativeColumn {
	position:absolute;
	width: 10em;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
#content #relativeColumn img {
	width: 10em;
	height: 15.5em;
	border: 0;
}

#content #relativeColumn #address {
	padding:1em 0;
	font-size: .75em;
}
#content #relativeColumn #email {
	font-size: .80em;
}

#content #mainColumn {
	position: relative;
	top: 0;
	right: 0;
	left: 10.1em;
	margin-right: 10.1em;
	padding: .9em 0 1em 1.3em;
	background-image: url(../images/contentArea_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content #mainColumn h1{
	margin:.2em 0 0 0;
	padding: 0px;
	font-size:1.75em;
	color:#333300;
font:bold small-caps 1.75em "Times New Roman", Times, serif;
	letter-spacing:.1em;
	text-transform: capitalize;
}
#content #mainColumn h2{
	margin:.2em 0 .5em 0;
	padding: 0px;
	font-size:1.4em;
	color:#333300;
font:bold small-caps 1.3em "Times New Roman", Times, serif;
}
#content #mainColumn p{
	width:78%;
	font-size:.95em;
	color:#000;line-height:1.45em;
}
#content #mainColumn ul{
	width:73%;
}
#content #mainColumn ul{
	font-size:.9em;
}
/* ----- End of Two Column Layout ------ */
/* ------- End of Content Area --------- */

/* -------------- Footer --------------- */
#footer {
	margin:1em 0 0 0;
	clear:both;
	padding:.3em 1em;
	background-color: #BFBF9B;
	border-bottom: 1px solid #666;
	border-top: 1px solid #999;
	text-align:right;
}
#footer ul {
	margin: 0;
	padding: 0;
	display: inline;
}
#footer ul li {
	margin: 0 0 0 1em;
	padding: 0;
	display: inline;
}
#footer a {
	font:.85em Arial, Helvetica, sans-serif;
	color: #336699;
	white-space: nowrap;
	text-decoration:none;
}
#footer a:visited {
	color: #336699;
	text-decoration:none;
}
#footer a:hover {
	color: #333300;
	text-decoration:underline;
}
#footer a:active {
	color: #339900;
	text-decoration:none;
}
#footer #copyright {
	margin:.1em 0 0 0;
	padding: 0;
	font-size: .85em;
	white-space: nowrap;
	color:#666;
	float:left;
}
/* ---------- End of Footer ------------ */

/* ------- Specific Page Styles -------- */
/* --------- Homepage Styles ----------- */
strong.companyName {
	font:bold small-caps 2em "Times New Roman", Times, serif;
	color: #333300;
	letter-spacing:.1em;
	text-transform: capitalize;
}
#wpcProductList li a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	text-decoration:none;
}
#wpcProductList li a:visited {
	color: #336699;
	text-decoration:none;
}
#wpcProductList li a:hover {
	color: #333300;
	text-decoration:underline;
}
#wpcProductList li a:active {
	color: #339900;
	text-decoration:underline;
}

/* ------ End of Homepage Styles ------ */

/* -------- Photo Page Styles ----------*/
.jobSheet {
	background-image: url(../images/graphPrint.gif);
	padding: 1em 1em 1em 1em;
	border-top: 1px solid #cceeee;
	border-right: 1px solid #99dddd;
	border-bottom: 1px solid #99dddd;
	border-left: 1px solid #cceeee;
	margin-bottom:1em;
	clear:both;
}
.jobSheet h2.jobTitle {
	margin: 0em 0em 1em 0em;
	color: #336666;
}
.jobSheet .jobLocation {
	padding: 0em 0em .2em 0em;
}
.jobSheet .jobDescription {
	padding: .2em 0em .2em 0em;
	margin: 0em 0em 1em 0em;
}
.jobSheet .pictureHolder {
	margin: .5em 0em 0em 0em;
	background:#FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	min-height:122px;
	clear:both;
}
.jobSheet .pictureHolder img {
	position:relative;
	float:left;
	margin: 0 .5em .3em 0;
	border-top: 1px solid #666666;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #666666;
	width:160px;
	height:120px;
}
.jobSheet .pictureHolder .pictureTitle {
	padding: .5em .5em .2em .5em;
	margin: 0px;
}
.jobSheet .pictureHolder .pictureDetail {
	padding: .2em .5em .5em .5em;
	margin: 0px;
}
/* ----- End of Photo Page Styles ------ */