/* STYLESHEET FOR REES & CO

	---------------------------------
	# FILE CHARACTERISTICS & DETAILS
	---------------------------------
	Ver:		1.0
	Altered:	20 March 2009
	Author:		Jayson Winters
	---------------------------------
	# ISSUES LOG
	---------------------------------

*/

	
	img {  
		border-style: none;
	}
	
	body {
		margin:			0;
		padding:		0;
		background:		#ffffff; 
		color:			#887e6d;
		font-family:		arial, helv, sans-serif;
		font-size:		66%;
	}

	h1 {
		display:		block;
		height:			110px;
		width:			960px;
		margin:			0px;
		padding:		0px;
		text-align:		left;
		color:			#17221B;
		text-indent:		-1100px;
		overflow:		hidden;
		background:		transparent url(header.gif) no-repeat top left;
	}

	h2 {
		font-size:		2em;
		color:			#4d6764;
		font-weight:		bolder;
		margin-top:		40px;
	}

	h3 {
		font-size:		1.5em;
		color:			#9ea27d;
		padding-left:		175px;
		margin-top: 10px;
		margin-bottom: 0px;
		margin-right: 10px;
	}

	p {
		margin:			0px;
		padding:		0px;
		font-size:		1.2em;
		text-align:		left;
		line-height:		1.17em;
		letter-spacing: 	0.1em;
		width:			400px;
		margin-top:		10px;
		padding-bottom:		15px;
	}

	a { 
		color:			#4d6764; 
		font-weight: bold; 
		text-decoration: none; 
	}


	
/*	Block level elements 	*/

	#header {
		position:		relative;
		width:			960px;
		margin:			auto;
		padding-top:		10px;
		background:		#ffffff url(accent.jpg) no-repeat bottom left;
	}

	#content {
		border-top:		1px solid #cccccc;
		position:		relative;
		padding:		0px;
		width:			960px;
		margin:			auto;
		min-height: 	438px;
	}
	
	
	.homepage {
		background:		#ffffff url(contentHomepage.jpg) repeat-x top left;
		}
	
	.business {
		background:		#ffffff url(contentBusiness.jpg) repeat-x top left;
		}
	
	.personal {
		background:		#ffffff url(contentPersonal.jpg) repeat-x top left;
		}
		
	.software {
		background:		#ffffff url(contentSoftware.jpg) repeat-x top left;
		}
		
	.training {
		background:		#ffffff url(contentTraining.jpg) repeat-x top left;
		}
	
	.testimonials {
		background:		#ffffff url(contentTestimonials.jpg) repeat-x top left;
		}
		
	.contactus {
		background:		#ffffff url(contentContactus.jpg) repeat-x top left;
		}
	
	
	#linkpanelleft { 
		float:			left;
		width:			470px; 
		height:			166px; 
		margin-left:		10px; 
		background: 		url(linkpanelleft.gif) no-repeat left top; 
	}
	
	#linkpanelright { 
		float:			left; 
		height:			166px; 
		margin-left:		0px; 
		background: 		url(linkpanelright.gif) no-repeat left top; 
		width:			455px; 
	}

	#portpanel { 
		float:			left;
		width:			475px; 
		height:			166px; 
		margin-left:		10px;
		margin-top: 	15px; 
	}

	.one {
		background: 	transparent url(port1.jpg) no-repeat left top; 
	}

	.two {
		background: 	transparent url(port2.jpg) no-repeat left top; 
	}

	.three {
		background: 	transparent url(port3.jpg) no-repeat left top; 
	}

	.four {
		background: 	transparent url(port4.jpg) no-repeat left top; 
	}

	.five {
		background: 	transparent url(port5.jpg) no-repeat left top; 
	}

	.six {
		background: 	transparent url(port6.jpg) no-repeat left top; 
	}

	.seven {
		background: 	transparent url(port7.jpg) no-repeat left top; 
	}

	#footer {
		position:		relative;
		clear:			left;
		width:			960px;
		height:			18px;
		margin:			auto;
		clear:			both;
	}


/* 	Classes and inline elements 	*/

	/* Alter the below to add different background images on each page by specifying a different class name in the header div */

	#header .homepage {
		background:		transparent url(accent.jpg) repeat-x bottom left;		
	}

	#content * {
		padding-left:		30px;
	}
	
	#content a {
		padding:		0px;
	}

	#content ul li {
		margin:			15px;
		padding:		0px;
		font-size:		1.2em;
		letter-spacing: 0.1em;
		padding-left:	0px;
	}

	#content ul.nodisc li {
		margin-bottom:		10px;
		list-style:		none;
		font-weight:		bold;
	}

	#content ul.nodisc li a {
		font-weight:		500;
	}


	#content .accent {
		margin:			0px;
		padding:		0px;
	}

	#primarynav {
		position:		absolute;
		top:			85px;
		left:			130px;
		height:			34px;
		width:			850px;
		margin:			0px;
		padding:		0px;
		margin-top:		1px;
	}

	#primarynav li {
		margin:			0px;
		padding:		0px;
		list-style:		none;
		float:			left;
		line-height:		34px;
		font-size:		11px;
		padding-left:		3px;
	}

	#primarynav li a {
		display:		block;
		width:			100px;
		text-align:		center;
		height:			34px;
		text-decoration:	none;	
		color:			#ffffff;
		background:		transparent url(navoff.gif) no-repeat top left;	
	}

	#primarynav li a.active,#primarynav li a:hover {
		color:			#ffffff;
		font-weight:		bold;
		background:		transparent url(navon.gif) no-repeat top left;
	}

	#quicknav {
		position:		absolute;
		top:			155px;
		right:			40px;
		width:			160px;
		height:			100px;
	}
	
	#header p {
		text-align:		justify;
		position:		absolute;
		bottom:			10px;
		right:			0px;
		font-size:		1em;
		width:			380px;
	}

	#linkpanelleft p, #linkpanelright p, #portpanel p { 
		margin:			0; 
		padding-left:		150px; 
		font-size:		1.1em; 
		text-align:		left; 
		line-height:		1.17em; 
		letter-spacing: 	0.1em; 
		width:			290px;
		margin-bottom: -3px; 
	}

	#linkpanelleft h3, #linkpanelright h3, #portpanel h3 {
		padding-left:	150px;
	}
	
	#linkpanelleft img, #linkpanelright img, #portpanel img{
         margin-left:   -30px;
    }
	
	#footer p {
		border-top: 2px solid #4d6764;
		width:			960px;
		height:			18px;
		line-height:		18px;
		color:			#887e6d;
		font-size:		1em;
		text-align:		right;
		margin:			0px;
		padding:		0px;
		letter-spacing: 	0em;
	}