/**************
* hda.css ~ holbrookarchitecture.com cascading style sheet © 2007 galacticagent.com 
**************

/********** COLORS OF NOTE USED IN SITE **********

*		*** CUSTOM CLIENT COLORS (please help maintain client branding by using only specified colors)
*	
*	#8c7f58; /*-- hda brown R: G: B:  --*
*	#5e6c8d; /*-- hda blue R: G: B:  --*
*	#DD5417; /*-- hda orange R:221 G:84 B:23 --*
*
*
*		*** GENRAL HEX COLORS ***
*
*	#000000; /*-- black R:0 G:0 B:0  --*
*	#1C1C1C; /*-- 90% gray R:28 G:28 B:28 --*
*	#363636; /*-- 80% gray R:54 G:54 B:54 --*
*	#4F4F4F; /*-- 70% gray R:79 G:79 B:79 --*
*	#828282; /*-- 50% gray R:130 G:130 B:130 --*
*	#B5B5B5; /*-- 30% gray R:181 G:181 B:181 --*
*	#CFCFCF; /*-- 20% gray R:207 G:207 B:207 --*
*	#E8E8E8; /*-- 10% gray R:232 G:232 B:232 --*
*	#FFFFFF; /*-- white R:255 G:255 B:255  --*
*	#B1515D; /*-- link red --*

************************************************************
********** FONT REF FOR SITE *******************************
*
*	Verdana, Arial, Helvetica, sans-serif;
*	Georgia, Times New Roman, Times, Courier, serif;
*
************************************************************/

/*-- MAIN CSS CONTROL DOCUMENT--*/

/*
 * Reset everything to zero
 */

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;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset */



/*-- STANDARD ELEMENTS --*/
body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#5e6c8d; /*-- hda blue --*/
	}

h1, h2, h3, h4, h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-variant:small-caps;
		font-style:normal;
		line-height: normal;
		font-weight:bold;
		color:#8c7f58; /* hda brown */
		margin:10px 20px;
		}
h1 {
	font-size:16px;
	}

h2 {
	font-size:14px;
	}

p {
	margin:5px 0 5px 0;
	}

a img {
	border: 0;
	}


/* MAIN CONTAINER */
#main {
	min-width:960px;
	max-width:1024px;
	text-align:center;
	margin:25px 0;
	margin-left:auto;
	margin-right:auto;
	}
/***********************************************************
************************************************************
*					NAVIGATION SECTION
*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/	

/****************** START MAIN NAV SETUP *******************/
#nav {
	width:450px;
	background-color:#fff;
	margin:-60px 100px 0 350px;
	padding:10px 0 10px 0;
	z-index:100;
	}
#nav ul li {
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0 0px 50px;
	}

#nav a {
	font:small-caps 13px Verdana, Arial, Helvetica, sans-serif;
	color:#8c7f58; /*-- hda brown --*/
	text-decoration:none;
	font-weight:bold;
	margin:0px 0 0px 2px;
	}
#nav a:hover, a:active {font-weight:normal;color:#DD5417; /*-- hda orange R:221 G:84 B:23 --*/}

#nav a.uber {font-weight:normal;color:#DD5417;}

/****************** END MAIN NAV SETUP **********************/
/* HEADER CONTENT */
#header {
/*	width:960px; */
	height:150px;
	text-align:left;
/*	background:url(images/logo.gif) no-repeat -3% 10%;	*/
	margin-left:20px;
	z-index:50;
	}		
	#header h1 {
		float:right;
		font-size:12px;
		color:#828282; /*-- 50% gray R:130 G:130 B:130 --*/
		text-align:center;
		margin:130px 25px 5px 10px;
		}
	#header p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#828282; /*-- 50% gray R:130 G:130 B:130 --*/
		text-align:center;
		margin:0;
		padding:5px 10px;
		}
	#header img {}
		
	/*-- secondary navigation links --*/
	a.nav2:link,
	a.nav2:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#828282; /*-- 50% gray R:130 G:130 B:130 --*/
		font-weight: bold;
		text-decoration:underline;
		}

	a.nav2:hover,
	a.nav2:active{
		text-decoration:none;
		}
	

	/*-- outside links --*/
	a.outside {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color:#8c7f58; /*-- hda brown R: G: B:  --*/
		font-weight:normal;
		text-decoration:none;
		}

	a.outside:hover,
	a.outside:active {
		text-decoration:none;
		color:#DD5417; /*-- hda orange R:221 G:84 B:23 --*/
		}


	/*-- text links --*/
	a.text {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#4F4F4F; /*-- 70% grey --*/
		text-decoration: none;
		}

	a.text:hover,
	a.text:active {
		font-size: 12px;
		color:#4F4F4F; /*-- 70% grey --*/
		font-weight: normal;
		text-decoration: none;
		}


/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*
*					END NAVIGATION SECTION
************************************************************/
#strip {
	width:100%;
	height:150px;
	background:transparent url(images/bg_strip2.gif) no-repeat 50% 0%;
	text-align:center;
	margin:0;
	margin-top:20px;
	padding-top:20px;
	padding-left:10px;
	}
	#strip img {width:100px;height:100px;margin:0 5px;}
	#strip div {text-align:center;margin-left:30px;}
	#strip table {text-align:center;}
	
#stripProj {width:960px;height:150px;margin:30px 0 0 60px;}
	#stripProj ul li {display:inline;float:left;}
	#stripProj img {height:120px;margin:auto 5px;}
	
#stripProcess {/*width:920px;*/height:220px;margin:10px auto;}
	#stripProcess img {width:300px;margin:10px;border:1px solid #5e6c8d; /* hda blue */}
	
#content {
	min-width:960px;
	max-width:1024px;
	min-height:500px;
	text-align:center;
	margin:0px;
	margin-left:20px;
	background:#fff url(images/bg_content.gif) no-repeat 10% 90%; 
	}
	#content p {font:12px Verdana, Arial, Helvetica, sans-serif;text-align:left;line-height:22px;}
	#content h3 {font:small-caps 14px Verdana, Arial, Helvetica, sans-serif;color:#5e6c8d;margin:20px 10px -5px 0px;}
	#content h2 {font-weight:normal;color:#5e6c8d;margin:20px 10px 10px 0px;}


#content p.mainCopy {margin:20px 300px 10px 50px;}
	
/*-- PROJECT LANDING QUICK VIEW AREAS --*/
div.content {
	display:inline;
	float:left;
	width:300px;
	margin:10px;
	}
	#content div.content img {width:100px;float:left;margin-right:30px;}
	#content div.content span {font:small-caps 14px Verdana, Arial, Helvetica, sans-serif;color:#5e6c8d;margin-bottom:3px;}
	#content div.content p {display:inline;float:left;width:300px;font-style:normal;}	
	a.text {float:left;font:small-caps 12px Verdana, Arial, Helvetica, sans-serif;margin:-85px 0 0 120px;}
		a.text:hover, a.text:active {font-weight:bold;}

/*-- PROJECT PAGES --*/
div.project {
	display:inline;
	float:left;
	text-align:left;
	min-width:250px;
	}
	#content .project h2 {margin-bottom:10px;}
	#content .project p {width:380px;vertical-align:top;}
	#content .project img {margin:20px 20px 100px 50px;/*max-width:500px;max-height:400px;*/}

div#projNav {
	float:left;
	width:50px;
	font:small-caps 10px Verdana, Arial, Helvetica, sans-serif;
	margin:50px 0;
	}
	#projNav li {margin:10px 0;border-bottom:0px solid #8c7f58;}
/*** TURN OFF PROJ NAV ***/
div#projNav {display:none;}

span.process {display:inline;float:left;width:300px;margin-top:30px;}
	span.process img {width:250px;}
	span.process h1 {margin:5px 5px 5px 20px;}
	p.process  {margin:0 60px 20px 20px;padding:0;}

div#analyze {display:inline;float:right;}
div#visualize {float:left;}
div#realize {float:left;}

/*** ABOUT US PAGES ***/
div.aboutLink {margin-left:30px;}
p.aboutLink {display:inline;float:left;margin:-5px 100px 10px 20px;}
	p.aboutLink:first-child {margin-left: 40px;}
	a.aboutLink {color:#8c7f58; /*-- hda brown --*/font-weight:normal;}
	a:hover.aboutLink, a:active.aboutLink {font-weight:bold;} 
	
div.about {margin:20px 0 0 30px;text-align:left;}
h1.about {margin:50px 0 0 10px;}
p.about {width:500px;margin:20px 0 10px 10px;}
img.about {float:right;width:300px;margin:-105px 30px 20px 0;}

p.profile {float:right;}
img.profile {height:300px;margin:-280px 70px 20px 0;}

img.map {width:500px;float:right;margin-top:-170px;margin-right:70px;}



/* RIGHT CONTENT */
#right {
	float:right;
  	width: 190px;
	margin-right:30px;
	padding:5px;
	border-left:0px solid #8c7f58 ; /*-- hda brown --*/
}

#right h1 {margin:12px;}	
	
#right p {font-size:10px;color:#8c7f58;/*-- hda brown --*/line-height:20px;margin:10px;}

#right img {max-width:150px;margin:10px;}

#right a {color:#61AC37;}

/* FOOTER CONTENT */	
#footer {
  	clear: both;
	width:960px;
	font-size:9px;
	text-align:center;
	border-top:1px solid #8c7f58;/*-- hda brown --*/ 
	margin:0;
	}
	#footer p {
		display:block;
		float:left;
		border:1px solid #8c7f58;/*-- hda brown --*/ 
		padding:5px 45px;
		color:#8c7f58;/*-- hda brown --*/ 
		}
	#footer p:first-child {margin-left:80px;}
	#footer a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color:#8c7f58; /*-- hda brown R: G: B:  --*/
		font-weight:normal;
		text-decoration:none;
		}

	#footer a:hover,
	#footer a:active {
		text-decoration:none;
		color:#DD5417; /*-- hda orange R:221 G:84 B:23 --*/
		}

/* FORMS */

form label {
	display:block;
	float:left;
	width:75px;
	text-align:right;
}


/* EMAIL SUBMITTAL FORM */
	.email {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color:#4F4F4F; /*-- 70% grey --*/
		}

	 input.email {
		width:125px;
		height:13px;
		color:#4F4F4F; /*-- 70% grey --*/
		border:1px solid #5f3C11; /*-- bfm brown R: G: B:  --*/
		background-color:#E8E8E8; /*-- 10% gray R:232 G:232 B:232 --*/
		margin:0 0 3px 0;
		padding-left:2px;
		z-index:55;
		}
		
	.emailsubmit {
		width:40px;
		height:18px;
		font-size:10px;
		color:#fff;
		border:1px solid #fff;
		background-color:#5f3C11; /*-- bfm brown R: G: B:  --*/
		margin:3px;
		padding:0px 0 3px 0;
		}