@charset "UTF-8";
/* CSS Document */

/* base */
body {
	margin: 0; padding: 0;
	font: 80%/140% "Lucida Sans", Arial, sans-serif;
	background: url(../images/ui/bg-body.png) 0 0 repeat;
	}
	
/* typographic */
p,h1,h2,h3,h4,h5,h6,ol,ul,dl { margin: .75em 0 .5em 0; font-weight: normal; }	
h1,h2,h3,h4,h5,h6 { line-height: 1.15em; }
p { line-height: 180%; font-size: .95em; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: .8em; font-weight: bold; }
a:link, a:visited { text-decoration: none; color: #abc85c; outline: none; }
a:hover, a:active { text-decoration: underline; }
a img { border: none; }
#maintext p { clear: both; }
#maintext p img { float: left; margin: 0 1em 1.5em 0; }
#header h1 { margin: 0; text-indent: -9999px; background: black url(../images/riach-architects-logo.png) 0 0 no-repeat; width: 416px; height: 96px; float: left; }
#header h1 a { display: block; width: 415px; height: 96px; } 
#nav { list-style: none; margin: 0; padding: 0; float: right; width: 513px; height: 96px; font-size: .9em; background: white; }
#nav li { float: left; width: 170px; display: block; height: 23px; border-bottom: 1px solid white; border-left: 1px solid white; }
#nav a { display: block; float: left; padding: 3px 5px 0 8px; width: 157px; height: 21px; }
#nav a:link, #nav a:visited { color: #333; }
#nav li a:hover, #nav li a:active { background: #eaf1d6; text-decoration: none; }
#nav li.active a:link, #nav li.active a:visited { background: #abc85c; }
#nav li.active a:hover, #nav li.active a:active { background: #abc85c; }
#content #main { color: #ddd; }
#sectionname { background: black; padding: 1.2em 25px; color: #7e8e53; text-align: right; font-size: 1.4em; }
#subnav ul { list-style: none; margin: 0; padding: 0; }
#subnav li { margin: 0 0 5px 0; padding: 0; height: 60px; }
#subnav li a:link, #subnav li a:visited { filter:alpha(opacity=60); opacity:0.6; }
#subnav li.active a:link, #subnav li.active a:visited, #subnav li a:hover, #subnav li a:active { filter:alpha(opacity=100); opacity:1; }
	
/* structural */
#wrapper {
	margin: 0 auto;
	width: 968px;
	}
#page {	background: url(../images/ui/bg-page.png) 0 0  repeat-y; padding: 0 9px 0 9px; }
#pagecap { background: black; height: 20px; border-left: 21px solid white; border-right: 21px solid white; }
#pagefoot { background: url(../images/ui/bg-page-foot.png) 0 0 no-repeat; height: 30px; }
#pagetop { background: url(../images/ui/bg-page-cap.png) 0 0 no-repeat; height: 30px; margin-top: 20px; }
#header { background: black; border-top: 1px solid white; border-bottom: 1px solid white; margin: 0 21px 0 0; }
#content { background: black; margin: 0 21px 0 21px; min-height: 200px; }
#sub { float: left; width: 395px; }
#main { float: right; width: 513px; }
#maintext { padding: 30px 50px; }
body#section #maintext { width: 343px; float: left; background: black; }
#subnav { float: right; width: 60px; padding: 0 5px; background: black; overflow: hidden; }

/* CSS layout */
.clear { clear: both; }
.clearfix:after
{
	display:block;
	content:'.';
	visibility:hidden;
	clear:both;
	height:0;
}

.clearfix {display : inline-block;}

/* Hides from IE-mac \*/
.clearfix {display : block;}
/* End hide from IE-mac */