/*	Developed by: Gabriel Regentin
	Props to: Eric Meyer, Jeffrey Zeldman, Dan Cederholm
*/


/* Overall Styles */
/******************/
body {
	font: 76%/1.3em Myriad, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	background: #434344;
	margin: 28px;
	padding: 0;
	text-align: center;
	}
	
a:link {
	color: #0066ff;
	font-size: 1.2em;
	text-decoration: none;
	}
	
a:visited {
	color: #0066ff;
	font-size: 1.2em;
	text-decoration: none;
	}
	
a:hover {
	color: #999999;
	font-size: 1.2em;
	text-decoration: none;
	}
	
a:active {
	color: #000000;
	font-size: 1.2em;
	text-decoration: none;
	}
	
h1 {
	font-weight: normal;
	font-size: 2em;
	line-height: 1em;
	color: #ffffff;
	margin: 1px;
	padding: 0 0 10px 0;
	}
	
h2 {
	font-size: 1.7em;
	color: #aaaaaa;
	margin: 0;
	padding: 0;
	}
	
h3 {
	font-size: 1.2em;
	color: #aaaaaa;
	margin: .5em 0;
	padding: 0;
	}
	
h4 {
	font-size: 1.4em;
	color: #aaaaaa;
	margin: 0;
	padding: 0;
	}
	

/* Homepage IDs & Classes */
/****************/

#content {
	position: relative;
	font-size: 1em;
	background: #ffffff;
	color: #000000;
	width: 67em;
	min-height: 47em;
	padding: 15px 15px 40px 15px;
	text-align: left;
	margin: 0 auto;
	}
	
#client_list {
	position: relative;
	width: 47em;
	height: 40em;
	background: #3a3b3d;
	color: #ffffff;
	margin: 20px 0;
	padding: 20px;
	}
	
#client_list ul {
	color: #3a3b3d;
	line-height: 2em;
	padding: 0;
	margin: 0;
	}
	
#client_list a:link.title {
	color: #ffffff;
	font-size: 1.5em;
	text-decoration: none;
	}

#client_list a:visited.title {
	color: #ffffff;
	font-size: 1.4em;
	text-decoration: none;
	}
	
#client_list a:hover.title {
	color: #0066ff;
	text-decoration: none;
	}
	
#client_list a:active.title {
	color: #999999;
	}

#w0, #w1, #w2, #w3, #w4, #w5, #w6, #w7, #w8, #w9, #w10, #w11, #w12, #w13, #w14, #w15, #w16 {
	visibility: hidden;
	position: absolute;
	background: #1B1819;
	width: 20em;
	height: 19em;
	border: 12px solid white;
	top: -6px;
	right: -6px;
	padding: 15px;
	}

#w0 {
	padding: 30px 15px 0 15px;
	text-align: left;
	}
	
#w13 {
	visibility: visible;
	}

div.client_type {
	position: absolute;
	top: 33.5em;
	left: -26.5em;
	width: 300px;
	}
	
#videoWin {
	position: absolute;
	bottom: 2em;
	right: 2em;
	font-size: 1em;
	}

td.white {
	padding: 0;
	width: 8px;
	height: 8px;
	background: #ffffff;
	
	}
	
td.blue {
	padding: 0;
	width: 8px;
	height: 8px;
	background: #0066ff;
	}
	
#news {
	position: relative;
	margin: -51em 0 0 51em;
	}
	
#news .newsItem {
	font-size: .9em;
	margin: 1em 0;
	}
	
#news .newsItem .date {
	font-size: .9em;
	}
	
#news .newsItem .title {
	font-size: 1.1em;
	font-weight: bold;
	}
#news a {
	font-size: 1em;
	text-decoration: none;
	}

#contact {
	position: absolute;
	bottom: 5px;
	left: 20px;
	font-size: .9em;
	color: #000000;
	margin: 0;
	line-height: 1.2em;
	}

#contact p {
	padding: 0 2em;
	}
	
#contact a:link, #contact a:visited {
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	}
	
#contact a:hover {
	color: #0066ff;
	text-decoration: none;
	}
	
#contact a:active {
	color:#666666;
	text-decoration: none;
	}
	
#nav {
	position: absolute;
	top: -2em;
	left: 0;
	margin: 0;
	padding: 0;
	}
	
#nav li {
	font-size: 1em;
	margin: 0 3px 0 0;
	padding: 4px 7px 1px 7px;
	background: #5a5b5d;
	color: #0066ff;
	font-weight: bold;
	display: inline;
	list-style-type: none;
	}
	
#nav li.hi {
	background: #bbbbbb;
	}
	
#nav li a:link, #nav li a:visited {
	color: #ffffff;
	font-size: 1em;
	}
	
#nav li a:hover, #nav li a:active {
	color: #0066ff;
	}

#logo {
	margin: 0 0 15px 15px;
	}
	
#search {
	width: 8em;
	}
	
img.wBorder {
	border: 2px solid #cccccc;
	margin: 0;
	}
	
img.webLink {
	border: 0;
	padding: 0 0 0 .3em;
	}
	
img.thumb {
	border: none;
	padding: 0;
	margin: 1em;
	float: left;
	}