/* 

Site: Made to Measure
Date: Feb 07
Updated: March 2008
Web by: MPWD

*/

/* 
Structure
*/

html, body{ 
 margin:0; 
 padding:0; 
 background-color: #fff; 
 font-family: arial, tahoma, helvetica;
font-size: 12px;
line-height: 18px;
} 
 
#pagewidth{ 
 width:100%; 
 min-width: 500px; 
 height: 100%; 
} 

#headertop{ 
 height:152px; 
 width:100%; 
 background: url(/images/mtmm-header-bkg.png) no-repeat; 
 margin: 0;
  }
/*

#header-center{
margin-left: 450px;
background: url(/images/mtmm-header-center.png) no-repeat;
height: 152px;
	width: 100%;

}

#innerheader{
	background: url(/images/mtmm-header-right.png) no-repeat;
	float: right;
	height: 152px;
	width: 100%;
	background-position: right;	
	} 

#header-center{
margin-left: 450px;
background: url(/images/mtmm-header-center.png) no-repeat;
height: 152px;
	width: 100%;

}

#innerheader{
	background: url(/images/mtmm-header-right.png) no-repeat;
	float: right;
	height: 152px;
	width: 100%;
	background-position: right;
	
	} 

*/


#leftcol{
 width:158px; 
 float:left; 
position:relative; 
margin-left:-158px; 
margin-right:1px; 
background-color: #002953;
color: #fff;
}
img{border: none;}
 
#outer{
	border: solid white 0px; 
	/*/*/ border-left-width: 158px; /* left column width. NN4 hack to hide borders */
	border-left-color: #002953; /* left column colour */
	border-left-style: solid; /*/
	*/ border-right-width:228px; /* right column width. NN4 hack to hide borders */
	border-right-color: #fff; /* right column colour */
	border-right-style: solid;
	background-color: #fff; /* center column colour */
	width: auto;
} 
 
#rightcol{
 /*/*/ width:228px; /* hack keeps NN4 right column right? */ 
 float:right; 
position:relative; 
  margin-right:-228px; 
 margin-left:1px;

} 
 
#footer{
 height:0px; 
 width:100%; 
 background: #fff; 
line-height: 19px;
text-align: center;
border-top: 2px solid #daa53b;
margin: 5px 0 0 0;
background: url(images/footer-t.jpg) no-repeat;
}

#footer a:link{ 
	color: #002953;
	text-decoration: none;
}

#footer a:visited {
	color: #002953;
	text-decoration: none;
}

#footer a:hover, a:active {
	color: #daa53b;
	text-decoration: underline;
}
#credit a:link{ 
	color: #002953;
	text-decoration: none;
}

#credit a:visited {
	color: #002953;
	text-decoration: none;
}

#credit a:hover, a:active {
	color: #daa53b;
	text-decoration: underline;
}
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #fff;  }
 
.clr{clear:both;}
 
.content{padding: 5px 12px 8px 14px; } /*padding for content */ 
.cont{line-height: 20px;} 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}


/*<------------------------ Other ------------------------>*/

.content-leftcol{padding: 6px;}

h1{ font-size: 15px; color: #000; font: tahoma; padding: 0 2px 2px 2px;  background: url(images/right-h1.gif) no-repeat; height: 40px;}
h2{letter-spacing: 2px;font-size: 18px; color: #002953; font: tahoma; padding: 0 2px 2px 2px;  }
h3{ font-size: 15px; color: #000; font: tahoma; padding: 2px;  background: url(images/mtmm-sc.png) no-repeat; height: 40px;}
h4{line-height: 21px; font-size: 14px; color: #0b2248; font: tahoma; }
h5{letter-spacing: 1px; font-size: 16px; color: #fff; font: tahoma; padding: 0 2px 2px 6px;  }
h6{}

#links{text-align: center; color: #fff;}

#links a:link {color: #daa53b;}
#links a:hover {color: #fff;}


a:link{ 
	color: #daa53b;
	text-decoration: none;
}

a:visited {
	color: #daa53b;
	text-decoration: none;
}

a:hover, a:active {
	color: #002953;
	text-decoration: underline;
}

.std
{
list-style-type: circle;
line-height: 18px;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
border: 0x solid #eee;
padding: 3px;
}
.floatleft
{
float: left;
margin: 0 10px 7px 0px;
clear: left;
border: 1px solid #eee;
padding: 3px;
}
table{text-align: center; margin: 10px 0; }
tr,td {border: 1px solid #ccc; }
#blank{border: 0px solid #ccc; }
.tr1{background-color: #daa53b; border: 1px solid #002953; width: 90px; font-weight: bold; color: #002953;}

.top{text-align: right;}

/*
Navigation
*/

div#nav	{
	height: 59px;
	width: 100%;
	margin: 0;
	padding: 0px;
	border: 0;
	background: transparent;
	}

div#nav ul#menu	{
	height: 58px;
	width: 100%;
	background: transparent url(/images/mtmm-nav.png) no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

div#nav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	ul#menu li, ul#menu a {
	height: 30px;
	display: block;

}
  div#nav ul#menu li a {
	text-indent: -5000px;
	text-decoration: none;
	border: none;
	}


#one	{left: 16px; width: 65px;} /* home */
#two	{left: 81px; width: 65px;} /* about */
#three{left: 146px; width: 126px;} /* mattress */
#four {left: 272px; width: 129px;} /* gallery */
#five {left: 401px; width: 74px;} /* our guarantee */
#six {left: 475px; width: 100px;} /* testimonials */
#seven {left: 575px; width: 107px;} /* contact */

#one a:hover {background: transparent url(/images/mtmm-nav.png) -16px -58px no-repeat;}
#two a:hover {background: transparent url(/images/mtmm-nav.png) -81px -58px no-repeat;}
#three a:hover {background: transparent url(/images/mtmm-nav.png) -146px -58px no-repeat;}
#four a:hover {background: transparent url(/images/mtmm-nav.png) -272px -58px no-repeat;}
#five a:hover {background: transparent url(/images/mtmm-nav.png) -401px -58px no-repeat;}
#six a:hover {background: transparent url(/images/mtmm-nav.png) -475px -58px no-repeat;}
#seven a:hover {background: transparent url(/images/mtmm-nav.png) -575px -58px no-repeat;}

body#home #one {background: transparent url(/images/mtmm-nav.png) -16px -58px no-repeat;}
body#about #two {background: transparent url(/images/mtmm-nav.png) -81px -58px no-repeat;}
body#mattress #three {background: transparent url(/images/mtmm-nav.png) -146px -58px no-repeat;}
body#ourguarantee #four {background: transparent url(/images/mtmm-nav.png) -272px -58px no-repeat;}
body#imagegallery #five {background: transparent url(/images/mtmm-nav.png) -401px -58px no-repeat;}
body#testimonials #six {background: transparent url(/images/mtmm-nav.png) -475px -58px no-repeat;}
body#contact #seven {background: transparent url(/images/mtmm-nav.png) -575px -58px no-repeat;}

#sub-nav ul{margin: 0; padding: 0 0 5px 0; background-color: #fff; font-weight: bold; border-bottom: 2px solid #002953;}
#sub-navlist li
{
display: inline;
list-style-type: none;
padding: 0 0 0 20px;
margin: 0;
}
#sub-nav a:link{ 
	color: #002953;
	text-decoration: none;
}

#sub-nav a:visited {
	color: #002953;
	text-decoration: none;
}

#sub-nav a:hover, a:active {
	color: #e2b65e;
	text-decoration: underline;
}
/*<------------------------ Forms ------------------------>*/

.box{height: 20px; padding: 0; border: 0px solid #ccc; background: url(images/btn.gif) no-repeat; width: 100%;}

.textbox{padding: 2px;font-size: 11px; color: #000; background-color: #fff; border: 1px solid #daa53b; width: 205px;}

div.row {
  clear: both;
  padding-top: 10px;
   width: 350px;  
}

div.row span.label {
  float: left;
  width: 100px;
  text-align: left;
  
  PADDING-LEFT: 10PX;  

}

div.row span.formw {
  float: right;
  width: 212px;
  text-align: left;
  	 
} 
div.row span.c1 {
  float: left;
  width: 85px;
  text-align: left;
  	 
} 
div.row span.c2 {
  float: left;
  width: 100px;
  text-align: left;
  	 
} 
div.rowbutton{
clear: both;
padding-top: 3px;
padding-bottom: 0px;
padding-left: 3px;
padding-right: 187px;
float: right;
}

/* Secondary List */

#navcontainer { background: #002853 url(/images/mtmm-left-bkg.png) top;margin: 15px 0 0 0; width: 159px; font-weight: bold; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
text-align: left;
}

#navcontainer a
{
display: block;
padding: 8px 3px 8px 8px;
width: 149px;

border-bottom: 1px solid #fff;
}

#navcontainer a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #daa53b;
color: #fff;
font-weight: bold;
}

.mattress-header
{
	text-align: center;
	list-style-position: inside;
}