@charset "utf-8";
/* CSS Document for R.L. Mays Construction, Inc. - Styles */

* {margin:0; padding:0;}
body {font:0.8125em Trebuchet, Tahoma, sans-serif; line-height:1; color:#636056; background:#042656;}

a {font-weight:bold; text-decoration:underline;}
a img {border:none;}
a:link, a:visited {color:#636056;}
html body a:hover {color:#636056;}

#container {width:960px; margin:20px auto 0 auto; background:#ebebd9 url(../images/wrapper.gif) repeat-y left top;}

/* Masthead */
#masthead {float:left; width:960px; height:85px; background:url(../images/header/header-bkgd.gif) no-repeat left top;}

	/* Navigation */
	#nav {position:relative; list-style:none; line-height:1; top:35px; left:80px;}
	#nav ul {position:absolute; width:850px; list-style:none; line-height:1.5; display:inline; background:none;}
	#nav a {display:block; text-decoration:none; font-size:1.2em; font-weight:normal; color:#fff; letter-spacing:1px;}
	#nav li { /* all list items */ float:left; padding:0 30px;}
	#nav li ul { /* second-level lists */ position:absolute; background:#f5f5e9; width:200px; left:-999em; border:1px solid #636056;}
	#nav li ul li {width:200px; line-height:200%; left:0; padding:0;}
	#nav li ul li a {padding:0 0 0 10px; color:#636056;}
	#nav li ul li a:hover {background:#d9d9bf;}
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left:auto;}
	
#content-wrapper {width:960px; background:#ebebd9 url(../images/wrapper.gif) repeat-y left top;}

/* Sidebar */
#sidebar {float:left; width:210px; margin:10px 0 0 0; padding:0 0 0 32px; background:none;}

/* Content */
#content {float:left; width:690px; margin:8px 0 0 0; background:none;}

#content h1 {margin:20px 0 10px; font-size:1.5em; font-weight:normal;}
#content h2 {margin-bottom:10px; font-size:1.2em;}
#content h2 a:hover {text-decoration:none;}
#content .category {margin-bottom:10px; color:#c16532; font-weight:bold; text-transform:uppercase;}
#content .title {margin-bottom:10px; color:#636056; font-size:1.3em; text-transform:uppercase;}
#content p {margin-bottom:20px; line-height:150%;}


	/* Two Columns */
	.cols {float:left; width:100%; padding:20px 0; border-top:1px dashed #636056; background:none;}
	.cols .regular-1 {float:left; width:25%; padding:0 10px; background:none;}
	.cols .regular-2 {float:right; width:68%; padding:0 10px 0 0; background:none;}
	
	.cols .bio-1 {float:left; width:16%; padding:0 10px; background:none;}
	.cols .bio-2 {float:right; width:78%; padding:0 10px 0 0; background:none;}
	
	.cols .single {float:left; padding:0 20px;}
	.odd {background:#f5f5e9;}
	.even {background:#d9d9bf;}
	.last {border-bottom:1px dashed #636056;}
#contact {clear:both; width:960px; height:100px; background:url(../images/footer.gif) no-repeat left bottom;}
#contact p {margin:0 40px 0 0; padding:50px 0 0 0; font-size:2em; color:#c16532; text-align:right; background:none;}
#contact a {color:#c16532; font-weight:normal;}

.hide {display:none;}

.form {float:left; width:450px; padding:10px; border:1px solid #b1b2b4; background:#f7f7ed;}
/* Footer */
#footer {width:900px; margin:20px auto; padding:0 0 30px 10px; color:#999; background:none;}
#footer .copyright {float:left; width:45%; padding:0 0 5px; background:none;}
#footer .membership {float:right; width:50%; background:none;}
#footer .membership p {float:left; width:64%; text-align:right; background:none;}
#footer .membership ul {float:right; width:35%; background:none;}
#footer .membership ul li {padding: 0 5px; display:inline; background:none;}