@charset "utf-8";
/* CSS Document */

/*
---------colour---------
red = #A92906					
light brown= #725a39
dark gray= #2b2326
dark blue= #050947
dark purple= #24161e
*/
#tollfree{
	font-size:12px;}

html, body {
  margin: 0;
  padding: 0;
  background-color: #281a1f; /* approximation of background image, shown while image loads */
  background-image: url(/images/smallwonders_background.gif);
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, Geneva,sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-family: Times New Roman, serif;*/
}

html{
	overflow-y: scroll;
}

#container {
	background-color: #ba9764; /* approximation of background image, shown while image loads */
	background-image: url(/images/body_new1_01.jpg);
	width:900px;
	margin:0px auto;
	position:relative;
	min-height:480px;
}


p {
	margin-top:0px;
	margin-bottom:1em;
	font-weight: bold;
	/*letter-spacing:.02em;*/
	padding-left:15px;
	
}
img {
	border:none;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover, a.current {
	text-decoration: underline;
}




/*------------------------------Navigation--------------------------------------*/
#nav {
	/*position: relative;  position address box relative to #nav */
	width: 178px;
	height:700px; 
	color: #2b2326;
	font-size: 14px;
	float:left;
	line-height:1em;
	font-weight:bold;
	background-image:url(/images/logo_new1_03.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-left:40px;
  *margin-left:20px;  /* stoopid ie6 */
}
	
#nav #clearpixel {
	height: 124px;
	width: 178px;
}
		
#nav ul { 
	list-style-type: none; 
	text-align:right;
	padding:0;
	margin:35px 0;
}

#nav ul li {
	padding-right: 35px;
	min-height: 24px;
	margin-bottom: 1em;
}	

#nav ul li a {
    color: black;
    text-decoration: none;
    outline: none;
    line-height: 24px;
}
  
#nav ul li a.two_lines {
    line-height: 1em;
}  
  
#nav ul li a:hover {
    color: #A92906;
    font-weight: bold;
    text-decoration: underline;
}
  
#nav ul li.current{
  	background-image:url(/images/cotton_icon_dark.jpg);
  	background-position: right;
  	background-repeat: no-repeat;
}
				
#nav ul li.current a {
	color: #A92906;
	font-weight:bold;
	text-decoration:none;
}

#nav address {
  font-size:13px;
  font-weight:bold;
  text-align:right;
	padding-bottom:10px;
	margin-right:34px;
	font-style:normal;
}

#nav address a, #nav address a:hover {
    color: #050947;
    font-weight:bold;
    font-size:inherit;
}

#hoursmenu{
	font-style:normal;
	font-size:13px;
	color:#050947;
	text-align:right;
	margin-right:34px;
	padding-bottom:5px;
}

		
	
/*-----------------------------------Content----------------------*/
.content	{
	margin-left:255px;
	min-height:645px;
	/*height:532px; /*fix for ie6*/
	text-align:center;
	color: #2b2326;
	padding:0 40px 40px;
	font-weight:bold;
	background-image:url(/images/header_new_12.jpg);
	background-position:top center;
	background-repeat:no-repeat;

}

.contentlinks{
	color:#a92906;
}

.content .twolines{
	color: #050947;
	font-size: 30px;
	height:85px;
	text-align:center;
	line-height:1em;
	padding-top:18px;
	padding-bottom:22px;
}	
			
.content .twolines:first-line{
	font-size:24px;
	color: #050947;
}

/* IE6-only */
* html .content .twolines {
  padding-top: 22px;
}
			
.content .oneliner{
	color: #050947;
	font-size:30px;
	padding-top:33px;
	padding-bottom:25px;
	text-align:center;
	height:67px;
	line-height:1em;
}	

#home, #whoweare{
	font-size:12px;
}

#home p, #whoweare p{
	padding-bottom:.5em;
		
}


#whoweare p{
	line-height:1.3em;
	text-align:center;
}
	
#hero{
	padding-bottom:25px;
}
	
#whysmallwonder, #futonchoices, #ingredients, #howwemakeem{
	font-weight:bold;
	text-align:left;
	list-style:none;
	line-height:1.4em;
}
	
.thick{
	text-align:right;
	width:50px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#a92906;
}
		
.content p.thickdef{
	margin-left:60px;
	padding-bottom:.5em;
		
}
		
.capphoto{
	display:block;
	margin:10px auto 0;
	padding-top:15px;
	padding-bottom:2px;
}
		
.cap{
	text-align:center;
	font-size:12px;
	width:304px;
	margin: 0 auto;
	color:#050947;
	line-height:1em;
}
	
.content p.preamble {
	color:#A92906;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
	line-height:1em;
}
			
.content h1{
	font-size:18px;
	color:#050947; 
	margin-bottom:.75em;
	font-weight:bold;
	margin-top:1.75em;
	letter-spacing:1px;
}

.content  p{
	color:black;
	font-size:14px;
	margin-bottom:.5em;
}
			
.tableheadings{
	font-size:16px;
	color:#050947;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:0;
}

table{
	border:thin solid #725a39;
	padding:20px;
	margin:0 auto;
	width:95%;
	font-weight:bold;
}

.tabledef{
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	color:black;
	padding:10px 15px;
}

#prices table{
	margin:0 auto 15px;
}

caption{
	font-weight:bold;
	font-size:17px;
	color:#A92906;
}

#prices tr th{
	font-size:17px;
	color:#A92906;
	padding-right:15px;
	text-align:right;
	padding-bottom:15px
}
#prices tr .title{
	text-align:left;
	text-transform:uppercase;
}
#prices .sizes{
	font-size:14px;
	color:#050947;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	width:35%;
	padding: 0 10px 0 0;
}

#prices td{
	font-size:14px;
	text-align:right;
	padding-left:15px;
	line-height:2em;
}

span.crib{
	color:#A92906;
	font-weight:bold;
}
 
#prices a{
	color:#A92906;
}

.line{
	padding:0;
	background-color:#725a39;
	height:1px;
}


/*------------------all things footer-------------------------*/		
#cotton{
	display:block;
	margin: 0 auto;
	margin-top:30px;
	padding-bottom:10px;
}

#footer	{
	width:600px;
	margin:0px auto;
	/*height:	35px;*/
	color:#725a39;
	text-align:center;
	padding-top:10px;
	padding-left:255px;
	padding-bottom:100px;
}

#footer h1{
	font-size:10px;
	margin:0;
}
		

#footer h2, #footer a{
	font-size:9px;
	margin-top:-2px;
	color:	#725a39;
}

/**/
/**/