body {
	margin-top: 100px;
	background-color:#000;
	font-family: "Myriad", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size: 11px;
	letter-spacing: .1em;
}
p { margin: 0; padding: 0; }
div { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a {	color: #FFF; text-decoration: none; }
a:hover { color: #FF0000; }
#hidenav {
	display: none;
}
#container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#intro {
	float: left;
}

/*** SUB NAVIGATION ***/
#sub_navlist_container {
	float:left;
	width: 152px;
	height: 340px;
	margin: 0;
	padding: 0 0 0 60px;
/*	background-color: #006699;*/
}
#sub_navlist li {
	display: inline;
	/* for IE5 and IE6 */
}
#sub_navlist {
	width: 152px;
	/* to display the list horizontaly */
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}
#sub_navlist a {
	width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	padding: 3px 0 3px 0;
	text-decoration: none;
	color: #FFF;
}
#sub_navlist a:hover { color: #FF3333; }

#sub_navlist a.selected { color: #FF3333; text-decoration: none; }
#sub_navlist a.selected:hover { color: #E7E7E7; }

/*** CONTENT ***/
#content_dir5 {
	float: left;
	width: 568px;
	margin: 0;
	padding: 0;
/*	background-color:#CCCCCC;*/
}
#content_dir5 img { float: left; margin: 0; padding: 0; }
#content_dir5 .previous, #content_dir5 .next {
	float: left;
	width: 13px;
	padding: 0 20px 0 20px;
/*	background-color:#00FF00; */
	height: 300px;
}
#content_dir5 .copy { float: left; line-height: 16px; width: 191px;/*background-color:#333;*/ margin: 0; padding: 0; }
#content_dir5 .title { color: #FF3333; font-size: 12px; font-weight: bold; margin-top: -2px; }

#content_dir3 { 
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-left: 264px; 
	padding: 0 30px 0 0;
	line-height: 25px;
	font-size: 16px;
	font-weight: normal;
}
/*#content_dir3 p { line-height: 20px; font-size: 14px; font-weight: bold; }*/
#content_dir3 p.title{ color: #FF3333; font-weight: bold; }

.clients {
	float: left;
	width: 146px;
	margin-right: 10px;
}

.clients p {
	line-height: 16px;
}
#left_container, #the_contact {
	float:left;
	width: 205px;
	margin: 0;
	padding: 0 0 0 60px;
/*	background-color: #006699;*/
}
#the_contact p, #the_contact p.title { line-height: 20px; }
#the_contact p.title { color: #FF3333; }
#navcontainer {
	position: absolute;
	top: 450px;
	width: 780px;
	font-size: 11px;
/*	background-color:#FF00FF;*/
	/*letter-spacing: .1em;*/
}
#navcontainer ul {
	padding: 0;
	margin: 0;
	color: FFF;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	float: left;
	width: 54px;
	height: 43px;
	margin-right: 60px; 
	padding: 17px 0 0 6px;
	color: #FFF;
	text-decoration: none;
}
#navcontainer ul li a:hover {
	background-color: #FF0000;
}
#navcontainer li.one a { background-color: #333; }
#navcontainer li.two a { background-color: #999; }
#navcontainer li.three a { background-color: #666; }
#navcontainer li.four a { background-color: #333; }
#navcontainer li.five a { background-color: #666; }
#navcontainer li.six a { background-color: #999; }
#navcontainer li.seven a { background-color: #FF0000; margin: 0; padding: 0; height: 60px; }
#navcontainer li a.selected {
	background-color: #FF0000;
}
