/*
--=.._/(        Ektron Done Well.com GLOBAL STYLES      )\_..=--
    	  */


/*
ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .75em; 	= 9px
font-size: 0.835em; = 10px
font-size: .9175em; = 11px
font-size: 1em; 	= 12px
font-size: 1.085em; = 13px
font-size: 1.165em; = 14px
font-size: 1.25em;  = 15px
font-size: 1.335em; = 16px
font-size: 1.415em; = 17px
font-size: 1.5em;	= 18px
font-size: 1.585em; = 19px
font-size: 1.665em; = 20px
font-size: 1.75em; = 21px
font-size: 1.835em; = 22px
font-size: 1.915em; = 23px
font-size: 2em; = 24px

font colors:
	base body color: #333333;
		
link colors:
	main content a: #0000ff;
	main content hover: #999999;

*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

/* remember to define focus styles! */
:focus {outline: 0;}


body 					{ color:#414042;  font: 62.5%/1.335 Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6	{ font-weight: normal; margin: 0 0 .25em 0;}

h1	{ color:#fff; font-size: 3.5em; margin-top:35px; } 	
h2	{ color:#414042; font-size: 1.8em; }
h3	{ font-size: 1.415em; font-weight:bold; }
h4	{ color:#414042; font-size: 1.4em; } 	
h5	{ font-size: 1em; } 	
h6	{ font-size: .9175em; } 


p	{font-size: 1.4em; margin-bottom: 1em; }

input, textarea { border: 1px solid #242323; }
abbr,acronym	{ border-bottom: 1px dotted #999; cursor: help; }
ul, ol 	{ margin: 0 0 1em 1.5em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em;  }

hr {
	background-color:#e1c3b7; 
	border:0; 
	clear:both; 
	color:#e1c3b7; 
	height:1px;
	margin:20px 0;
}

/* temp for layout purposes*/
html {background:#691B0E;}
body 	{ background: url(../img/css/bg_body.gif) repeat-x 0 0; }

blockquote {margin-top:20px;text-align:center; width:50%;}

/* end temp for layout purposes*/



/*----------------------------------- Site Structure --------------------*/
#wrapper {
	margin: auto;
	position: relative;
    width: 960px;
}
#header {height: 112px; position:relative;}
#content {
	border: none;
	float: left;
	margin-bottom:20px;
	width: 960px;
}



/* two col, secondary on left   */

#primary {
	background:url(../img/css/bg_primary-bottom.png) no-repeat -5px 100%;
	display: inline;
	float: left;
    margin: 0 0 0 250px;
	padding-bottom:30px;
	width: 700px;
}
#secondary {
	background:url(../img/css/bg_secondary-bottom.png) no-repeat 0 100%;
	color:#414042;
	display: inline;
	float: left;
	margin:95px 0 0 -950px;
	padding-bottom:25px;
	width: 235px;
}

#footer {
	border-top: 1px solid #A65446; 
	clear: both; 
	color:#E0B19F; 
	font-size:1.1em;
	overflow: hidden;
	padding-top:15px; 
}
	*+html #footer {padding-bottom: 15px;}

/************************************************************************
 					HEADER
************************************************************************/
#header .action-feature { position:absolute; right:0; top:10px; text-align:right;}
/*#header .action-feature p span, #header .action-feature p a {float:right;}*/
#header  p.action-feature {color:#fff; float:right;}

/************************************************************************
 					PRIMARY
************************************************************************/
.interior #content-wrapper {background:url(../img/css/bg_primary-top.png) no-repeat -5px 0; padding:20px 0 0 0;}
.interior #content-inner {background:url(../img/css/bg_primary-body.png) repeat-y -5px 0; padding:0 20px 5px;}

#primary ul, #primary ol 	{ font-size:1.4em; margin-top:15px; }
#primary ul li {margin-bottom:25px;} 

/************************************************************************
 					SECONDARY
************************************************************************/
#secondary {background:url(../img/css/bg_secondary-bottom.png) no-repeat 0 100%; }
#secondary .inner {
	background:url(../img/css/bg_secondary-body.png) no-repeat 0 0;
	padding:15px 15px 0 15px;
}
#secondary h3 {font-size:1.7em; font-weight:bold;}
#secondary p {font-size:1.6em;}
#secondary ul {font-size:1.4em; margin-left:1em;}
#secondary ul li{margin-bottom:.5em;}

#secondary .left {margin:0 10px 0 0;}

#secondary a {color:#9d3428; font-weight:bold; text-decoration:none;}
#secondary a:hover {text-decoration:underline;}

/************************************************************************
 					FOOTER
************************************************************************/
#footer p {float:left;font-size:1.1em; width:300px;}
#footer a, #footer a:visited { color: #E0B19F;}

/************************************************************************
 					INTERIOR
************************************************************************/
.interior h1 { background:#9C3328;margin-left:20px;}

.interior #primary li h3{font-size:1em;}

/************************************************************************
 					HOME PAGE
************************************************************************/
.page-home h1 {background-image:none;color:#E0B19F; font-size:2.2em; font-weight:bold; margin-top:0; padding-bottom:0;} 
.page-home h2, .page-home #features h3, .page-home p {color:#fff;}

.page-home #primary {background-image:none;}

#intro {
	background: url(../img/css/ektron-home-page.gif) no-repeat 0 0;
	height:450px;
	margin-bottom:25px;
	padding:45px 0 0 225px;
	position:relative;
	width:470px;
}
	#intro a.button {font-size:1.2em;}
	#intro p.download, #intro p.download a {
		background:0;
		display:block;
		height:230px;
		text-indent:-9999em;
		width:210px;
	}
	#intro p.download {
		bottom:0;
		left:5px;
		position:absolute;
		text-indent:-9999em;
	}
	
#primary ul#features {font-size:1em;}
	#features a.button {font-size:1.2em;}

.page-home #secondary p {color:#414042;}

#intro .action-feature {  
	bottom:35px; 
	position:absolute; 
	left:235px; 
	width:200px;
}

* html .page-home #secondary {margin-left:-1000px;}

/************************************************************************
 					FEATURES
************************************************************************/
#features {margin:0 0 25px 0; width:750px;}
#features li {float:left; margin-right:20px;list-style:none; width:220px; }
* html #features li {margin-right:5px;}

#features li.last {margin-right:0;}

#features h3 {font-size:1.8em; margin-bottom:25px;}
#features h3, #features p {margin-left:5px;}

/*----------------------------------- Type, Links and Lists----------*/
a img{ border: none;}

a, a:visited		{ color: #9D3428 ;}
a:hover, a:focus 	{ color: #CF9781; }

a#brand {
    background: url(../img/css/ektron-well-done-logo.png) no-repeat 0 0;
	display: block;
	height: 180px;
	position:absolute;
	text-indent: -9999em;
	top:12px;
	width: 220px;
}

a.button, a.button:active, a.button:visited, button /*, a.button span*/ {
	background:url(../img/css/bg_button.png) no-repeat right -35px;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	/*font-size: .8em;*/
	height: 35px;
	line-height: 35px;
	padding:0 14px 0 0;
	text-decoration: none;
	width:auto !important;
}
* html a.button/*, * html a.button span */{line-height:140%;padding: 0 7px 0 0;}

button 				{ padding-right:11px; }
* html button 		{ padding-right:0; }
* html button span 	{ padding-right:0; }
*+html button		{ padding-right:15px; }
button { padding-right /*\**/: 13px\9; } /* ie8 */

a.button span, button span {
	background:url(../img/css/bg_button.png) no-repeat 0 0;
	display:inline-block; 	
	height:35px;
	padding:0 0 0  15px; 
	white-space:nowrap;
	width:auto !important;
}
button span 		{ background-position:0 -1px; padding-top:5px;}
* html button span 	{ background-position:0 0;margin-right:0px;padding-top:0; padding-right:2px; }
*+html button span 	{ background-position:0 -1px;margin-right:-14px;padding-top:0;padding-right:2px; }
button span			{ padding-top /*\**/: 0px\9; } /* ie8 */

a:hover.button, a:hover.button span, button:hover, button:hover span {background-position: right -105px;}
a:hover.button span, button:hover span {background-position: 0 -70px;}
button:hover span {background-position: 0 -71px;}
* html button:hover span {background-position: 0 -70px;}
*+html button:hover span {background-position: 0 -70px;}

.project-list{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.project-list li{
		overflow: hidden;
	}
	* html .project-list li{ zoom: 1;}
	.project-list img{
		float: left;
		margin-right: 1em
	}


/*---------------------------------- Navigation --------------------*/

ul#nav, ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav {
	/*left:240px;*/
	overflow:hidden;
	position:absolute;
	right:0;
	top:65px;
}
	#nav a, #nav li {
		color:#fff;
	    display: block;
		float: left;
		font-size:1.25em;
		font-weight:bold;
		padding: 0 2.2em 0 0;
		text-decoration: none;
		text-transform:uppercase;
		width: auto;
	}
	#nav a:hover {color:#dcb355;}
	#nav li.last a, #nav li.last {padding-right:0;}
	
.nav { float:right;font-size:1.1em;}
.nav a, .nav li {float:left;padding: 0 .5em 0 0;}
.nav li.last, .nav li.last a {padding-right:0;}

.page-who #nav a.nav-who, .page-services #nav a.nav-services, .page-work #nav a.nav-work, .page-kit #nav a.nav-kit {color:#dcb355;}

/*----------------------------------- Forms -------------------------*/
fieldset {background:#e9d5cc; padding:25px 20px 15px 10px;}
fieldset ul, fieldset ol {
    list-style-type: none;
	margin: 0;
}
* html #primary fieldset ol.right{
	float: right;
	width: 50%;
}
*+html #primary fieldset ol.right{
	float: right;
	width: 50%;
}
fieldset ol.left {margin-top:0;	}
fieldset li {
    margin-bottom: 1em;
}
input, select, textarea, label {
	border:0;
    display: inline;
	padding: 3px 10px;
	width: 175px;
}
label {
	float:left;
	font-weight:bold;
	margin-right:10px;
	padding:0;
	text-align:right;
	width:100px;
}
input {color:#666;}
#wrapper input[type=hidden] {
    border: none;
}
button {
	clear:both;
    cursor: pointer;
	float:right;
	font-size:1.6em;
}


/*----------------------------------- Randoms/dev utility styles ---*/

/* 
	needed to hide the loading graphic when pulling Ektron content blocks 
	See: http://dev.ektron.com/kb_article.aspx?id=25352&terms=ektronajaxloading
*/

.EktronAjaxLoading { display: none; }
input[type=hidden]{display: none;}

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.column {
    float: left;
	width: 45%;
	margin-right: 2%;
}

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
.error, .red 	{ color: red; }


/* there's always a better way than using these. */
.hide			{ display: none; }
.left 			{ float: left; margin: 20px 20px 20px 0; }
* html .left 	{ margin-right: 0; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }

.action-feature { font-size:1.2em;}
.action-feature .button {font-size:1.4em;}
#intro .action-feature p {font-size:1.1em; margin-bottom:0;}

/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .group {height: 1%;}
*:first-child+html .group {min-height: 1px;}