html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}



blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/************** TOP NAV ****************/
#header {
	position: relative;
	width: 960px;
	height: 76px;
	margin: 0 auto;
}
#header #logo {
	float: left;
}
#top_nav {
	float: right;
	margin: 0;
	padding: 0 2px 0 0;
}
#top_nav li {
	float: left;
	list-style-type: none;
	margin: 0;
	list-style-type: none;
}
#mid_nav {
	float: right;
	margin: 4px 0 0 0;
	padding: 0 2px 0 0;
}
#mid_nav li {
	float: left;
	list-style-type: none;
	margin: 0;
	list-style-type: none;
}
.clearboth {
	clear: both;
}
.align-right {
	text-align: right;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
#page-wrapper {
	margin: 22px auto;
	width: 960px;
}
#footer {
	height: 32px;
	width: 100%;
}

.service-frame {
	float: left;
	width:648px;	
	padding: 4px 10px 10px 10px;
}
.service-text {
	padding: 4px 40px 20px 30px;
}
.service-list {
	float: left;
	width: 440px;
	padding: 0 0 0 20px;
}
.client-list {
	width: 280px;
	float: left;
	margin: 4px 0 0 34px;
}
.side-list {
	width: 105px;
	float: left;
	margin: 15px 0 0 25px;
}
.nav-list {
	width: 115px;
	float: left;
	margin: 0;
	line-height: 20pt;
}
.side-list {
	padding: 3px 0 0 0;
}
.service-list ul, .side-list ul, .orange-bullet, .client-list ul, .services_nav {
	list-style-type: none;
	list-style-image: url(/images/layout/icon-1.gif);
	list-style-position: outside;
	margin: 0 0 0 14px;
}
.service-list li, .side-list li, .orange-bullet li, .client-list ul li, .services_nav li {
	margin: 2px 0 0 2px;
	padding: 0 0 0 0;
}
.error-block {
	padding: 100px 0 220px 0;
	text-align: center;
}
.col-1w {
	float: left;
	width: 300px;
	padding: 10px 0 0 20px;
}
.col-2w {
	float: left;
	width: 628px;
	padding: 10px 0 30px 10px;
}
.col-2 {
	float: left;
	width: 450px;
	padding: 10px;
}
.col-3 {
	float: left;
	width: 296px;
	padding: 8px;
}
#gallery #col-3 #img-nav {
	text-align: right;
	width: 559px;
	border-right: 1px solid #315083;
	padding: 0 30px 4px 30px;
	height: 12px;
	margin-top: -8px;
	background-color: #0b161c;
}
#gallery #col-3 #img-nav a {
	color: #CCC;
}
#gallery #col-3 #img-nav .right {
	float: right;
}
#gallery #col-3 #img-nav .left {
	float: left;
}
.col-2 p, .col-3 p {
	padding: 4px 0 0 4px;
}

.col-wide {
	float: left;
	width: 940px;
	padding: 10px 0 10px 10px;
}
.index-intro {
	width: 918px;
	padding:15px 15px 20px 25px;
	background-color: #E1E5EA;
}
.index-intro p {
	width: 500px;
	font-size: 12pt;
	line-height: 18pt;
	padding: 15px;
}
.index-sidenav {
	border: 1px solid #BCD;
	float: right;
	background: #d1d7e0 url(/images/layout/nav-bg.gif);
	padding: 6px 0 4px 8px;
	margin: 0 4px 0 0;
	width: 340px;
	font-weight: 800;
	line-height: 16pt;
}

.index-sidenav a {
	display: block;
	padding: 0;
}
.index-sidenav a.index-btn {
	display: block;
	background-color: #6486bf;
	color: #FFF;
	text-align: center;
	margin: 0 8px 0 0;
}
.index-sidenav a.index-btn:hover {
	background-color: #5476af;
	color: #ACE;
}
.index-sidenav ul {
	float: left;
	margin: 0;
	padding: 0 25px;
}
.index-sidenav a:hover {
	color: #000;
}
.wide-block {
	padding: 10px 20px;
}
	/******************* PROJECTS *********************/
#gallery {
	float: left;
	width: 960px;
	border-top: 1px solid #315083;
	background: #eaefef url(/images/layout/casestudies-bg.gif) repeat-y;
	border-collapse: collapse;
}

#gallery #row-1a {
	float: left;
	height: 12px;
	width: 958px;
	border-left: 1px solid #315083;
	border-right: 1px solid #315083;
	background-color: #0b161c;
}
#gallery #col-1a {
	float: left;
	width:11px;
	height: 307px;
	background-color: #0b161c;
	border-left: 1px solid #315083;
}
#gallery #col-1 {
	float: left;
	width: 326px;
	padding: 0;
	text-align: right;
	background: #162842;
	border: 1px solid #455e89;
}
#gallery #col-1 #links {
	float: left;
	width: 210px;
	padding: 10px 0 0 0;
}

#gallery #col-1 li a {
	color: #D0D8DF;
	font-size: 9pt;
	padding: 0 4px 0 0;
}

#gallery #col-2 {
	float: right;
	width: 102px;
	text-align: center;
	padding: 10px 0 10px 8px;
	background: #1f3862;
}

#gallery #col-3 {
	width: 620px;
	float: left;
}
#gallery #col-3 #main-img {
	background-color: #0b161c;
	border-right: 1px solid #315083;
	height: 400px;
	padding: 10px 0 0 0;
}
#gallery #col-3 #main-img {
	margin: 0 auto;
	display: block;
	text-align: center;
}

#gallery #col-3 #main-img img {
	margin: 0 auto;
	display: block;
	border: 1px solid #889fc3;
}
#gallery #col-3 #copy-block {
	text-align: left;
	padding: 10px 10px 10px 26px;
}
#gallery #col-3 #name {
	color: #369;
	font: 800 12pt/32px Georgia, Times, Serif;
}
#gallery #col-3 #description {
	text-align: left;
	width: 520px;
}
#gallery .label {
	color: #393;
	padding: 0 4px 0 0;
}
#gallery .project {
	font-weight: 800;
}
#gallery .hilight {
	background-color: #5d7eb3;
}
#gallery #col-1 .hilight a {
	color: #FFF;
	font-weight: 800;
}
#loader-bar {
	display: none;
	text-align: right;
	padding: 40px 30px 0 0;
}
.th-frame,
#col-2 .ghost {
	border:2px solid #335588;
	float:left;
	margin:5px;
}
.th-frame:hover {
	border:2px solid #FFF;
}


/********* SERVICES ****************/
.services_nav {
	padding: 4px 0 0 8px;
	list-style-type: none;
	line-height: 32px;
}