body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #F8F7F4;
}


/* ------------------------------- Divs ------------------------------- */

#container { 
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	color: #F8F7F4;
	text-align: left;
}

#header {
	border: 1px solid #CCCCCC;
	background-color: white;
	background-image: url(/images/header.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 75px;
}

#nav {
	border: 1px solid #CCCCCC;
	height: 40px;
	background-color: white;
	margin-top: 10px;
}

#content {
	width: 648px;
	min-height: 450px;
	height: auto;
	_height: 450px;
	border: 1px solid #CCCCCC;
	background-color: white;
	margin-top: 10px;
	background-image: url(/images/bg-left.gif);
	background-repeat: repeat-y;
}

#content #left {
	float: left;
	min-height: 450px;
	height: auto;
	_height: 450px;
	width: 210px;
}

#content #left p {
	text-align: right;
	margin: 0 10px 12px 10px;
}

#content #main {
	min-height: 465px;
	float: right;
	height: auto;
	_height: 465px;
	width: 410px;
	border-left: 1px solid #CCCCCC;
	padding: 10px;
}

#main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	padding-right: 10px;
}

#footer {
	clear: both;
	border: 1px solid #CCCCCC;
	height: 25px;
	background-image: url(images/bg-left.gif);
	background-repeat: repeat-y;
	background-color: white;
	padding: 5px 0 5px 0;
	margin-top: 10px;
	text-align: center;
}

/* ---------------------------- TAG STYLES ---------------------------- */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC9900;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC9900;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

a:link, a:visited {
	text-decoration: none;
	color: #CC9900;
}

a:hover {
	text-decoration: underline;
	color: #CC9900:
}

ul {
	list-style-type: square; 
	color: #CC9900;
	margin-right: 20px;
}


/* ---------------------------- CLASS ID'S ---------------------------- */

.indent {
	display: block;
	margin-left: 20px;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC9900;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC9900;
}

.subtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.primary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	padding-bottom: 0;
}

.lefttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 12px;
}

.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.clientlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

.email {
	font-size: 12px;
}

.ltgrey {
	color:#999999;
}

a.navhome {
	float: left;
	background: url(images/nav/home1.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navhome:hover {
	float: left;
	background: url(images/nav/home2.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navabout {
	float: left;
	background: url(images/nav/about1.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navabout:hover {
	float: left;
	background: url(images/nav/about2.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navrep {
	float: left;
	background: url(images/nav/rep1.gif);
	height: 40px;
	width: 91px;
	border-right:  1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navrep:hover {
	float: left;
	background: url(images/nav/rep2.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navemp {
	float: left;
	background: url(images/nav/emp1.gif);
	height: 40px;
	width: 91px;
	border-right:  1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navemp:hover {
	float: left;
	background: url(images/nav/emp2.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navcan {
	float: left;
	background: url(images/nav/can1.gif);
	height: 40px;
	width: 91px;
	border-right:  1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navcan:hover {
	float: left;
	background: url(images/nav/can2.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navpos {
	float: left;
	background: url(images/nav/pos1.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navpos:hover {
	float: left;
	background: url(images/nav/pos2.gif);
	height: 40px;
	width: 91px;
	border-right: 1px solid #CCCCCC;
	display: block;
	text-decoration: none;
}

a.navcontact {
	float: left;
	background: url(images/nav/contact1.gif);
	height: 40px;
	width: 91px;
	border: 0;
	display: block;
	text-decoration: none;
}

a.navcontact:hover {
	float: left;
	background: url(images/nav/contact2.gif);
	height: 40px;
	width: 91px;
	border: 0;
	display: block;
	text-decoration: none;
}