/* Default CSS for Colorado Structures, Inc., Colorado Springs -------------------- */
/* Designer: Dave Kolb, dave@hightouchweb.com --------------------- */
/* Online Business Development: HighTouch Productions, WWW.HIGHTOUCHWEB.COM -------- */

/* BEGIN DEFAULT ============================================ */

body {
	margin: 0;
	margin-top: 24px;
	background: #402e15 url(/css/bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
}

a:link, a:visited {
	color: #996600;	
	text-decoration: underline;
	font-weight: normal;
}

a:active, a:hover {
	color: #666633;	
	text-decoration: none;
	font-weight: normal;	
}

ul, li {
	line-height: 1.25;
}

hr {
	border: 0;
	margin: 0, auto;
	width: 100%;
	height: 1px;
	color: #ffedd7;
	border-bottom: #baa88e dotted 1px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.5;
	color: #7c7449;
	margin: 7px 0 8px 0;
	padding: 12px 0 0 0;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #7c7449;
	line-height: 1.5;	 
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 7px 0 8px 0;
	padding: 12px 0 0 0;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #573a1a; 
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 12px 0 0 0;
}

h4 {
	color: #baa88e;	
	font-size: 14px;
	font-weight: bold;
     margin: 8px 0 0 0;
     padding: 4px 0 0 0;
}

/* PAGE LAYOUT ============================================ */

#wrapper { 
	margin: 0 auto;
 	width: 908px;
	background: #ffedd7 url(/css/bgw.gif) repeat-y;
}

#header {
	margin: 0 auto;
	width: 908px;
	height: 146px;
	background: url(/css/bgh.gif) no-repeat;
}

#hero {
	margin: 0 auto;
	width: 900px;
}

#navigation {
	margin: 0 auto;
	width: 865px;
	padding-left: 35px;
	height: 60px;
	background: #ffedd7 url(/css/bgn.gif) no-repeat;
	font-size: 12px;
	color: #aaa27b; 
	white-space: nowrap;
}

#content { 
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;	
	line-height: 18px;
	width: 800px;
	min-height: 170px;
	background: #ffedd7;
	padding: 20px 50px 30px 50px;
}

#footer-cap {
	margin: 0 auto;
	width: 908px;
	height: 124px;
	background: url(/css/bgf.gif) no-repeat;
}

#footer {
	margin: 0 auto; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c7d61;
	text-align: center;
	width: 900px;
	background: #402e15;
	padding: 15px 0 10px 0;	
}

#footer a {
	color: #ebdbc2;
	text-decoration: underline;
	background: none;
}

#footer a:hover {
	color: #fafafa;
	text-decoration: none;
}	

/* TABLE CLASSES ================================================ */

#cell-testimony {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #726a41;
	font-size: 17px;
	line-height: 1.5;
	font-style: italic;
	padding-right: 50px;
	vertical-align: top;
	border-right: #baa88e dotted 1px;
}

#cell-reference {
	padding-left: 50px;
	vertical-align: top;
}	

#cell-contact {
	font-size: 15px;
	padding: 0 50px 0 0;
	vertical-align: top;
	border-right: #baa88e dotted 1px;
}

#cell-form {
	padding: 15px 0 0 25px;
	vertical-align: top;
}	

#cell-location {
	font-size: 15px;
	padding-right: 50px;
	vertical-align: top;
	border-right: #baa88e dotted 1px;
}

#cell-gmap {
	padding-left: 25px;
	vertical-align: top;
}	

/* NAVIGATION ========================================================= */

.menu {
	height: 60px;
	padding: 23px 16px 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #baa88e;
	font-weight: normal;
	text-decoration: none;	
	white-space: nowrap;
}

.menu-hover-nohand {
	height: 60px;
	padding: 23px 16px 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background: url(/css/nav_on.gif) repeat-x;
	cursor: text;	
	white-space: nowrap;
}

.menu-hover {
	height: 60px;
	padding: 23px 16px 0 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background: url(/css/nav_on.gif) repeat-x;
	cursor: pointer;	
	white-space: nowrap;
}

.menu-select {
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 23px 16px 0 16px;
	color: #ffffff;
	font-weight: normal;	
	text-decoration: none;
	background: url(/css/nav_on.gif) repeat-x;
	white-space: nowrap;	
}

.pipe {
	cursor: text;
} 

.sub-title {
	color: #000;
	font-family: Arial;
	padding: 0 6px 0 0;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.sub-select {
	font-family: Arial;
	padding: 0 3px 0 3px;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #666633;	
}

.sub-pipe {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #baa88e;
	padding: 0 2px 1px 2px;
}

.sub-top {
	padding: 0 0 15px 0;
	margin-top: 10px;
	border-bottom: #baa88e dotted 1px;
}

.sub-bottom {
	padding: 15px 0 30px 0;
	margin-top: 20px;
	border-top: #baa88e dotted 1px;
}

.foot-pipe {
	padding: 0 5px 0 5px;
}

/* SPECIAL CLASSES ================================================ */

.container-home {
	margin-top: 20px;
	background: url(/css/bghome.jpg) no-repeat;
	width: 800px;
	height: 335px;
}

.content-home {
	padding-right: 270px;
	font-size: 13px;
	color: #333;
}	

.logo {
	margin: 30px 0 30px 35px;
	border: 0;
}

.banner {
	padding: 0 0 10px 0;
	text-align: justify;
	margin: 20px 0 10px 0;
	border-bottom: #baa88e dotted 1px;
}	

.citation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #948d67;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a7755;
	font-weight: bold;
	margin-top: 8px;
	padding-top: 8px;
}

.credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a7755;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
}

.inset {
	background: #fff;
	padding: 10px;
	border: #ebdbc2 solid 1px;
	margin: 7px 0 7px 20px;
	float: right;
}	

.gmap {
	border: 10px solid #ebdbc2;
	margin: 0 0 10px 15px;
	float: right;
}	

.highlight {
	color: #663300;
	font-size: 14px;
	font-weight: bold;
}

.italics {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}	

.req {
	font-size: 14px;
	font-weight: bold;
}	

.credits {
	font-size: 11px;
	text-align: center;
}

.credits a {
	color: #5a3e1e;
}

/* END DEFAULT CSS ======================================== */