@charset "UTF-8";
/* CSS Document */

/*COLOR GUIDE
Almost-Black: #262626;
Almost-white: #f0f0f0;
dark-grey: #666;
light-grey: #ccc;
green: #9ACD32;
reddish: #663300;
*/


/* universal settings */
html, body, div, span, blockquote, a, em, img, strong, ol, ul, li, form {
	margin: 0; padding: 0; border: 0;
}

html { height:100%; }

body  {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:62.5%;
	background-color:#f0f0f0;
	background:url(../images/bg.png); background-repeat:repeat;
	text-align: center; /* this centers the container in IE 5*. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container { 
	width: 950px;
	margin-left:auto; margin-right:auto;
	text-align:center;
}
#headerTop { 
	width:950px; height:auto;
	padding:0;
	margin-left:auto; margin-right:auto;
	border-top: 12px solid #663300;
	background-color:#663300;
}
#headerBottom { 
	width:950px; height:auto;
	padding:0;
	margin-left:auto; margin-right:auto;
	border-bottom: 12px solid #663300;
	background-color:#663300;
}

/* flash div */
#mosaic {
	padding:0; margin:0;
	width:950px; height:130px;
	z-index:1;
}


#content {
	float:left; display:block;
	padding:0; margin:0;
	width: 950px; height:100%; min-height:100%;
	background:url(../images/bg_content.gif) repeat-y;
	z-index:9999;
}
.mainContent { 
	float:left;
	width:670px; height:auto;
	padding:30px 20px; margin:0;
	/*background-color:#f0f0f0;*/
	text-align:left;
} 
.sidebar {
	float:left;
	width:180px; height:auto;
	padding:30px 20px; margin-left:20px;
	/*background-color: #9ACD32;*/
	text-align:left;
}
	.sidebar h2{
		font-size:2.5em;
		color:#663300;
		text-shadow: 1px 1px 1px #f0f0f0;
	}
	.sidebar p {
		color:#f0f0f0;
	}
	.sidebar a:hover {
		color: #663300;
		text-decoration:none;
	}


P{
	font-size:1.2em;
	line-height:1.6em;
	color:#666;
	margin-bottom:14px;
}

h1, h2, h3, h4, h5, h6{
	overflow:visible;
	color:#9ACD32;
	margin-top:0;
	margin-bottom:8px;
}

	h1{
		font-size:3.5em;
		text-shadow: 1px 1px 1px #666;
		color:#9ACD32;
	}
	
	h2 {
		font-size:2.5em;
		color:#663300;
	}
	.red {
		color:#663300;
		text-shadow: 1px 1px 1px #666;
	}
	.white {
		color:#f0f0f0;
		text-shadow: 1px 1px 1px #000;
	}
	
	h3{
		font-size:1.5em;
		color:#9ACD32;
	}

a {
	color:#663300;
	font-weight:700;
	text-decoration:none;
}
/*a:hover { 
	color:#9ACD32;
	font-weight:700;
	text-decoration:underline; 
}
*/
#clients p {
	font-weight:200;
	margin-bottom:3px;
	font-size:1.1em;
	line-height:1.2em;
}
	#clients a {
		color:#000;
		font-weight:500;
	}
	#clients a:hover {
		text-decoration:underline;
	}


#footer {
	background-color:#666;
	border-top: 12px solid #663300;
	padding: 10px 20px;
	margin-left:auto; margin-right:auto;
} 

	#footer p {
		color: #f0f0f0;
		font-size:1.2em;
		text-shadow: 1px 1px 1px #333;
		padding:0; margin:0;
		text-align:right;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
}