/* page design base */
html { height: 100%; margin-bottom: 1px; }
img { /* Disable image border for firefox */ border: 0px; }

#container {
	width: 960px;
	height: auto;
	background: #FFFFFF;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-left-color: #CCCCCC;
	}
	
#logo {
	float: left;
	width: 900px;
	margin-left: 30px;
	padding: 30px 0 30px 0;
	}
	
#line {
	width: 960px;
	margin: 0;
	height: 2px;
	border-bottom: 2px solid #d9d9d9;
	clear: both;
	padding-bottom: 0px;
	}

#wrapper {
	width: 960px;
	height: 480px;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFFFF;
	}

#wrapper.blank {
	}
	
#wrapper.index {
	background-image: url(images/ph_main_index.jpg);
	}

#wrapper.getintouch {
	background-image: url(images/ph_full_get_in_touch.jpg);
	}
	
#wrapper.giles {
	background-image: url(images/ph_main_giles.jpg);
	}

#wrapper.martin {
	background-image: url(images/ph_main_martin.jpg);
	}
		
#wrapper.zbysh {
	background-image: url(images/ph_main_zbysh.jpg);
	}
	
#wrapper.nick {
	background-image: url(images/ph_main_nick.jpg);
	}

#wrapper.helen {
	background-image: url(images/ph_main_helen.jpg);
	}

#wrapper.rachael {
	background-image: url(images/ph_main_rachael.jpg);
	}

#wrapper.kelly {
	background-image: url(images/ph_main_kelly.jpg);
	}

#wrapper.tim {
	background-image: url(images/ph_main_tim.jpg);
	}
	
#wrapper.warren {
	background-image: url(images/ph_main_warren.jpg);
	}
	
#wrapper.amy {
	background-image: url(images/ph_main_amy.jpg);
	}
	
#wrapper.donna {
	background-image: url(images/ph_main_donna.jpg);
	}
	
#wrapper.jen {
	background-image: url(images/ph_main_jen.jpg);
	}
	
#wrapper.kate {
	background-image: url(images/ph_main_kate.jpg);
	}
	
#wrapper.monique {
	background-image: url(images/ph_main_monique.jpg);
	}

#nav {
	width: 884px;
	text-align: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-top: 2px;
	vertical-align: middle;
	height: 14px;
	clear: both;
	float: left;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	}
	
#nav.index {
	}
		
#navblock {
	width: 900px;
	float: left;
	margin: 0px;
	text-transform: uppercase;
	}
	
#navblockleft {
	width: 180px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: uppercase;
	}
	
#navblockright {
	width: 220px;
	float: left;
	margin-left: 2px;
	text-transform: uppercase;
	}

#leftpanel {
	width: 267px;
	float: left;
	margin-top: 0px;
	margin-left: 30px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin-bottom: 20px;
	position: relative;
	top: 80px;
	margin-right: 0px;
	}

#leftpanel.wide {
	width: 900px;
	top: 20px;
	}

#contentwrapper {
	width: 400px;
	padding-left: 50px;
	height: auto;
	position: relative;
	top: 30px;
	float: left;
	clear: none;
	}

#contentheader {
	width: 360px;
	position: relative;
	left: -5px;
	}

#content {
	position: relative;
	top: 5px;
	margin: 0px;
	padding: 0px;
	width: 280px;
	}
	
#contentwrapper2col {
	width: 610px;
	padding-left: 50px;
	height: auto;
	position: relative;
	top: 10px;
	float: left;
	clear: none;
	margin-top: 10px;
	}

#contentheader2col {
	width: 450px;
	position: relative;
	margin-bottom: 10px;
	}

#content2col_l {
	float: left;
	position: relative;
	top: 5px;
	margin: 0px;
	padding: 0px;
	width: 200px;
	}
	
#content2col_r {
	float: right;
	position: relative;
	top: 5px;
	padding: 0px;
	width: 350px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
#picpanel {
	width: 440px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	border: 10px solid #ece9e6;
	clear: left;
	height: 263px;
	position: relative;
	top: 20px;
	padding: 0px;
	text-align: left;
	}
	
#copypanel {
	width: 420px;
	float: left;
	border: 10px solid #ece9e6;
	height: 263px;
	position: relative;
	top: 20px;
	padding: 0px;
	background-color: #ECE9E6;
	margin: 0px;
	}
	
#squarenav {
	width: 420px;
	float: left;
	margin-bottom: 20px;
	}

#footer {
	width: 960px;
	text-align: right;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	background-color: #9D9FA2;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
		
/* styles */

body	{
	background-color: #9d9fa2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
}

p {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}

/* links */

a:link {
	color: #8d8d8d;
	text-decoration: none;
}
a:visited {
	color: #cdcdcd;
	text-decoration: none;
}
a:hover {
	color: #FF7800;
	text-decoration: none;
}
a:active {
	color: #CCCCCC;
	text-decoration: none;
}

/* navigation */

#navblock p {
	margin: 0px;
	padding: 0px;
	}
	
#navblock a {
	color: #999999;
	}
	
#navblock a:hover {
	color: #FF7800;
	}
	
#navblock a:active {
	color: #333333;
	}
	
#nav a {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #9d9fa2;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	padding: 6px;
	}
	
#nav.index a {
	color: #FFFFFF;
	}
	
#nav a:hover {
	color: #FFFFFF;
	background-color: #d9d9d9;
	}

.cube {
	text-decoration: none;
	}
	
.cube a {
	text-decoration: none;
	}	

.cube a:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-color: #ff8000;
	border-bottom-style: solid;
	}

/* paragraph styling */

.bodytitle {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding: 0px;
}

.bodysubtitle {
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bodynormal {
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.bodytitlepanel {
	font-size: 10px;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-transform: uppercase;
}

.bodynormalpanel {
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-top: 0px;
}

.bodyintro {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #FF9333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 0px;
}

.footer_copyright {
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #e5e3e3;
	text-align: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.footer_leftnav {
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	padding-bottom: 0px;
	text-indent: 0px;
	text-align: left;
	padding-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
}

.navquote {
	font-size: 16px;
	color: #FF6600;
	line-height: 22px;
}

.pagehead {
	font-size: 14px;
	color: #000000;
	padding-bottom: 6px;
}

.navigation {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #8C8C8C;
	padding-left: 0px;
	text-align: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	text-decoration: none;
}
.header_text {
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	text-align: left;
	vertical-align: middle;
}