/* CSS Document */

body {
	background-color:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:10px 0;
	text-align:center;
}

* {
	margin:0;
	padding:0;
}

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix {
	height:0px;
}

.clearfix {
	display:block;
}

.hide {
	display:none;
}

#main {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

/* Header */

#header {
	text-align:left;
	height:66px;
	background-image: url("images/design/headerBack.jpg");
	background-repeat:no-repeat;
}

#logo {
	float:left;
	margin:15px 0 0 15px;
}

#logo img {
	border:none;
}

* html #logo {
	float:left;
	margin:15px 0 0 8px;
}

#nav {
	float:right;
	width:565px;
	height:20px;
	margin:40px 8px 0 0;
	font-size:9pt;
	color:#999;
	text-transform:uppercase;
	letter-spacing:2px;
}

* html #nav {
	font-size:8pt;
}

#nav ul,
#nav li {
	margin:0;
	padding:0;
}

#nav li {
	list-style-type:none;
	float:right;
	margin-left:25px;
}

#nav a {
	display:block;
	color:#fff;
	
	text-decoration:none;
}

#nav a:hover {
	color:#999;
}

/***** Sub Navigation Elements *****/

#subNav {
	float:left;
	width:250px;
	margin:25px 0 0 20px;
	font-size:9.5pt;
	font-weight:700;
	line-height:10.5pt;
	color:#fff;
}
* html #subNav {
	margin:22px 0 0 12px;
}


#subNav ul,
#subNav li {
	margin:0;
	padding:0;
}

#subNav li {
	list-style-type:none;
	margin:7px;
}

#subNav a {
	color:#333;
	text-decoration:none;
}

#subNav a:hover {
	color:#fff;
}

#subNav li.example {
	font-weight:normal;
	font-size:8.5pt;
	margin-left:15px;
	margin-top:4px;
	margin-bottom:4px;
}

.hide {
	display:none;
}

#subNav li.divider {
	margin:10px 0 12px 0;
	border-bottom:1px dashed #333;
	width:230px;
	padding:0;
}

* html #subNav li.divider {
	margin:-1px 0 10px 0;
}

#subNav h1 {
	font-size:11pt;
	color:#600;
	margin:0 0 28px 0;
	text-transform:uppercase;
	letter-spacing:2px;
}

#subNav a .white  {
	color:#fff;
}

#subNav a:hover .white  {
	color:#333;
}

#nav a .grey  {
	color:#999;
}

#nav a:hover .grey  {
	color:#fff;
}



/* Center */

#centerH {
	height:510px;
	background-image: url("images/design/home.jpg");
	background-position:right;
	background-repeat:no-repeat;
	background-color:#000;
	text-align:left;
	position:relative;
}

#home {
	width:500px;
	float:right;
	padding-top:180px;
	margin:0 30px 0 0;
	font-size:10pt;
	line-height:21pt;
}

#home h1 {
	color:#fff;
	font-size:18pt;
	letter-spacing:3px;
	font-weight:100;
	margin:0 0 12px 0;
}

#center {
	height:510px;
	background-position:left;
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
}

#content {
	position:relative;
	width:540px;
	float:right;
	margin:65px 160px 0 0;
	font-size:9pt;
	line-height:14.5pt;
}

#content.clientlist {
	width:640px;
	margin-right:60px;
}

#example {
	position:relative;
	width:650px;
	float:right;
	margin:65px 50px 0 0;
	font-size:9pt;
	line-height:13pt;
}

* html #example {
	margin:65px 25px 0 0;
}

* html #content {
	margin:65px 80px 0 0;
}

#content p,
#example p {
	margin:0 0 15px 0;
}
#testNav, #pageNav {
	position:absolute;
	color:#fff;
	width:auto;
	clear:both;
	font-size:9pt;
}

#pageNav {
	right:80px;
	bottom:10px;
}

#testNav {
	right:180px;
	bottom:10px;
}

#photoNav {
	position:relative;
	text-align:right;
	color:#fff;
}

.photoNav, .pageNav {
	margin: 0 0 0 8px;
}

#photoNav a, #pageNav a, #testNav a {
	text-decoration:none;
	color:#fff;
	color:#000;
}

.one {
	margin-right:5px;
}

#content a {
	color:#000;
	text-decoration:none;
}

#content a:hover {
	color:#fff;
}

#content h1 {
	font-size:11pt;
	color:#600;
	margin:0 0 18px 0;
}

#example h1.example {
	font-size:10pt;
	line-height:normal;
	color:#000;
	font-weight:800;
	margin:0;
}

#example h2.example {
	font-size:9pt;
	line-height:normal;
	color:#000;
	font-weight:normal;
	margin:0 0 10px 0;
}

#example div#description {
	float:right;
	width:240px;
}

#photo, #photo img {
	width:385px;
	height:325px;
}

#content ul {
	margin:0;
	padding:0;
}

#content li {
	margin:8px 0 8px 15px;
}
	

#content.testimonials {
	line-height:12pt;
}

#awards {
	position:relative;
	width:670px;
	float:right;
	font-size:9pt;
	line-height:11pt;
	margin-top: 24px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
}

* html #awards {
	font-size:8.5pt;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	
}

#awards h1 {
	font-size:11pt;
	color:#600;
	margin:0 0 18px 0;
}

#awards p {
	margin:0 0 10px 0;
}
	
#awards #column1 {
	width:45%;
	float:left;
	position:relative;
}

#awards #column2 {
	width:50%;
	margin:0 0 0 15px;
	float:right;
}

#column1 {
	width:30%;
	float:left;
	position:relative;
}

#column2 {
	width:30%;
	margin:0 0 0 30px;
	float:left;
}

#column3 {
	width:30%;
	margin:0 0 0 25px;
	float:left;
}

/*****  Footer  *****/

#footer {
	height:46px;
	background-image: url("images/design/footerBack.jpg");
	background-repeat:no-repeat;
}