/********* Copyright 2006 (C) Walsh Design Inc. | Seattle, WA ************/

	*{padding:0; margin:0;}
	html {
		min-height: 90%;
		margin-bottom: 50px;
	}
	body 
	{
		font-size: 75%;
		line-height: 100%;
		font-family: "Tahoma", "Lucida Sans Unicode", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
		color: #000;
		text-align: left;
		background: #EDD29E url(/assets/img/bg_body.gif) center top fixed;
		behavior: url(/assets/src/csshover.htc);
	}
	a:link, a:visited
	{
		color: #A65223;
		text-decoration: none;
		padding-bottom: 2px;
	}

	a:hover
	{
		color: #1D4078;
		text-decoration: none;
	}
	#content a {
		border-bottom: 1px dotted #A65223;
	}
	a:active
	{
		border: 0; 
		color: #CC6714;
		text-decoration: none;		
	}
	img
	{
		border: 0px solid #ccc; 
		margin: 0; 
		padding: 0;
	}


	p {
		padding-bottom: 10px;
	}
/********* LINEAR NAVIGATION ************/
	/* see home.css and sub.css also*/
	#navlinear {
		padding: 0;
		margin: 0 0 0 6px;
	}
	#navlinear p{
		text-align: center;
		color: #90A3B1;
		padding-top: 3px;
		font-variant: small-caps; 
	}
	.prev {
		float:left;
		margin-top: 3px;
	}
	.prev a {
		display: block;
		float:left;
		width:45px;
		height:10px;
		background: url(/assets/img/bg_prev.gif) 0 0 no-repeat;
	}
	.prev a:hover {
		background: url(/assets/img/bg_prev.gif) 0 -11px no-repeat;		
	}
	.next {
		float: right;
		margin-top: 3px;
		padding-right: 18px;
		line-height: 1em;
	}
	.next a {
		display: block;
		width:45px;
		height: 10px;
		background: url(/assets/img/bg_next.gif) 0 0 no-repeat;
	}
	.next a:hover {
		background: url(/assets/img/bg_next.gif) 0 -11px no-repeat;
	}
/********* SITE NAVIGATION ************/
	#nav {
		background: url(/assets/img/bg_nav.gif) repeat-y;
		width: 233px;
   }

 	#nav-bottom {
		background: url(/assets/img/bg_nav_bottom.gif) no-repeat bottom right;
		padding-bottom: 30px;
		padding-left: 10px;
	}
	#nav-bottom ul {
			list-style-type: none;			
			width: 185px;
			padding-left: 25px;
			padding-bottom: 10px;
			color:#394F58;
		}

	#nav-bottom li {
		list-style-type: circle;
		padding: 0px;
		margin: 0;
	}
	#nav-bottom li a {
		display: block;
		height: 15px;
		font-size: 1em;
		font-variant: small-caps;
		text-decoration: none;
		padding: 2px 2px 2px 8px;
		margin: 0;
		}
	#nav-bottom li a:hover {
		padding: 2px 2px 2px 8px;
		color: #fff;
		}
	#nav-bottom a:active
	{
		border: 0; 
		color: #EDD29E;
		text-decoration: none;		
	}

/********* NAVIGATION IMAGE BGS ************/
	#nav-bottom .nav_contact a {
		background: url(/assets/img/bg_nav_contact.gif) right top no-repeat;
		color:#90A3B1;
	}
	#nav-bottom .nav_about a {
		background:  url(/assets/img/bg_nav_about.gif) right top no-repeat;
		color:#90A3B1;
	}
	#nav-bottom .nav_project a {
		background:  url(/assets/img/bg_nav_project.gif) right top no-repeat;
		color:#90A3B1;
	}
	#nav-bottom .nav_service a {
		background: url(/assets/img/bg_nav_service.gif) right top no-repeat;
		color:#90A3B1;
	}
	#nav-bottom .nav_approach a {
		background:  url(/assets/img/bg_nav_approach.gif) right top no-repeat;
		color:#90A3B1;
	}
	#nav-bottom .nav_who a {
		background:  url(/assets/img/bg_nav_who.gif) right top no-repeat;
		color:#90A3B1;
	}
	#nav-bottom .nav_home a {
		background: url(/assets/img/bg_nav_home.gif) right top no-repeat;
		color:#90A3B1;
	}

/*********** CONTAINERS AND SITE LAYOUT ****************/
	#body-liner {
		width: 100%;
		padding-top: 50px;
		background: url(/assets/img/ruler.gif) repeat-x top left;
	}
	#container {
		background: url(/assets/img/bg_container.gif) repeat-y;
		width: 723px;
		margin: 0 auto 0 auto;
		padding:0;
		min-height: 500px;
		/*min-height in IE fix */
		height:expression(document.body.clientHeight < 500? "500px": "auto" );
	}
	#header {
		background: url(/assets/img/bg_header.jpg) no-repeat;
		height: 82px;
		padding: 40px 24px 0 0;
	}
	#col1 {
		vertical-align: top;
		width: 233px;
		padding: 0;
		margin: 0;
	}
	#col2 {
		vertical-align: top;
	}
	#flash_header {
		width: 484px;
		margin: 0;
		padding: 0;
		border: none;
		background: #B2B2B2;
	}
	#header img {
		margin-top: 16px;
	}
	#header p {
		margin-left: 50px;
		line-height: 1.5em;
		color: #3B5C7E;
		font-style: italic;
	}

	.sidebar-container {
		margin: 30px 0px 0px 20px;
	}
	.sidebar-container img {
		border: 1px solid #F3D49D;
		padding: 2px;
		margin: 5px 0 5px 0;
	}
	.sidebar-container img:hover {
		border: 1px solid #A65223;
	}
/*********** CONTENT BOX ****************/
	#content-liner {
		margin: 0 6px 0 0;
		padding: 0;
		background: url(/assets/img/bg_content_liner.gif) repeat-x;
	} 
	#content {
		padding: 10px 30px 20px 20px;
		line-height: 1.5em;
	}
	img.style1 {
		border: 1px solid #ccc;
		padding: 2px;
		margin: 5px;
		background: #fff;
	}


/********* PROJECT PAGE STYLES ************/
	.project-thumb {
		float: left; 
		padding:0 5px 0 5px; 
		width: 100px;
		height: 220px;
		
	}
	.project-thumb img {
		border: 1px solid #ccc;
		padding: 2px;
	}
	.project-thumb img:hover {
		border: 1px solid #1D4078;
	}
	.project-thumb a:link {
		border: none;
	}
	.fea_project {
	border: 1px solid #ccc; 
	padding: 10px;
		background: #EBEFDC url(/assets/img/bg_fea_project.jpg) bottom center no-repeat;
	}
	.fea_float {
		float: right; 
		width: 100px; 
		text-align: center;
	}
	.fea_float img {
		border: 1px solid #ccc;
		padding: 2px;
		margin: 5px;
		background: #fff;
	}
	.fea_float img:hover {
		border: 1px solid #1D4078;
	}

	.sidehead {
	font-weight: bold;
	padding: 0 5px 0 5px;
	text-align: right;
	vertical-align: top;
}

/********* QUOTES AND TESTIMONIAL PAGE ************/

	#quote {
	margin: 15px 0px 0px 20px;
	width: 207px;
	background: url(/assets/img/bg_quote.gif) repeat-y;
	}
	#quotetop {
	background: url(/assets/img/bg_quotetop.gif) top left no-repeat;
	}
	#quotebottom {
	font-family: georgia, palatino, garamond, serif;
	background: url(/assets/img/bg_quotebottom.gif) bottom left no-repeat;
	padding: 15px 20px 25px 15px;
	font-style: italic;
	color: #888;
	line-height: 1.7em;
	}
	.author {
		width: 120px;
		padding-top: 10px;
		padding-right: 7px;
		padding-bottom: 10px;
		color: #999;
		line-height: 1.2em;
		text-align: left;
		float: right;
	}
	.author b {
		color: #666;
	}
	.viewall {
		margin: 10px 0 0 20px;
	}
	.quote-page {
	font-family: georgia, palatino, garamond, serif;
	font-style: italic;
	color: #888;
	font-size: 1em;
	line-height: 1.7em;
	padding-bottom: 25px;
	}
	.bubble01 {
		margin: 0;
		background: url(/assets/img/bg_bubble01.gif) repeat-y;
	}
	.bubble01 .top {
		background: url(/assets/img/bg_bubbletop01.gif) no-repeat top left;
	}
	.bubble01 .bottom {
		background: url(/assets/img/bg_bubblebottom01.gif) no-repeat bottom left;
	padding: 10px 20px 0 15px;
	}
	.bubble02 {
		margin: 0;
		background: url(/assets/img/bg_bubble02.gif) repeat-y;
	}
	.bubble02 .top {
		background: url(/assets/img/bg_bubbletop02.gif) no-repeat top left;
	}
	.bubble02 .bottom {
		background: url(/assets/img/bg_bubblebottom02.gif) no-repeat bottom left;
	padding: 10px 20px 0 15px;
	}

	.author-page {
		padding-top: 10px;
		padding-right: 7px;
		padding-bottom: 10px;
		padding-left: 15px;
		color: #999;
		line-height: 1.3em;
		text-align: left;
	}
	.author-page b{
		color: #666;

	}

	.notebox {
	line-height: 1.4em; 
	float:right; 
	padding: 10px; 
	margin-left: 10px; 
	background: #F1E5D4; 
	border: 1px solid #CF924F;
}
/********* FOOTER NAVIGATION ************/
	#footer {
	margin: 0px 0 0 0;
	color: #A0A0A0;
	text-align: center;
	padding: 20px 0 0px 0;
	font-size: .9em;
}
	#footer ul {
		background: url(/assets/img/bg_p_footer.jpg) no-repeat left center;
		margin: 0 20px 10px 10px;
		padding: 5px;
	}
	#footer li {
		display: inline;
		padding: 5px 7px 5px 7px;
		font-size: 1em;
		background: url(../img/footer_bullet.gif) no-repeat;
	}
	#footer a {
		border: 0;
		color: #ddd;
	}
	#footer a:hover {
		color: #fff;
		
	}

		
/*********** COPYRIGHT ******/
		
	.copyright {
		margin: 10px 0 0 0;
		color: #9D9D9D;
		text-align: center;
		font-size: .85em;
		padding: 20px 0 0px 0;
	}
	.copyright p {
		background: url(/assets/img/bg_p_footer.jpg) no-repeat left center;
		margin: 0 10px 10px 20px;
		padding: 5px;
		color: #ccc;
	}
	.copyright a{
		color: #9D9D9D;
	}
	.copyright a:hover{
		color: #DD892F;
	}
	
/********** TYPE FORMATS ***********/
ul {
	padding-bottom: 15px;
	padding-left: 15px;
}
#content li {
	list-style-type: none;
	padding: 12px 10px 0 20px;
	background: url(/assets/img/li_arrow_blue.gif) no-repeat top left;
}
h1 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Helvetica", "Arial", sans-serif;
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	color: #CF924F;
	margin: 0px 0px 15px 0px;
}

h2 {
	font-family: "Georgia", "Lucida Sans Unicode", "Helvetica", "Arial", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	font-variant: small-caps;
	font-style: none;
	color: #CF924F;
	margin: 10px 0px 5px 0px;
	padding: 0 0 0 0px;
}

h3 {
	font-family: "Trebuchet MS", "Century Gothic", "Helvetica", "Arial", sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
	color: #666;
	margin: 5px 0px 5px 0px;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #ccc;

}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #383838;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
}

h5 {
	font-size: 1.1em;
	color: #1D4078;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-weight: bold;
	padding: 5px 0px 8px 0px;
	margin: 0;
}

h6 {
	font-size: 1.1em;
	color: #3A3A3A;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-weight: bold;
	padding: 65px 0px 0px 0px;
	margin: 0;
}



.float-l{
	float: left;
	padding: 8px 8px 0px 0px;
}
.float-r{
	float: right;
}
.clear{
	clear: both;
}

.highlight1 {
	color:#1D4078;
	font-style: italic;
	text-decoration: none;
}
/********** FORM STYLE ***********/

form { 
	margin: 0;
}

label {
	display: none;
}

input.t, input.tr, textarea, select, .file {
	background-color: white;
	border: 1px solid #DDD;
	font-size: 1.1em;
	color: #818273;
	margin-bottom: 0.3em;
	padding: 1px 3px 0px 3px;
	border-left: 3px solid #DDDDDD;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
input.t:focus, textarea:focus, select:focus, .file:focus {
	background-color: #fff;
	border-left: 3px solid #DD892F;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	width: 80%;
	color: #444;
}

input.t, input.tr {
	height: 1.6em;
}

input.tr, textarea.tr {
	border-left: 3px solid #1D4078;
	
}

input.tr:focus, textarea.tr:focus {
	border-left: 3px solid #DD892F;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	background-color: #fff;
	color: #444;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

select, select:focus {
	height: 1.6em;
	padding: 0;
	border: none;
	
}


	
/********** SPECIAL CASE MISC ***********/

	.quote {
		width: 140px;
		padding: 15px;
		font-family: "Palatino", Georgia, Goudy, Serif;
		text-align: center;
		font-size: .9em;
		font-style: italic;
		line-height: 2.5em;
		color: #DD892F;
		float: left;
	}

	.texture-box {
	padding: 10px; 	
	background: url(../img/text_bg.gif);
	border: 1px solid #DDD;
	line-height: 1.3em;
}

	.red {
	color: #DD892F;
}






















/********** sIFR SPECIAL FLASH TYPE STYLE *****************************************************************************************/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
/*.sIFR-hasFlash .contentpagetitle {
	visibility: hidden;
}