/* Yahoo! UI Library */

@import url("reset-fonts.css");

/* Global */

html {
	background: #141414;
	color: #fff;
}

body {
	font-family: Arial, Verdana, sans-serif;
}

hr {
	display: none;
}

a:link, a:visited, a:hover, a:active, a:focus {
	color: #f75000;
	outline: none;
	text-decoration: none;
}

a:visited {
	color: #f75000;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

h1, h2 {
	background-position: top center;
	background-repeat: no-repeat;
}

h3 {
	color: #fc0;
	font-size: 123.1%;
	font-weight: 700;
	margin: 0 0 10px;
}

h4 {
	color: #fc0;
	font-size: 100%;
	font-weight: bold;
	display: inline;
}

p {
	margin-bottom: 8px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Layout */

#header .wrapper, #content .wrapper, #footer .wrapper {
	margin: auto;
	width: 950px;
}

#header, #content, #footer {
	float: left;
	width: 100%;
}

#content {
	background-color: #000;
	overflow: hidden;
	padding-bottom: 40px;
	padding-top: 40px;
}

#main-content, #sub-content {
	float: left;
}

#main-content {
	width: 735px;
}


#sub-content {
	width: 215px;
}

#footer {
	padding: 20px 0;
	text-align: center;
}

/* Main Navigation */

#header .wrapper {
	text-align: center;
}

#main-nav ul {
	display: inline-block;
}

#main-nav ul {
	display: inline;
}

#main-nav ul {
	display: table-row;
}

#main-nav {
	display: table;
	margin: 0 auto;
}

#main-nav #nav-home a {
	background-image: url(../media/Bassett-Logo-Small.gif);
	border-bottom: none;
	height: 34px;
	margin-left: 0;
	margin-right: 40px;
	padding: 0;
	text-indent: -10000px;
	width: 170px;
}

#main-nav li {
	float: left;
}

#main-nav a {
	border-bottom: 4px solid #141414;
	color: #fff;
	display: block;
	font-size: 108%;
	margin: 30px 25px;
	padding: 10px 5px 3px;
	text-decoration: none;
}

#solutions #main-nav li#nav-solutions a, #contact #main-nav li#nav-contact a, #events #main-nav li#nav-events a,#about #main-nav li#nav-about a,#partners #main-nav li#nav-partners a,#resources #main-nav li#nav-resources a, #team #main-nav li#nav-about a, #facilities #main-nav li#nav-about a, #reps #main-nav li#nav-about a, #news #main-nav li#nav-about a {
	border-bottom: 4px solid #999;
	color: #999;
}

#main-nav a:hover {
	border-bottom: 4px solid #fc0;
}

/* Sub Navigation */

#sub-nav {
	margin: 60px 30px 10px 0;
}

#sub-nav li {
	float: left;
	margin-bottom: 6px;
	width: 100%;
}

#sub-nav a {
	border-bottom: 1px solid #424647;
	color: #aeccd8;
	display: block;
	padding: 3px 15px 1px;
}

#sub-nav a:hover {
	color: #f75000;
}

/* Home */

#home #nav-home a {
	display: none;
}

/* Jeff, here is where you define the full content width when a page doesn't have a sub navigation */

#home #main-content {
	width: 100%;
}

#example #main-content, #contact #main-content, #events #main-content, #resources #main-content {
	width: 735px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

/* End note to Jeff */

#home h1, #home h2 {
	text-indent: -10000px;
}

#home #content h1 {
	background-image: url(../media/Bassett-Logo-Large.gif);
	height: 74px;
	margin-bottom: 27px;
}

#home h2 {
	background-image: url(../media/Slogan.gif);
	height: 27px;
	margin-bottom: 25px;
}

#home #learn {
	margin-bottom: 20px;
	text-align: center;
	margin-top: 10px;
}


#home #phone {
	margin-bottom: 30px;
	text-align: center;
}

#intro {
	float: left;
	left: 50%;
	position: relative;
}

#intro ul {
	left: -50%;
	position: relative;
}

#intro li {
	float: left;
	margin: 0 10px;
	position: relative;
}

#intro span {
	display: block;
	padding: 10px 14px;
}

#intro br {
	display: none;
}

#intro a {
	background-color: #141414;
	color: #FFF;
	display: block;
	font-size: 123.1%;
	text-align: left;
	width: 180px;
}

#intro li a:hover {
	background-color: #f75000;
	text-decoration: none;
}

/* Solutions */

#solutions .article {
	background-color: #141414;
	line-height: 1.6em;
	padding: 30px 180px 30px 15px;
}


/* Partners */

#partners .article {
	background-color: #141414;
	line-height: 1.6em;
	padding: 30px 80px 30px 15px;
}


#partners .article p {
	padding-bottom: 10px;
	padding-right: 15px;
}

#partners .article #mfg {
	width: 400px;
	margin-right: 10px;
}


#partners .article #mfg p {
	padding-right: 15px;
}

#partners .logo {
	float: right;
	margin-top: 6px;
	padding: 0px;
}

#partners .article {
	background-color: #141414;
	line-height: 1.6em;
	padding: 30px 40px 30px 15px;
}

#partners .logo {
	float: right;
}


/* Resources */

#resources .article {
	background-color: #141414;
	line-height: 1.6em;
	padding: 30px 10px 30px 15px;
}


#resources #content .wrapper #main-content .article h3 {
	padding-top: 20px;
}


/* Events */

#events .article {
	background-color: #141414;
	line-height: 1.6em;
	padding: 30px 180px 30px 15px;
}


/* About */

#about .article, #facilities .article, #reps .article, #team .article {
	background-color: #141414;
	line-height: 1.6em;
	padding: 30px 180px 30px 15px;
}

#about .article p, #facilities .article p, #reps .article p, #team .article p {
	padding-bottom: 10px;
	
}


/* Contact Us */

#form form {
	float: left;
	width: 445px;
	margin-top: 10px;
}

#form div {
	margin-bottom: 12px;
}

#form label {
	display: block;
	float: left;
	width: 100px;
}

#form input.text {
	width: 200px;
}

#form #comments {
	width: 350px;
	height: 125px
}

#form #comments-wrapper {
	padding-top: 20px;
	padding-bottom: 10px;
}

#address-info {
	float: left;
	width: 250px;
	padding: 20px;
	background-color: #141414;
}

#address H4 {
	font-size: 108%;
	margin-bottom: 6px;
}

#address p {
	margin-top: 14px;
}

/* Graphic Headers */

#solutions h2, #contact h2, #education h2, #commercial h2, #business h2, #homeland h2, #residential h2, #homeland h2, #transportation h2, #health-care h2, #firstresponders h2, #utilities h2, #about h2,  #facilities h2,  #reps h2, #team h2, #events h2, #partners h2, #resources h2, #news h2 {
	background-image: url(../media/solutionsHdr.jpg);
	height: 179px;
	text-indent: -10000px;
	width: 735px;
	margin-bottom: 20px;
}

#contact h2 {
	background-image: url(../media/contactHdr.jpg);

}

#education h2 {
	background-image: url(../media/educationHdr.jpg);
	
}

#commercial h2 {
	background-image: url(../media/commercialHdr.jpg);
	
}

#business h2 {
	background-image: url(../media/businessHdr.jpg);
	
}

#homeland h2 {
	background-image: url(../media/homelandHdr.jpg);
	
}

#residential h2 {
	background-image: url(../media/residentialHdr.jpg);
	
}

#homeland h2 {
	background-image: url(../media/homelandHdr.jpg);
	
}

#transportation h2 {
	background-image: url(../media/transportationHdr.jpg);
	
}

#health-care h2 {
	background-image: url(../media/healthcareHdr.jpg);
	
}


#firstresponders h2 {
	background-image: url(../media/firstrespondersHdr.jpg);
	
}

#utilities h2 {
	background-image: url(../media/utilitiesHdr.jpg);
	
}


#about h2 {
	background-image: url(../media/aboutUsHdr.jpg);
	
}

#team h2 {
	background-image: url(../media/aboutUsHdr.jpg);
	
}

#news h2 {
	background-image: url(../media/aboutUsHdr.jpg);
	
}

#facilities h2 {
	background-image: url(../media/aboutFacilitiesHdr.jpg);
	
}

#reps h2 {
	background-image: url(../media/aboutRepsHdr.jpg);
	
}

#events h2 {
	background-image: url(../media/eventsHdr.jpg);
	
}

#partners h2 {
	background-image: url(../media/partnersHdr.jpg);
	
}

#resources h2 {
	background-image: url(../media/resourcesHdr.jpg);
	
}


/* Pad bottom of Flash to create space between footer */

#education #content,  #commercial #content, #business #content, #homeland #content, #residential #content, #homeland #content, #transportation #content, #health-care #content, #firstresponders #content, #utilities #content {
	padding-bottom: 5px; /* Or whatever you want */
}

#news .photo {
	float: right;
	margin-left: 20px;
}

#news .article {
	float: left;
}

object {
	margin-bottom: 20px;
}