/* CSS Document */
html, html body {
	background: #181818;
	margin: 0;
	color: #ffffff;
}
a {outline: none;}
a, a:link, a:visited {text-decoration: none;}
p a, p a:link, p a:visited {color: #ffffff;}
p a:hover, p a:active, li a:hover, li a:active {
	text-decoration: none;
	color: #ffffff;
} 
body h1, body h2, body h3, body h4, body h5, body h6 {
	color: #ffffff;
	line-height: normal;
}

/* default header */
#header {
	position: relative;
	height: 133px;
	border-bottom: 1px solid #606060;
}
#header h1 {float: left;}
#header h1 a {
	width: 140px;
	height: 63px;
	margin: 60px 0 0 3px;
	display: block;
	background: url(../images/logo.png);
	text-indent: -1000px;
	overflow: hidden;
}
#header ul.nav {
	position: absolute;
	top: 110px;
	right: 0;
}
#header ul.nav li a:link, #header ul.nav li a:visited {
	font-size:12.5px;
	color: #999999;
	font-weight: bold;
}
#header ul.nav li a:hover {color: #ffffff}

#header ul.nav li {
	margin: 0;
	position: relative;
	float: left;
}
#header ul.nav li ul {
	top: 20px;
	left: 0;
	position: absolute;
}
#header ul.nav li ul {padding: 12px 0}

/***** Could be used to turn sub links into a menu
#header ul.nav li ul {display: none;} hide sub-menu
#header ul.nav li:hover ul {display: block;} show sub-menu
*****/


#header ul.nav li ul li {margin: 0 10px 0 0;}
#header ul.nav ul a:link, #header ul.nav ul a:visited {color: #999999;}
#header ul.nav ul a:hover, #header ul.nav ul a:active {color: #d4d4d4;}
#header ul.nav li a.current {color: #e83837;}

/* header menu: practice */
#header ul.nav li.id-4 ul {width: 600px;}

/* header menu: projects */
#header ul.nav li.id-15 ul {width: 450px;}

/* header menu: news */
#header ul.nav li.id-28 ul {width: 152px;}

/* header menu: news article */

#docID-news-article p.readmore a{color: #e83837;/*color: #ffe11a;*/}

/* default menu style */
ul.nav {
	padding: 0;
	margin: 0 0 0 0;
}
ul.nav2 {
	padding: 0;
	margin: 0;
}
body#docID-team-member ul.nav2 {
	float: left;
	clear: both;
	margin-top: 15px;
}
ul.nav li {
	float: left;
	margin-right: 10px;	
	list-style: none;
}
ul.nav2 li {
	float: left;
	margin-right: 10px;	
	list-style: none;
	color: #999999;
}
ul.nav a, ul.nav a:link, ul.nav a:visited {color: #999999;}
ul.nav a:hover,ul.nav a:active {color: #d4d4d4 !important;} 
ul.nav li a.current, ul.nav li a.current:hover, ul.nav li a.current:active {color: #e83837!important;}
body ul.list li {
	clear: both;
	width: 100%;
}

/* main content area */

#main {
	margin: 65px 0 0 0;
	float: left;
}
div.box {
	padding: 0 15px 0 0;
	background: transparent;
}

/* default featured - used for both news and clients pages */

#featured {
	position: relative;
	border-bottom: 1px solid #606060;
	padding-bottom: 20px;
}
#featured .span-4 div {
	overflow: hidden;
	width: 278px;
	height: 275px;
}
#featured blockquote {
	color: #ffffff;
	font-size: 14px;
	margin: 0 35px 20px 0;
}
#featured label {color: #999999;}

/* slide */

ul.slide, ul.slide-auto {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
ul.slide li, ul.slide-auto li {
	list-style: none;
	overflow: hidden;
	margin-bottom: 100px;
}
div.slideNav {
	margin-top: 5px;
	font-size: 12px;
	position: absolute;
	z-index: 100;
}
div.slideNav a {
	color: #999999;
	padding: 4px;
}
div.slideNav a:hover, div.slideNav a:active {color: #ffffff}
#docID-projectPage div.slideNav {
	top: 650px;
 	position: absolute;
}
.span-10 ul.slide-auto, .span-10 ul.slide {
	width: 740px;
	height: 448px;
}
.span-4 ul.slide-auto, .span-10 ul.slide {
	width: 278px;
	height: 275px;
}

/* home page */

body#docID-home #main .span-2 {
	height: 448px;
	overflow: hidden;
}
body#docID-home #main .span-2 div {
	float: right;
	margin: 0 1px 14px 0;
	padding: 0;
	width: 140px;
	height: 140px;
	background: #3F3F3F;
	overflow: hidden;
}

/* practice > team > bio page */

h2.name {
	font-size: 32px;
	margin: 0;
	padding: 0;
}
p.miniBio {
	color: #999999;
	font-size: 12px;
}

/* practice > clients */
#docID-clients #featured {
	height: 275px;
	overflow: hidden;}
#docID-clients #featured  ul.slide, #docID-clients #featured  ul.slide li {height: 275px}	
#docID-clients #featured div.slideNav {
	bottom: 18px;
	left: 298px;
}
#docID-clients a.activeSlide:link,#docID-clients a.activeSlide:visited {color: #e83837;}

#client-list h2 {
	color: #ffffff;
	font-size:20px;
	margin: 10px 0 15px 0;
}
#client-list ul {
	padding: 0;
	margin: 0 0 10px 0;
} 
#client-list ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #999999;
}

/* projects > sub category */

#docID-projects #main .span-2 p {
	color: #999999;
	font-size: 11px;
	margin: 2px 1px 22px 1px;
}
#docID-projects #main .span-2 p a {color: #999999;}
#docID-projects #main .span-2 p a:hover {color: #d4d4d4;}

/* projects > project page */

#docID-projectPage #main .span-4 label {
	color: #999999;
	font-weight: normal;
	display: block;
	margin-bottom: 20px;
}
#docID-projectPage #main .span-8 ul.slide, #docID-projectPage #main .span-8 ul.slide li {
	height: 449px;
	width: 600px;
	overflow: hidden;
}
#docID-projectPage a.activeSlide:link,#docID-projectPage a.activeSlide:visited {color: #e83837;	/*color: #bedb39;*/}
#docID-projectPage p.readmore a {color: #e83837;/*color: #bedb39;*/}


/* three coloumn template */

#docID-culture ul.list, #docID-team-member ul.list {
	padding-bottom: 13px;
	clear: both;
	float: left;
	width: 100%;
} 
#docID-culture ul.list li.current a, #docID-team-member ul.list li.current a {color: #ffffff}

/* contact form */

#docID-contactForm form {margin-top: 10px}
#docID-contactForm div.errors strong {color: #e83837}
#docID-contactForm form input.text,#docID-contactForm form textarea {
	background: #5b5b5b;
	color: #ffffff;
	border: 1px solid #000000;
	width: 300px;
	clear: both;
	padding: 2px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#docID-contactForm form textarea {height: 150px}
#docID-contactForm p,#docID-contactForm div.errors {width: 300px}
#docID-contactForm form input.button {
	background: transparent;
	border: none;
	color: #ffffff;
	cursor: pointer;
	margin-left: 253px;
	font-size: 12px;	
}
#docID-contactForm div.formFooter {clear: both}

/* news style */

#docID-news .span-4 div {
	width: 75px;
	height: 75px;
	float: right;
	margin: 0 15px 0 0;
}
#docID-news #featured .span-4 div {
	height: 150px;
	width: 150px;
}

#docID-news p.readmore {margin: -1.2em 0 0 0;}
#docID-news p.readmore a {color: #999999;}
#docID-news #main #featured {margin-top: 0;}
#docID-news #main .span-12 {margin: 12px 0;}
#docID-news #main .span-12 h3 {
	padding: 0;
	margin: 0 0 0.3em 0;
	color: #e83837;
	/*color: #ffe11a;*/
	font-size: 12px;
	font-weight: bold;
}

/* default footer styles */

#footer {background: #3a3a3a;}
#footer .container ul li {
	color: #999999;
	margin: 8px 12px 0 0;
}

#footer .container .span-10 {float: left} 
#footer .container .span-2 {float: right}
#footer .container ul.span-2 li {
	margin-right: 0;
	float: right;
	}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}
body > #wrap {
	height: auto; 
	min-height: 100%;
}
#main {padding-bottom: 36px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -36px; /* negative value of footer height */
	height: 36px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */