/* Layout Stylesheet */ 
body {
 	margin: 0;
 	padding:0; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 0.75em;
	background-color:#AFB8B1;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	/*#D5CAA1;*/
	}
#wrap{
	width:80em;
	margin: auto;
	background-color:#ffffff;
	text-align:center;
	} 
#header{
 	width:66.77em; 
 	background:#ffffff;
 	color: #333; 
 	margin:auto;
	padding-top:10px;
	clear:both;
	}
#pusher{
 	width:66.77em; 
	height:0.01em;
 	background:#fff;
	margin:0px; 
	padding: 0;
	clear:both;
}
#flashhead{												/* FLASH */
 	width:80em;
	background-color:#D5CAA1;
 	color: #333; 
 	margin:0;
	text-align:center;
	}
#flash{
	width:80em;
	background-color:#ffffff;
 	color: #ffffff; 
 	margin:0;
	text-align:center;
	}
#electric{
	width:80em;
	background-color:#ffffff;
 	color: #333; 
 	margin:0;
	text-align:center;
	}
#acoustic{
	width:80em;
	background-color:ffffff;
 	color: #333; 
 	margin:0;
	text-align:center;
	}
#mandolin{
	width:80em;
	background-color:#ffffff;
 	color: #333; 
 	margin:0;
	text-align:center;
	}
a:active, a:link, a:visited{color: #55B6FF; text-decoration:none; font-weight:bold;}
a:hover {background-color:#333; color: #FFF; font-weight:bold;} <!-- FE47D6 --><!-- FFDD0D -->

.f:active, .f:link, .f:visited{color: #333333; text-decoration:none; font-weight:bold; cursor:pointer;}
.f:hover {font-weight:bold; background-color:#FFDD0D; color: #333333; cursor:pointer;}

.c:active, .c:link, .c:visited{color: #777; text-decoration:none; font-weight:bold; cursor:pointer;}
.c:hover {font-weight:bold; background-color:#888; color: #ffffff; cursor:pointer;}

#search {															/* SEARCH */
	margin-top: 0.8em;
	padding-left:0em;
	float: left;
	color: #000;
	background: #FFDD0D;
	text-align:center;
	}
#navmain {													/* TOP NAV */
	padding-bottom:0.3em;
	width:80em;
	background-image: url(../images/nav.jpg);
	background-color:#333333;
	background-repeat:repeat-x;
	text-align:center;
	}
.menu {
      width: auto;
      float: left;
      padding: 0.2em 1em 0em 0.5em;
      cursor:auto;
	  text-align:left;
    }
    
    .menu ul {
      display: none;
      position: absolute;
      background-color: #FFDD0D;
      color: 000;
      list-style: none;
      margin: 0.2em;
      padding: 10px;
	  text-align:left;
    }
    
    .menu ul li {
      display: block;
      padding: 0.4em;
    }
    
    div.menu:hover ul {
      display: block;
      margin: 0;
      padding: 0;
    }

    div.menu ul li:hover {
      background-color: #FE57DA;
    }
#padding{
	float:left;
	padding-left:20px;
	}
input {
	margin-top: 5px;
	float: left;
	color: #333;
	background: #FFF;
	}
.submit input {
	margin-top: 5px;
	float: left;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #333;
	height:21px;
	background: #6C2424;
	border: 1px solid #6C2424; /*E50D2B*/
	width: 35px;
	}
.submitlong input {
	float: left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding-bottom:5px;
	color: #000;
	height:21px;
	background: #FE57DA;
	border: 1px solid #6C2424;
	width: 10em; 
	}
	
#map {	
	width: 800px; 
	height: 500px; 
	padding-left: 5em;
	text-align:center;
	}
#smallmap {	
	float:right;
	width: 350px; 
	height: 350px; 
	margin-right: 4em;
	padding-right: 4em;
	text-align:right;
	}
#centercol {	
	float:left;
	width:76em; 
	background:#FFF;
	color: #333;
	text-align: left;
	padding: 1em 0em 0em 4em;
	}
#centercolunder {	
	float:left;
	width:80em; 
	background:#ffffff;
	color: #000;
	text-align: center;
	}
#tricol {	
	float:left;
	width:30%;
	background:#FFF;
	color: #000;
	text-align: left;
	padding: 2em 2em 0em 0em;
	}
#midcol {	
	float:left;
	width:70%;
	background:#FFF;
	color: #000;
	text-align: left;
	padding: 2em 2em 0em 0em;
	}
#photo {	
	float:left;
	background:#FFF;
	color: #000;
	text-align: left;
	padding: 0em 4em 0em 0em;
	}
#halfcol {	
	float:left;
	width:40%;
	background:#FFF;
	color: #000;
	text-align: left;
	padding: 1em 3.5em 2em 1em;
	}
#halfcolad {	
	float:left;
	width:40%;
	background:#FFF;
	border-color:#FF6600;
	border-style:dashed;
	border-width:thick;
	color: #000;
	text-align: center;
	padding: 1em 1em 2em 5em;
	}
#leftcol {										/* LEFT COLUMN */
	float:left;
	width:45em;
	background:#FFF;
	color: #000;
	margin:auto;
	text-align: left;
	padding: 10px 0px 10px 0px;
	}
.leftwidgethead {
	margin: 0px 5px 0px 5px;
	width: 14.15em;
	background:#6C2424;
	text-align: center;
	background-image:url(../../../work/charlie_angels/site/images/structure/widget_back.jpg);
	background-repeat:repeat-x;
	}
.leftwidget {
	padding-top: 10px;
	width: 14.15em;
	background:#FFF;
	text-align: left;
	margin:auto;
	height:auto;
	}
.spacer {
	float:left;
	padding-top: 10px;
	width: 14.15em;
	height: 14.15em;
	background:#FFF;
	text-align: left;
	margin:auto;
	height:auto;
	color:#FFFFFF;
	}
#rightcol {							/* RIGHT COLUMN */
	width:10em;
	float:right;
	background:#FFF;
	color: #000;
	text-align: left;
	padding: 0em 2em 0em 0em;
	}
.rightwidgethead {
	float:left;
	margin: 0.2em 0em 0em 0.2em;
	width: 9em;
	background:#FFDD0D;
	color: #999;
	text-align: center;
	}
.rightwidget {
	float:left;
	margin: 0em 0.02em 0em 0em;
	width: 9em;
	background:#FFDD0D;
	color: #999;
	text-align: center;
	}
.linker {
	float:left;
	margin: auto;
	width: 9.2em;
	background:#FFDD0D;
	color: #999;
	text-align:center;
	}
#footer {
	width:80em;
	background-image: url(../images/nav.jpg);
	background-repeat:repeat-x;
	background-color:#333333;
	text-align:center;
	height:3em;
	float: left;
 	color: #000;
	margin:0px;
	padding-top:5px;
	}	
.copyright {
	float: left;
	background:none;
	color: #000;
	margin-top:0.5em;
	margin-left:1em;
	}
.siteby {
	float: right;
	color: #000;
	background:none;
	width:auto;
	height:auto;
	padding-top:5px;
	margin-right:1em;
	}
.box{
width:20em;
height:3em;
}

#listing{
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	}

	
.vr { width:100%; height:1px; border-top:dotted 1px; color:#6C2424; padding:0px; margin-top:5px;}
.vs { width:100%; height:1px; border-top:dotted 1px; color:#eee; padding:0px; margin-top:5px;}
 
p {padding-bottom:4px; padding-left:5px; margin: 0px 0px 4px 0px; line-height:17px;}
h1, h2, h3, h4, h5, h6 {margin: 0px 0px 0px 0px;}
h1 {font-size: 28px; font-weight:normal; padding-left:5px; padding-bottom:4px; padding-top:8px;}	/* 	Top Header 	*/
h2 {font-size: 18px; font-weight:normal; padding-left:5px; padding-bottom:4px;}						/* 	Sub Header 	*/
h3 {font-size: 12px; color:#4D4949; font-weight:normal; padding-left:5px; padding-bottom:4px;}		/* 	Normal Text */
h4 {font-size: 12px; font-weight:normal; padding-left:5px; padding-bottom:4px; color: #000;}  		/* 	Footer 		*/
h5 {font-size: 12px; font-weight:bold; padding-left:0.2em; padding-top:0.3em; color: #55B6FF;}  		/* 	Navigation 	*/
h6 {font-size: 12px; font-weight:bold; color: #888;}  												/* 	Box Header 	*/
h7 {font-size: 16px; font-weight:bold; color: #888; }  												/* 	Telephone 	*/
h8 {font-weight:bold; font-size: 12px; color: #333; padding-bottom:4px;} 							/* 	Sub Title Logo */
h9 {font-size: 12px; color:#FFF; font-weight:normal; padding-bottom:4px;}							/* 	Normal White */

hr {border-bottom:#888 dotted 1px;  border-top:none; border-left:none;  border-right:none;  background-color: #FFF;  color: #FFF;  height: 0.1em; width:66.77em; float:left; margin:0em; padding:0em;}
img {display:block; border: 0; padding: 0;}



.cl {color: #FFF; text-decoration:none; font-weight:bold;}
.cl:active {color: #fff; text-decoration:none; font-weight:bold;}
.cl:link {color: #000000; text-decoration:none; font-weight:bold;}
.cl:visited {color: #fff; text-decoration:none; font-weight:bold;}
.cl:hover {color: #fff; font-weight:bold;}