/* BECKSTYLE-2-CSS */

body {
	background:#474725;
	/* padding: 0; */
	background-image: url(../images/0-all/BK-dotter2.gif);
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #112211;
	text-align: center; /* for IE */
	line-height: 120%;
	height: 100%;
	}

	p {color: #404021; font-size:1em; line-height:120%; margin-top:0em; margin-bottom:2em;}
	h5 {color: #335; line-height:100%;}
	h4 {color: #404021; margin-top:1em; margin-bottom:0em; line-height:100%; font-size:120%; font-weight:120;}
	h3 {color: #404021; margin-top:.5em; margin-bottom:.5em; line-height:100%; font-size:130%; font-weight:120;}
	h2 {color: #404021; margin-top:5px; margin-bottom:1em; line-height: 110%; font-size:150%; font-weight:100;}
	h1 {letter-spacing:2px; margin-bottom:0em; line-height:50%; font-size:420%; font-weight:100; color: #ff6;}

	.heading {color: #474725; margin-top:.5em; margin-bottom:.5em; line-height:100%; font-size:1.5em; font-weight:bold;}

	.subheading {color: #474725; margin-top:.5em; margin-bottom:.5em; line-height:100%; font-size:1.3em; font-weight:bold;}

	.parahead {color: #474725; margin-top:0.1em; margin-bottom:.2em; line-height:130%; font-size:1.2em; font-weight:bold;}

	a:link, a:visited, a:active {color: #fff; text-decoration:none;}
	a:hover {color: #fff; text-decoration:none;}

	ul {  margin-left:10px;}
	ol {  margin-left:25px;}


#container {
	background: #7d7e54;
	width:954px;
	text-align: left;
	margin: 0 auto;	

	/* height:auto !important; - real browsers */
  	/* height:100%; - IE6: treaded as min-height*/
  	/* min-height:100%; - real browsers */
}

#banner {
	height: 80px;
}

#left   {
	float: left;
	width: 230px;
}

#main-menu {
	float: left;
	height: 200px;
	width: 200px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;		
}

#main-menu li {
	line-height: normal;
	font-size: 10pt;
	margin-left: 0px;
}

#about {
	float: left;
	width: 200px;
	top: auto;
	margin: 0px 0px 0px 15px;		
}

#right {
	float: left;
	padding: 15px 9px 0px 15px;
	width:700px;
	background: #babb7d;
}

#box {
	float: left;
	/* margin: 0px auto; */
	padding: 5px 5px 0px 5px;
	width: 680px;
}

#box_empty {
	float: left;
	/* margin: 0px auto; */
	padding: 5px 5px 0px 5px;
	width: 680px;
	height: 600px;
}

.box {
	float: left;
	/* margin: 0px auto; */
	padding: 5px 5px 0px 5px;
	width: 680px;
	/* background: #776644; */
}

#contentleft {
	float: left;
	width: 330px;
	padding:0px;
	margin: 0px 10px 5px 0px;
}

#contentrite {
	float: right;
	width: 330px;
	padding:0px;
	margin: 0px 0px 5px 10px;
}

.smallcomforts-sq {
	width: 320px;
	height: 320px;
}

.comfortblanket-image {
	margin: 0px 0px 0px 30px;
}

.image-border {
	padding: 3px 3px 4px 3px;
	margin: 0px 0px 5px 0px;
	border-width: 1px; border-style:solid; border-color: #a0a264;
}

.imageleft {
	float: left;
	padding: 2px;
	border-width: 1px;
	border-style:solid;
	border-color: #a0a264;
	margin: 0px 10px 5px 0px;
}

.imageright {
	float: right;
	padding: 2px;
	border-width: 1px; border-style:solid; border-color: #a0a264;
	margin: 0px 0px 5px 10px;
}

#page-title {
	/* background: #5D7E54; */
	width: 700px;
	float:left;	
}

#page-link {
	float:left;	
}

#page-link li {
	line-height:normal;
	font-size:10pt;
	margin-left:0px;
}

#section1 h3, #section1 p {
	font-size: 14px;
	font-weight: normal;
}

.title1 {
	font-size: 15px;
	font-weight: bold;
	color: #474725;
}

#nav1 {
	background: #7D7E54;
	margin-left: 15px;
}

.text1 {
	font-size: 12px;
	line-height:16px;
	color: #38381d;
	text-align: left;
	padding: 0px 0px 0px 7px;		
}
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}

.line {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-width: 0px 0px 1px 0px;
	border-style:solid;
	color: #474725;
}

.linelight {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-width: 0px 0px 2px 0px;
	border-style:solid;
	color: #999a4a;
}


.line1 {
	float: left;
}



.title2 {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-variant: normal;
}

.line2 {
	float: left;
}

.title3 {
	font-size: 16px;
	font-weight: normal;
	color: #474725;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding: 0px 0px 0px 7px;		

}

.title3b {
	font-size: 12px;
	font-weight: normal;
	color: #474725;
	font-style: normal;
	line-height: normal;
	padding: 0px 0px 10px 7px;
	text-align: left;
}


.SubHeading1 {
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	color: #38381d;
	text-align: center;
}

#statement {
	margin-right: 35px;
}

.column {
	float: center;
}
.columnLeft {
	background: #7D7E54;

	float: left;
}
.columnRite {
	background: #7D7E54;
	float: right;
}

#footer {
	clear: both;
	color: #7D7E54;
	text-align: right;
	font-size: 10px;
	margin: 0;
	background: #474725;
}

.imgcol1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	float: none;
	text-align: left;
}
.FrameNames {
	text-align: left;
	font-size: 10px;
	color: #474725;
	margin: 2px 0px 5px 30px; 
}

/* out-links ========== */

.linkclass1 A:link {
	text-decoration: none;
	font-weight: bold;
	color: #3b6388
}
.linkclass1 A:hover {
	text-decoration: none;
	font-weight: bold;
	color: #293f54
}



/* page-link ========== */

#page-link ul {
	list-style:none;		/* removes bullets */
	margin:0;
 	padding:0px;
}

#page-link li {
	line-height:normal;
	font-size:10pt;
	margin-left:0px;
}

a.menu  {color: #ffffff;  font-size:12pt; padding:1px;}
a.menu:hover {color: #ffffff; font-size:12pt; padding:1px;}

#page-link li a {
	display:block;
	padding:1px 3px 4px 3px;
	margin-bottom:0px;
	color:#474725;	/* color of button text */
	text-decoration:none;
}

/* nasty hack for IE/pc (you must leave all of this in including comments)*/
/* hide from Mac IE \*/
* html #page-link li a {
	height:1%;
}

/* the magic bit */
#page-link li a:hover {
/* this line MUST be the same as the one above except with your rollover image in it instead */
  color: #777744;  text-decoration: none; 		
}


/* the magic bit */
#page-link li a:hover {
/* this line MUST be the same as the one above except with your rollover image in it instead */
	background:#c2c36b; color: #112211;  text-decoration: none; 		
}

/* main-menu ========== */

#main-menu ul {
	list-style:none;		/* removes bullets */
	margin:0;
 	padding:0px;
}

#main-menu li {
	line-height:normal;
	font-size:10pt;
	margin-left:0px;
}

a.menu  {color: #ffffff;  font-size:12pt; padding:1px;}
a.menu:hover {color: #ffffff; font-size:12pt; padding:1px;}

#main-menu li a {
	display:block;
	padding:1px 4px 3px 10px;	/* the last number (16px) must be big enough to accomodate the width of your rollover image */
	margin-bottom:0px;
/* you can change background color of button here (#ddd). the pixel measurement (3px) is x-axis of your rollover image */
	/* background: #ccccff url(../images/icons/polo1.png) 3px 50% no-repeat; */
	color:#38381d;	/* color of button text */
	text-decoration:none;
}

/* nasty hack for IE/pc (you must leave all of this in including comments)*/
/* hide from Mac IE \*/
* html #main-menu li a {
	height:1%;
}

/* the magic bit */
#main-menu li a:hover {
/* this line MUST be the same as the one above except with your rollover image in it instead */
background:#c2c36b; color: #112211;  text-decoration: none; 		
}