/* CSS for  Hamiltons Sofa & Leather Gallery*/

/*Colors

Background: #f3f2ea


*/



* {
	margin: 0;
	padding: 0;
}
body {
	font: 80% helvetica, geneva, sans-serif;
	background: #f3f2ea;
}
h1 {
	color: #004fbc;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
h2 {
	color: #4a8ecb;
	font-size: 0.99em;
	margin: 0 0 10px 0;
}
h3 {
	color: #599763;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 25px; }
p { margin: 0 0 10px 0; color: #666;}
a img{ border: 0; }



.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }
.m-lr-40 { margin: 0 40px; }


.b { font-weight: bold; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .8em; }
.larget { font-size: 1.2em; }
.t-c { text-align: center; padding-left:20px; }

.blue{ color: #49809c; }


#main{
	background: url("/images/main-bg.gif");
	width: 821px;
	margin: 0 auto;
}


/*Header/Nav styling */
#header-holder{
	height: 85px;
	margin: 0 10px;
}

#header{
	height: 85px;
	background: url("/images/header-bg.gif") repeat-x;
}

a img.logo{
	border: 0;
	margin: 13px 0 0 0;
}


#nav-holder{
	width: 790px;
	height: 85px;
}

#nav-holder img.shadow-m { 
	margin: 8px 0 0 0; 
}

#nav-box{
	height: 85px;
	background: url("/images/nav-bg.png") repeat-x;
	margin: 19px 10px -100px 0;
	float: right;
	display: inline;
}

/*Nav styling */

.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	font-size: 1em;
}
.nav ul {
	background: none; /*IE6 needs this*/
}
.nav li {
	float:left;
	list-style:none;
	position:relative;
	z-index:999;
}
.nav a {
	color: #505127;
	display:block;
	float:left;
	text-decoration:none;
	margin: 15px 3px 0 3px;
}

.nav img{
	margin: 0 8px;
	display: inline;
}
.nav li ul {
	width: 14em;
	background: none;
	float:none;
	top:-999em;
	position:absolute;
	padding: 0 0 0 0;
	margin: 57px 0 0 -10px;
	border-bottom: 1px solid #76763a;
}

.nav li ul li{ 
	background: #fff;
}

.nav li ul li a{
	margin: 0;
	padding: 2px;
	border-left: 1px solid #76763a;
	border-right: 1px solid #76763a;
}

.nav li ul li a:hover{
	text-decoration: underline;
}

.nav li li:hover,
.nav li li.sfHover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
	background: #fff;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:0;
	top:0;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
	z-index: 1000;
}
/*.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:0;
	top:0;
	width:0;
	z-index: 1000;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top:-999em;
}
.nav li li {
	background:#AABDE6;
	float:none;
	width:14em;
}
.nav li li a {
	float:none;
	padding-right:0;
}
*html .nav li li {
	margin-bottom:-3px;
}
*html .nav li li li {
	margin-bottom:-1px;
}
*+html .nav li li {
	margin-bottom:-3px;
}
*+html .nav li li li {
	margin-bottom:-1px;
}



/*Home Page Styling*/
#index-top{
	height: 331px;
	min-height: 331px;
	margin: 0 10px 15px 10px;
	background: url("/images/index-top.gif") repeat-x;
}

#index-top-img{
	width: 509px;
	height: 316px;
	margin: 5px 0 0 7px;
	border: 1px solid #76763a;
	display: inline;
}

#index-bluebar-text{
	display: inline;	
}

#index-bluebar-text p {
	color: #fff;
	font-size: 2em;
	position: relative;
	top: 34px;
	text-align: center;
}

#index-bluebar-text a img{
	margin: 46px 0 0 0;
	display: inline; 
	border: 0;
}

#index-bluebar-text a img.pa{
	position: absolute;
}
#index-bluebar-text2{
	display: inline;	
}

#index-bluebar-text2 p {
	color: #fff;
	font-size: 1.6em;
	position: relative;
	top: 34px;
	/* text-align: center; */
}

#index-bluebar-text2 a img{
	margin: 46px 0 0 0;
	display: inline; 
	border: 0;
}

#index-bluebar-text2 a img.pa{
	position: absolute;
}
#index-bluebar-text2 a {
	color: #fff;
}

#index-middle{

	min-height: 237px;
	margin: 0 10px;
	background: #e1eaed url("/images/index-middle.gif") repeat-x;
}
#index-middle h2{
	color: #cccd9e;
	margin: 16px 0 15px 10px;
	display: inline;
	float: left;
}
#index-middle p{
	
	font-size: .89em;
  	clear: left;
  	/*width: 180px;
	margin: 0 26px 0 24px;*/
	width: 202px;
	margin: 0 0px 0 18px;
	
}

#index-image-links{
	float: right;
	/*margin: 0 0 0 26px;*/
	margin: 0 0 0 23px;
}

#index-image-links a img{ 
	margin: -8px 5px 0 0;
	border: 1px solid #76763a;
	position: relative;
}

#locations{
	height: 70px;
	margin: 0 10px;
	background: #98986a;
	color: #cccd9e;
	text-align: center;
	font-weight: bold;
}

#locations div.location{
	width: 200px;
	margin: 12px 0 0 0;
	float: left;
}

#locations div.location p{
	color: #cccd9e;
	text-align: center;
	font-weight: bold;
}

/*Interior Page Styling*/

#content h2{
  margin: 0 10px 0 -10px;
	color: #cccd9e;
  padding: 10px 0 0 25px;
	display: block;
	letter-spacing: .025em;
  height: 38px;
  background: url("/images/content-bg.gif") top repeat-x; 
}

#content h2#gal-title{
	margin-left: 10px;
}

#content h2#no-cols{
  margin: 0 10px 0 10px;
}
  

#left-content{
	width: 250px;
	padding: 0 20px 15px 15px;
}

#left-content img{
  border: 1px solid #49809c;
  margin-bottom: 10px;
}

#left-bg{
  background: url("/images/left-col-bg.jpg") left repeat-y;
  float: left;
  position: relative;
  left: 10px;
  padding: 0 10px 15px 10px;

}


#gallery-bg{
  background: url("/images/gallery-nav-bg.jpg") repeat-y;
  border-top: 1px solid #7b7a3a;
  margin-top: -27px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: -27px;
}

#left-content a, #left-content-nav a{
	color: #9fbdcd;
}
#left-content a:hover,  #left-content-nav a:hover{
	color: #49809c;
}

div#left-content.static{
	text-align: center;
	border: none;
  position: relative;
  left: -20px;
}

#left-content-nav{
	margin: 10px 0 0 15px;
	width: 250px;
	text-align: left;
	border: none;
	float: left;
  padding-left: 10px;

}

div#left-content-nav p.links a{
	float: none;
	font-size: 1em;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 5px;
	margin: 0 0 1px 1px;
	text-decoration: none;
	position: relative;
	left: -15px;
}

div#left-content-nav p.links a:hover{
	text-decoration: underline;
}

div#left-content-nav p.links a.sofa-link{	border-left: 7px solid #0066cc;}
div#left-content-nav p.links a.sectionals-link{	border-left: 7px solid #3399cc;}
div#left-content-nav p.links a.leather-link{	border-left: 7px solid #993333;}
div#left-content-nav p.links a.motion-link{	border-left: 7px solid #cccc66;}
div#left-content-nav p.links a.recliner-link{	border-left: 7px solid #ffcc66;}
div#left-content-nav p.links a.sleep-link{ border-left: 7px solid #ff9900;}
div#left-content-nav p.links a.chair-bed-link{ border-left: 7px solid #99cc99;}
div#left-content-nav p.links a.entertainment-link{	border-left: 7px solid #cc66cc;}
div#left-content-nav p.links a.accent-link{	border-left: 7px solid #cc3366;}

#left-content p{
	margin: 0 0 15px 15px;
}

#right-content{
	color: #9fbdcd;
	margin: 0 20px;
  float: right;
  width: 450px;
}

#right-content.gallery{
	width: 500px;
	float: left;
	margin: 10px 0 15px -10px;
}

#right-content.gallery a img.thumb{
	border: 3px solid #49809c;
	padding: 1px;
	display: inline;
}

.dropcap{
	font-size: 1.4em;
	font-weight: bold;
}

div#right-content .static{
	width: 395px;
	color: #666;
	margin: 0 0 15px 0;
	padding: 0 60px;
	font-weight: normal;
	border-left: 1px solid #666;
}

div#right-content.static p{
	margin: 0 0 20px 0;
}

div#right-content.static p.sofa-list{
	width: 175px;
	margin: 10px 15px 20px 0;
	float: left;
}

#right-content a{
	color: #9fbdcd;
}
#right-content a:hover{
	color: #49809c;
}

div#right-content.static p a img{
	border: 1px solid #333;
	margin: 0 0 10px 0;
}

div#right-content.static p img{
	margin: 0 0 10px 0;
}

div#right-content.static p.blue{
	margin: 0 15px 0 0;
}

div#right-content.static p.contact{
	margin: 0 0 5px 0;
}

div#right-content.static p.contact .list-label{
	width: 100px;
	display: block;
	float: left;
	color: #6d6648;
}

div#right-content.static form.contact-us{
	width: 300px;
	margin: 0 auto 20px auto;
	padding: 20px 0 0 25px;
	border: 1px solid #6d6648;
	background: #e4e0cf;
}

div#right-content.static form.contact-us input, div#right-content.static form.contact-us select, div#right-content.static form.contact-us textarea{
	color: #6d6648;
	background: #eee;
	margin-left: 5px;
}

div#right-content.static form.contact-us input.submit {
	color: #fff;
	background: #6d6648;
}

#right-content a img{
	border: 0;
}

#right-content-nav{
	display: inline;
}
#right-content-nav div.l{
	float: left;
	width: 85px;
	margin: 10px 0 0 0;
}
#right-content-nav div.r{
	float: right;
	width: 85px;
	margin: 10px 0 0 0;
}
#right-content-nav div.numbers{
	text-align: center;
	margin: -5px 80px 0 80px;
}

#right-content-nav p{
	position: relative;
	top: 20px;
	text-align: center;
}



/*Footer Styling*/
#footer-holder{
	height: 85px;
	margin: 0 10px;
}

#footer{
	height: 85px;
	background: url("/images/header-bg.gif") repeat-x;
}

#footer p{
	text-align: center;
	position: relative;
	top: 23px;
	font-size: .95em;
	line-height: 1.6em;
}

#footer p a{
	color: #505127;
	font-weight: bold;
	margin: 0 5px;
}

#footer p a:hover { 
	text-decoration: none;
}
#footer p a.bwm:hover{
	color: #4a8ecb;
	text-decoration: none;
}
#bottom-space{
	height: 10px;
	width: 821px;
	background: #fff;
	position: absolute;
}

#bottom{
	height: 10px;
	width: 801px;
	margin: -1px 0 0 10px;
	background: url("/images/bottom-bg.gif") repeat-x;
	position: absolute;
}

a.bwm:hover{
  color: #4a8ecb;
}