@import url('building.css');
@import url('download.css');

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../images/home_bg.jpg) repeat-x;
	background-color: #f6f6f6;
	
}
#wrapper {
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px 0 0 0;
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	background-color: #fff;
	border-color: #722100;
}


/* ---------- Content ------------ */

#content {
	width: 280px;
	float: right;
	padding: 20px 0 0 10px;
	margin-right:50px;
	margin-bottom:10px;
	
}
#content p {
	font-size: 55%;
	line-height: 2.5em;
	padding-left: 1.5em;
	color: #666;
}
#content img.floatr {
	float:right;
	padding: 0;
	margin: 10px 0 0 0;
	border:none;
}

#content p#sidebar {
	display:block;
	padding:5px;
	font: bold 78%/14pt Arial,Geneva,Tahoma,sans-serif;
	background:#e4e4e4;
	color:#000;
	border:1px solid #e31b23;
	text-align:center;
}
#content h1 {
	font: bold 150% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
}
#content h1 span {
	color: #aaa;
}
#content h2 {
	font: bold 110% Arial,Geneva,Tahoma,sans-serif;
	color: #aaa;
	background-color: transparent;
	text-transform:lowercase;
	margin-bottom:-.5em;
}
#content h3 {
	font: bold 130% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
	text-transform:lowercase;
	margin-bottom:-.5em;
}
#content h4 {
	font: bold 120% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
	margin-bottom:-.5em;
	margin-left:-20px;
	padding-left:10px;
}

/* ---------- Feature ------------ */

#hmpg_feature {
	width: 367px;
}


#feature {
	width: 280px;	
}
#feature p {
	font-size: 55%;
	line-height: 2.5em;
	padding-left: 1.5em;
	margin-left: 20px;
	color: #666;
}
#feature h1 {
	font: bold 150% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
}
#feature h2 {
	font: bold 110% Arial,Geneva,Tahoma,sans-serif;
	color: #aaa;
	background-color: transparent;
	text-transform:lowercase;
	margin-bottom:-.5em;
	margin-left: 20px;
}
#feature h3 {
	font: bold 130% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
	text-transform:lowercase;
	margin-bottom:-.5em;
	margin-left: 20px;
}
#feature h4 {
	font: bold 120% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
	margin-bottom:-.5em;
	margin-left: 20px;
}
	
/* ---------- Navigation ------------ */

#logo {float:left;}

#navigation {
	width:100%;
  }
  
#nav, #nav ul {
	padding:0;
	margin:0;
	list-style:none;
	font: normal 78% Arial,Geneva,Tahoma,sans-serif;
}

#nav a {
	display:block;
	width:10em;
	text-decoration:none;
	color:#e31b23;
}
#nav li {
	float:left;
	width:10em;
}
#nav li a {
	padding:5px;
	background:#ddd;
}
#nav li a:hover {
	background:#efefef;
	color:#000;
}
#nav li ul {
	position:absolute;
	width:10em;
	left:-999em;
}
#nav li ul li a {
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	border-top:1px solid #ddd;
}
#nav li:hover ul {
	left:auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
} 
#nav {
 	background-color:#dedede;
	background-repeat:no-repeat;
	border:solid #000;
	border-width:1px 0;
	height: 2em;
	}
.home #navigation {
  background-position:0 -70px;
  }




#content {
	clear:right;
}


#oneColumn {
	float:right;
	width:550px;
	padding: 20px 0 0 10px;
	margin-top:-50px;
	margin-right:50px;
	margin-bottom:10px;
}
#oneColumn h1 {
	font: bold 150% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
}
#oneColumn h2 {
	font: bold 110% Arial,Geneva,Tahoma,sans-serif;
	color: #aaa;
	background-color: transparent;
	text-transform:lowercase;
	margin-bottom:-.5em;
}

#flash {
	float:right;
	width:720px;
	padding: 0 0 0 10px;
	margin-top:-22px;
	margin-right:5px;
	margin-bottom:10px;
}

#flash h1 {
	font: bold 150% Arial,Geneva,Tahoma,sans-serif;
	color: #3e3e3e;
	background-color: transparent;
}


/*--------------------------------------- Staff Profiles --------------------------------------*/



/*------------- Profile Container -----------------*/
#profile {
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:0;
	margin-left:0;
	padding:0;
}
#profile a {
	font-weight: bold;
	color:#e31b23;
	text-decoration:none;
}
#profile a:hover {
	color:#fff;
}


/*------------- Contact Information -----------------*/

#contact {
	padding:0;
	margin:0;	
	width:240px;
	height:77px;
	border:1px solid #e31b23;
	background:#e4e4e4;
}
#contact img {
	width:77px;
	margin:0 3px 0 0;
	padding:0;
	float:left;
	border-right:1px solid #e31b23;
}
#contact ul {
	margin: 0;
	font: normal 60% Arial,Geneva,Tahoma,sans-serif;
	line-height:1.5em;
	color: #000;
	padding:2px 0 0 2px;
	list-style:none;
}
#name {
	font: bold 10pt Arial,Geneva,Tahoma,sans-serif;
	color: #e31b23;
	list-style:none;
}



/*------------- Categories -----------------*/

#categories {
	clear:both;
	width:240px;
	height:40px;
	background:#e31b23;
	border:1px solid #e31b23;
	padding:0;
	margin-top:1px;
	
}
#categories ul {
	margin: 0;
	font: normal 60% Arial,Geneva,Tahoma,sans-serif;
	line-height:1.5em;
	color: #fff;
	padding:0;
	list-style:none;
}
#categories li {
	float:left;
	margin: 0;
	line-height:1.5em;
	color: #fff;
	padding:0 2px 0 2px;
	white-space: nowrap;

}

span.new_cat {
text-transform:capitalize;
background-color:#d22;
padding: 2px;
color:#fff;
}

a:hover span.new_cat {
background-color:#fff;
color:#d22;
}



/* -------------------------- End Staff Profiles ------------------*/


/* ---------- Footer ------------ */

#footer {
	margin-top:30px;
	padding: 1em 0 0 0;
	background-color: #efefef;
	height:4em;
	clear:both;
}

#footer ul {
	margin-left:400px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
  	padding:0;
	width:350px;
}
#footer li {
	display:inline;
	list-style:none;
	vertical-align:center;
	float:left;
}

#footer li a h3 {
	margin:0;
	padding:8px 0 0 0;
	width:100px;
	height:32px;
	vertical-align:center;
	font: bold 9pt Arial,Geneva,Tahoma,sans-serif;
}

#footer li a h4 {
	background: transparent url(../images/dmc_off.gif) no-repeat top left;
	margin:0;
	padding:0;
	width: 100px;
	height: 32px;
}
#footer li a h4 span{
	display: none;
}
#footer li a:hover h4 {
	background: transparent url(../images/dmc_over.gif) no-repeat top left;
	margin:0;
	padding:0;
	width: 100px;
	height: 32px;
}

#footer li a h5 {
	background: transparent url(../images/mt_off.gif) no-repeat top left;
	margin:0;
	padding:0;
	width: 38px;
	height: 60px;
}
#footer li a h5 span{
	display: none;
}
#footer li a:hover h5 {
	background: transparent url(../images/mt_over.gif) no-repeat top left;
	margin:0;
	padding:0;
	width: 38px;
	height: 60px;
}


#footer a {
	color:#aaa;
	text-decoration:none;
}
#footer a:hover{
	color:#000;
}

#google_ads { padding: 0 0 0 15px; }


/* ---------- Redirect ------------ */
div#moving{
	display:none;
	margin-top:-5px;
	padding:15px 0;
	background-color:#FFAA00;
	color:#6D4703;
}
div#moving a:link{
	color:#6D4703;
}
div#moving a:visited{
	color:#6D4703;	
}
div#moving a:hover{
	color:#fdf7ed;	
}