/* Global Styles */

body {
	margin: 0 auto;
	padding: 25px 0 0 0;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #3e3e3e;
	line-height: 17px;
	text-align: center;
}

#main {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 1026px;
	display: block;
	overflow: visible;
}

#content {
	clear: both;
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 1026px;
	display: block;
	overflow: visible;
}

#logo {
	float: left;
	width: 224px;
	height: 98px;
	padding: 0;
}

#header {
	float: right;
	background: #b1b1b1;
	display: block;
	overflow: visible;
	width: 770px;
	height: 39px;
}

#copyright {
	clear: both;
	position: relative;
	width: 1026px;
	top: 26px;
	padding: 0 0 4px 0;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #3a4d80;
	text-align: left;
}

#copyright a {
	color: #3a4d80;
	text-decoration: none;
}

#copyright a:hover {
	color: #8a1a28;
}

h1 {
	font: 18px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #3a4d80;
	height: 36px;
	padding: 8px 0 0 0;
	margin: 0px 0 10px 0;
	text-align: left;
}

h1.wide {
	font: 18px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #3a4d80;
	width: 846px;
	height: 36px;
	background: url('../images/header_bg_wide.jpg') no-repeat right 0;
	padding: 8px 0 0 43px;
	margin: 0px 0 10px -20px;
	text-align: left;
}

h2 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #8a1a28;
}

h2 a {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #3a4d80;
	margin: 0px;
}

h3 {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #3a4d80;
	margin-bottom: 2px;
}

a {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #8a1a28;
	line-height: 17px;
	text-decoration: underline;
	font-weight:normal;
}
a:hover {
	color: #8a1a28;
	text-decoration: underline;
}

a.contact {
	font: 15px Arial, Verdana, Helvetica, sans-serif;
	color: #3e3e3e;
	line-height: 22px;
	text-decoration: underline;
	font-weight:normal;
}
a:hover {
	color: #8a1a28;
	text-decoration: underline;
}

p {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #3e3e3e;
	line-height: 17px;
}

p span, span {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #3a4d80;
	line-height: 17px;
}

p span.blue, span.blue {
	color: #8a1a28;
}

ul {
	list-style-type: square;
	margin-left: 12px;
	padding-left: 4px;
}

ol {
	margin-left: 12px;
	padding-left: 6px;
}

ul li, ol li {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #6191ba;
	line-height: 17px;
	margin-bottom: 2px;
}

ul li span, ol li span {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	line-height: 17px;
}


/* Secondary Styles */

#projectNav {
	float: right;
	width: 770px;
	height: 44px;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13 {
	float: left;
	width: 29px;
	height: 29px;
	margin: 0 0 0 6px;
	display: block;
	overflow: hidden;
}

#box1 a, #box2 a, #box3 a, #box4 a, #box5 a, #box6 a, #box7 a, #box8 a, #box9 a, #box10 a, #box11 a, #box12 a, #box13 a {
	display: block;
}

#caption {
	float: left;
	margin: 15px 0 0 18px;
}

#intro, #media {
	float: right;
	width: 770px;
	height: 462px;
	background: url('../images/bg_samples.jpg') no-repeat 0 0;
}

#introPic {
	 float: left;
	 width: 432px;
	 padding-top: 12px;
}

#introText {
	float: left;
	width: 325px;
	height: 436px;
	background: #fff;
	margin: 12px 0 0 0;
	overflow: hidden;
}

#image {
	display: none;
	float: right;
	width: 770px;
	height: 462px;
	background: url('../images/bg_samples.jpg') no-repeat 0 0;
}

#clients {
	float: right;
	width: 770px;
	height: 462px;
	background: url('../images/bg_samples.jpg') no-repeat 0 0;
}

#clientsText {
	width: 732px;
	height: 436px;
	background: #fff;
	margin: 12px 0 0 0;
	text-align: left;
	overflow: hidden;
}


/* Navigation Styles */

/* Main Nav */

#nav {
	float: right;
	position: relative;
	top: 62px;
	width: 381px;
	height: 9px;
	display: block;
	overflow: hidden;
}

#nav0 a, #nav1 a, #nav2 a, #nav3 a, #nav4 a {
	float: left;
	height: 9px;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

#nav0 a {
	background: url('../images/nav_0.gif') no-repeat 0 0;
	width: 123px;
	margin: 0 0 0 303px;
}

#nav0 a:hover, #nav0 span a, #nav0 span a:hover  {
	background: url('../images/nav_0.gif') no-repeat 0 -9px;
}

#nav1 a {
	position: relative;
	background: url('../images/nav_1.gif') no-repeat 0 0;
	width: 91px;
}

#nav1 a:hover, #nav1 span a, #nav1 span a:hover  {
	background: url('../images/nav_1.gif') no-repeat 0 -9px;
}

#nav2 a {
	position: relative;
	background: url('../images/nav_2.gif') no-repeat 0 0;
	width: 98px;
}

#nav2 a:hover, #nav2 span a, #nav2 span a:hover  {
	background: url('../images/nav_2.gif') no-repeat 0 -9px;
}

#nav3 a {
	position: relative;
	background: url('../images/nav_3.gif') no-repeat 0 0;
	width: 91px;
}

#nav3 a:hover, #nav3 span a, #nav3 span a:hover  {
	background: url('../images/nav_3.gif') no-repeat 0 -9px;
}

#nav4 a {
	position: relative;
	background: url('../images/nav_4.gif') no-repeat 0 0;
	width: 101px;
}

#nav4 a:hover, #nav4 span a, #nav4 span a:hover  {
	background: url('../images/nav_4.gif') no-repeat 0 -9px;
}

/* Secondary Nav */

#secNav {
	float: left;
	width: 256px;
	padding: 72px 0 6px 0;
	margin: 0 0 0 0;
	display: block;
}

a.secNav, a.secNav:hover, a.secNavSelect, a.secNavSelect:hover {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #a7a8ab;
	padding: 0px 49px 7px 25px;
	margin: 0px;
	text-decoration: none;
	text-align: right;
	display: block;
}

a.secNav:hover, a.secNavSelect, a.secNavSelect:hover  {
	color: #3a4d80;
}

/* Scrolling Divs */

div#wn { 
	position:relative; 
	width: 250px;
	height:370px;
	overflow:hidden;	
}

#lyr1 div {
	margin: 20px 35px 10px 20px;
}

#scrollLinks {
	position: absolute;
	left: 225px;
	z-index: 2;
	margin: 20px 0 0 0;
}