@charset "utf-8";
/*
----------------------------------------------------
Design by elephants & ants
http://www.elephantsandants.com/
----------------------------------------------------

Document Contents:

x-header
x-sidenav
x-content
x-map
x-form
x-footer

*/
* {
	margin:0;
	padding:0;
}

p, a, h1, h2, h3, h4, table, td, ul, li, body, th, label, input {
	font-size:13px;
	line-height:18px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background:#fff url(../images/bg_body.gif) repeat-x scroll 0 0;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0;
}

h1, h2 {
	margin-bottom:10px;
}
h3, {
	font-size:16px;
}
p.interests{
	color:#036260;
}

hr {
	border:0;
	height:1px;
	color:#ccc;
	background-color:#ccc;
	margin:10px 0;
}

th {
	font-size:16px;
	/*padding-top:15px;*/
}

.clearall {
	clear:both;
	display:block;
	height:1px;
	margin:0;
	overflow:hidden;
	padding:0;
	background:#fff;
}

#container {
	background:#fff;
	margin:20px auto;
	text-align:left;
	width:970px;
	border:1px solid #999;
	padding: 10px;
}

#content_container {
	width:970px;
	background:transparent url(../images/bg_content.gif) no-repeat scroll 0 0;
	/*background:transparent url(../images/bg_sides.gif) repeat-x scroll 0 0;*/
	overflow:hidden;
}


/* x-header----------------------------------------------------*/

#header {
	position:relative;
	width:950px;
	height:87px;
	margin-bottom:10px;
	/*background:#fff url(../images/denali_logo.gif) no-repeat 20px 10px;*/
	border-bottom:1px solid #ccc;
	padding: 10px 0 10px 20px;
}
/*#header img {
	display: none; 
}
#logo {
	background: #fff url(../images/denali_logo.gif) no-repeat;
	width: 211px;
	height: 87px; 
}
	
#logo img {
	display: none; 
}

#header h1 {
	text-indent:-9999px;
	float:left;
	position:relative;
	top:0;
	left:0;
}

#header h1 a {
	position:absolute;
	width:211px;
	height:87px;
	top:0;
	left:0;
}

#header h2 {
	text-indent:-9999px;
	background: transparent url(../images/denali_slogan.gif) no-repeat scroll right;
	width:700px;
	margin: 51px 0 4px 250px;
	position: relative;
	top: 22px;
}*/

#topnav {
	width:100%;
	text-align:right;
}

#topnav p, #topnav a {
	font-weight:bold;
	color:#36506d;
	font-size:12px;
}

#topnav span {
	position:relative;
	padding:0 10px;
}

#topnav .last {
	border:0;
	padding-right:0;
}

#quote p {
	padding:40px;
	font-size:11px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px 10px 10px;
}

#quote {
	width:600px;
	float:left;
	padding: 10px;
}

#quote p.quote {
	border-top:1px solid #999;
	padding:15px 10px 10px 10px;
	font-size:12px;
	line-height:19px;
}

#quote p.attribution {
	font-size:11px;
	font-weight:bold;
	padding:0 10px 28px 10px;
	background:transparent url(../images/quote_bracket690.gif) no-repeat scroll 0 bottom;
	line-height:15px;
}

/* x-sidenav----------------------------------------------------*/

#sidenav {
	clear:both;
	float:left;
	width:250px;
	padding-bottom:40px;
}

#sidenav p {
	padding:4px;
	font-size:11px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
}
#sidequote p {
	padding:40px;
	font-size:11px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
}

#sidenav li {
	display:inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#sidenav li a {
	display:block;
	text-indent:-9999px;
	height: 41px;
	width:250px;
	background-image:url(../images/sidenav.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	border-bottom:1px solid #485147; /*Property moved from #sidenav li after Kludge made border disappear*/
}

#sidenav1 a {
	background-position:0 0;
}

#sidenav1 a:hover {
	background-position:-250px 0;
}

#sidenav2 a {
	background-position:0 -41px;
}

#sidenav2 a:hover {
	background-position:-250px -41px;
}

#sidenav3 a {
	background-position:0 -82px;
}

#sidenav3 a:hover {
	background-position:-250px -82px;
}

#sidenav4 a {
	background-position:0 -123px;
}

#sidenav4 a:hover {
	background-position:-250px -123px;
}

#sidenav5 a {
	background-position:0 -164px;
}

#sidenav5 a:hover {
	background-position:-250px -164px;
}

#sidenav6 a {
	background-position:0 -205px;
}

#sidenav6 a:hover {
	background-position:-250px -205px;
}

#sidenav7 a {
	background-position:0 -246px;
}

#sidenav7 a:hover {
	background-position:-250px -246px;
}


body.about #sidenav2 a {
	background-position:-500px -41px;
}

body.services #sidenav3 a {
	background-position:-500px -82px;
}

body.methodology #sidenav4 a {
	background-position:-500px -123px;
}

body.clients #sidenav5 a {
	background-position:-500px -164px;
}

body.testimonials #sidenav6 a {
	background-position:-500px -205px;
}

body.contact #sidenav7 a {
	background-position:-500px -246px;
}
/* x-content----------------------------------------------------*/

#content {
	width:635px;
	margin:0 215px 0 250px;
	padding: 30px 40px 100px 30px;
	background-color:#fff;
}
.clients #content {
	width:635px;
}
.testimonials #content {
	width:635px;
}

#content a {
	text-decoration:underline;
	color:#037a77;
}

#content ul {
	margin:5px 10px 10px 25px;
}

body.home #content ul {
	margin:5px 10px 10px 50px;
}

#content li {
	line-height:20px;
}

#content p {
	margin-bottom:10px;
}

#content h3 {
	margin:20px 0 5px 0;
	color:#000;
}

#home_hero {
	background: transparent url(../images/home_hero.jpg) no-repeat scroll 0;
	text-indent:-9999px;
	width:720px;
	height:312px;
	margin:0 0 0 250px;
}
#home_hero img{
	display:none;
}

/* x-home images----------------------------------------------------*/

img.home-c2a { 
	  float:left; 
	  /*margin-right:20px;*/
	  width:255px;
	  height:197px;
}
img.home-desc { 
	  float:left;
	  width:375px;
	  height:175px;
}
 

body.home #content {
	width:652px;
	margin:0 0 0 250px;
	padding:20px 40px 25px 40px;
}

body.home #content h1 {
	text-indent:-9999px;
	background:transparent url(../images/hd_home.gif) no-repeat scroll 0 0;
	width:319px;
	height:21px;
}

body.about #content h1 {
	text-indent:-9999px;
	background:transparent url(../images/hd_about.gif) no-repeat scroll 0 0;
	width:435px;
	height:19px;
}

body.about #content h2 {
	text-indent:-9999px;
	background:transparent url(../images/sbhd_about.gif) no-repeat scroll 0 0;
	width:435px;
	height:17px;
}

body.testimonials #content h1 {
	text-indent:-9999px;
	background:transparent url(../images/hd_testimonials.gif) no-repeat scroll 0 0;
	width:435px;
	height:19px;
}

body.testimonials #content h2 {
	text-indent:-9999px;
	background:transparent url(../images/sbhd_testimonials.gif) no-repeat scroll 0 0;
	width:435px;
	height:17px;
}

body.services #content h1 {
	text-indent:-9999px;
	background:transparent url(../images/hd_services.gif) no-repeat scroll 0 0;
	width:435px;
	height:19px;
}

body.services #content h2 {
	text-indent:-9999px;
	background:transparent url(../images/sbhd_services.gif) no-repeat scroll 0 0;
	width:435px;
	height:17px;
}

body.methodology #content h1 {
	text-indent:-9999px;
	background:transparent url(../images/hd_method.gif) no-repeat scroll 0 0;
	width:435px;
	height:19px;
}

body.methodology #content h2 {
	text-indent:-9999px;
	background:transparent url(../images/sbhd_method.gif) no-repeat scroll 0 0;
	width:435px;
	height:17px;
}

body.clients #content h1 {
	text-indent:-9999px;
	background:transparent url(../images/hd_clients.gif) no-repeat scroll 0 0;
	width:435px;
	height:19px;
}

body.clients #content h2 {
	text-indent:-9999px;
	background:transparent url(../images/sbhd_clients.gif) no-repeat scroll 0 0;
	width:435px;
	height:17px;
}

body.clients #content th.cfo {
	text-indent:-9999px;
	background:transparent url(../images/lbl_cfo.gif) no-repeat scroll 0 0;
	height:22px;
	border:0;
	padding:0 0 10px 0;
}

body.clients #content th.specialprojects {
	text-indent:-9999px;
	background:transparent url(../images/lbl_specialprojects.gif) no-repeat scroll 0 0;
	height:22px;
	border:0;
	padding:0 0 10px 0;
}

body.clients #content th.startup {
	text-indent:-9999px;
	background:transparent url(../images/lbl_startup.gif) no-repeat scroll 0 0;
	height:22px;
	border:0;
	padding:0 0 10px 0;
}

body.contact #content h1 {
	text-indent:-9999px;
	background:transparent url(../images/hd_contact.gif) no-repeat scroll 0 0;
	width:435px;
	height:19px;
}

body.contact #content h2 {
	text-indent:-9999px;
	background:transparent url(../images/sbhd_contact.gif) no-repeat scroll 0 0;
	width:435px;
	height:17px;
}



#sidequote {
	width:600px;
	float:left;
	padding: 10px;
}

#sidequote p {
	padding:0 10px 10px 10px;
}

#sidequote p.quote {
	border-top:1px solid #999;
	padding:15px 10px 10px 10px;
	font-size:12px;
	line-height:19px;
}

#sidequote p.attribution {
	font-size:11px;
	font-weight:bold;
	padding:0 10px 28px 10px;
	background:transparent url(../images/quote_bracket690.gif) no-repeat scroll 0 bottom;
	line-height:15px;
}

.logos {
	width:100%;
	margin-bottom:30px;
	margin-top:10px;
}

.logos td {
	border-bottom:1px solid #ccc;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
}

.logos img {
	margin:0 15px;
}

td.last {
	border:0;
}

/* x-map----------------------------------------------------*/

.directions a {
	position: relative;
	top: 20px;
	float: right;
}

/* x-form----------------------------------------------------*/

.contactform {
	width:405px;
	padding-bottom: 40px;
}

.contactform td {
	padding:5px 0 5px 15px;
}

.contactform label {
	display:block;
	font-size:12px;
	margin-bottom:1px;
	
}

.contact form input {
	width:187px;
	padding:4px 3px;
	border:1px solid #ccc;
}

.contact form textarea {
	width:398px;
	border:1px solid #ccc;
	height:40px;
	overflow:hidden;
	padding:4px 3px;
	resize:none;
}

td.required {
	font-size:10px;
	text-align:right;
	padding:0;
}

td.submit {
	text-align:right;
}

td.submit input {
	background:none;
	border:0;
	width:86px;
	height:28px;
	padding:0;
}

.asterisk {
	color:#F00;
}


/* x-footer----------------------------------------------------*/

#footer {
	clear:both;
	width:100%;
	height:133px;
	border-top:1px solid #ccc;
	background:transparent url(../images/bg_footer.gif) repeat-x scroll 0 0;
	line-height:17px;
}

#footer p, #footer a {
	font-size: 12px;
	color:#8090a2;
	line-height: 1.66;
}

#footer h3 {
	font-size:12px;
	font-weight:bold;
	color:#8090a2;
	margin-bottom:5px;
}

#footer img {
	float:left;
}

.colFooter {
	float:left;
	height:80px;
	padding-top:20px;
}
#col1 {
	margin-left:25px;
	margin-right: 20px;
}

#col2 {
	margin-right: 20px;
}

#col3 {
	margin-right: 20px;
}

#col4 {
	/*margin-right: 15px;*/
}
#contactinfo {
	display:none;

}


#copyright {
	float:left;
	margin:17px 0 0 25px;
}

#copyright p, #copyright a {
	font-size:11px;
}

#ea {
	text-align:center;
	padding-bottom:10px;
}