/*style for basementia design website subdomain*/
/*66ccff blue and 00ff33 green*/

	*{margin: 0;padding: 0;}
	
	div{float: left;}
	
	body{
	background-color: WhiteSmoke;
	color: #000000;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 84%;
	
	}
	
	a{color: #000000;font-weight: bold;}
	
	p{margin-top: 10px; }
	
	h1{font-size: 1.45em;}
	
	h1, h2, h3{margin-top: 15px;}
	
	#outer{
	float: none;
	width: 850px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 5px 5px;
	}
	
	#header{
	width: 850px;
	text-align: left;
	}
	
	#header ul{list-style: none;}
	
	#topLine   {
	background: url("http://www.basementiadesign.com/images/newHeader.jpg") no-repeat center top; 
	height: 75px;
	width: 850px;
	}
	
	#logo{margin-left: 20px;}
	
	#promo{
	float: right;
	padding: 3px 10px 0 0;/**/
	height: 75px;
	font-size: 0.9em;
	}
	
	
	#promo li{
	margin-bottom: 5px;
	}
	
	#searchbar input{
	font-size: 0.75em; 
	}
	
	#searchSubmit{}
	
	
	#nav   { /**/background: url("http://www.basementiadesign.com/images/navBar.jpg") repeat-x 50% bottom; list-style: none; margin-top: 10px; width: 850px; height: 35px; float: left; clear: left }
	
	#nav li{
	color: #000000;
	float: left;
	text-align: center;
	height: 35px; 
	font-weight: bold;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
	
	
	
	#nav li a   { 
	font-size: 11px; 
	text-decoration: none; 
	background: url("http://www.basementiadesign.com/images/navBar.jpg") repeat-x; 
	display: block; 
	width: 145px; 
	height: 35px;
	}
	
	#nav li a:hover   { background: url("http://www.basementiadesign.com/images/navBarOver.jpg") repeat-x }
	
	
	a:hover{color: red;}
	
	#nav span{
	display: block;
	
	padding: 7px 10px 3px 10px; 
/*	margin: 7px 10px auto; */

	}
	
	
	/*DROPDOWN MENU ITEMS*/
	
	.btn{
	display:block;
	float: left; 
	text-transform: capitalize; 
	text-align:center;
	background:transparent; 
	}

.btn a{
text-decoration: none;
}

#nav li{position:relative;}
#nav li ul{display:none;position:absolute;top:35px;left:0;width: 145px;}
#nav li>ul{top:auto;left:auto;}

#nav li ul li{
background-color: /*sienna;*/#66CCFF;
 background-image: none;
border: 1px solid /*tan*/#00FF33;
padding: 3px 7px;
text-align: left;
text-transform: capitalize;
}

#nav li ul li a{background-image: none;margin-top: 5px;}
#nav li ul li a:hover{background-image: none;}
#nav li:hover ul, #nav .over ul{display:block;}/*the IE fix javascript adds the 'over' classname to the list items */
#nav li ul li:hover{background-color:yellow;}
.hidden, .hidden ul, .hidden ul li{display: none;}	
	/*END DROPDOWN*/
	
	
		
	
	a img{border: 0;}
	
	#inner{
	clear: both;
	text-align: left;
	display: block;
	float: none;
	}
	
	
	#main{
	float: none;
	margin-left: 160px;
	
	}
	
	#most{
	margin-top: 15px;
	padding: 5px 15px;
	background: url(http://www.basementiadesign.com/images/blueFade.jpg) top center repeat-x;
	}
	
	#most ul{clear: left; padding-top: 15px;}
	#most li{margin: 7px 0 0 15px;}
#sideNav{
	width: 150px;
	font-size: 11px;
	}
	
	.box{
	margin: 15px 0;
	}
	
	.top{background: url(../images/top.jpg) center center no-repeat;width: 150px; height: 37px;}
	
	.top p{margin: 10px auto 0 auto; padding: 0;}
	
	.colHead{
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	.mid{background: url(../images/mid.jpg) center top repeat-y; width: 150px;}
	
	

	#sideNav ul{
	
	padding-top:1px;
	list-style: none;
	
	}
	
	#sideNav li{
	margin: 5px 0 0 15px;
	}
	
	.btm{
	background: url(../images/btm.jpg) center center no-repeat;
	height: 11px;
	width: 150px;
	}
	
	
	#topLinks   { background: url("http://www.basementiadesign.com/images/topNavLinks.jpg") no-repeat center; height: 75px }
	
/*	#topLinks li{margin: 5px 0 15px 10px;}*/
	#moreLinks li{}
	
	#moreLinks   { background: url("http://www.basementiadesign.com/images/moreLinks.jpg") no-repeat center bottom; height: 225px }
	
	
	#sideNavPic{margin: 10px 0 10px 0;}
	
	
	
	#footer   { background: url("http://www.basementiadesign.com/images/footer.jpg") no-repeat center top; text-align: center; width: 850px; height: 75px; float: none; clear: both }
	
	#footer #corporate{
	display: block;
	float: right;
	}
	
	#footer #corporate img{
	border: 0;
	}
	
	#footer ul{
	list-style: none;
	/*border: 3px solid brown;
	padding-top: 12px;*/
	padding-top: 15px;
	}
	
/*	#footLinksA{}
	#footLinksB{padding-top: 8px;}*/
	
	#footer li{
	display: inline;
	margin: 0px 40px 10px -10px;
	
/*	border: 2px solid black;*/
	}
	
	.small, .smaller{font-size: 80%; margin-top: 3px;}
	
	#credit {clear: left; text-align: center;width: 100%;}
	#credit .smaller{margin: 5px auto 0 auto;}
	
	.pic{float: left; margin: 10px 10px 10px 0;}
	.picR{float: right; margin: 10px 0 10px 10px;}

	.spacer{clear: both; margin-top: 20px;}