@charset "UTF-8";
/* =CALL LIBRARY */
@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
body {
		font: 62.5%/2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; /*2.2em*/
		color: #4b4942;
		background: #fff;
	}
	
a {
        text-decoration: none;
		color: #5599a7;
	}

a:hover{
        color: #bb800f;
	}

hr { 
        display: none;
	}

strong {
        font-weight: bold;
	}

ul.borderedlist li {
		border-bottom: 1px dashed #d1cfcd;
	}
	
ul.borderedlist li a {
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
	}
	
ul.borderedlist li a:hover {
        background: #E5E5E4;
		color: #42423b;
	}
	
ul.borderedlist li .static {
        background: #E5E5E4;
		color: #42423b;
	}

/* =LAYOUT - the main layout styles */
.container {
		width:900px;
		margin: 0 auto;
		position: relative;
		/*overflow:hidden;*/
	}
	
/* header layout */
#header {
		height: 153px; /*253*/
		background: #4a4841 url(../images/top_bg4.jpg) top repeat-x;
		position: relative;
		overflow:visible;
		z-index:100; /* fixes nav overlap issue */
	}
	
#header a img{
		margin-top: 4px;
	}
	
#header #newsletter{
        width:288px;
		margin-right: 18px;
		float: right;
	}
	
/* main area layout */
#main {
        padding:24px 0 20px 0;
		position: relative; /* fixes nav overlap issue */
		z-index: 1; /* fixes nav overlap issue */
	}

#leftcolumn {
        float: left;
		width:193px;
		position: relative; /* fixes nav overlap issue */
		z-index: 1; /* fixes nav overlap issue */
	}

#center {
	    float: left;
	    width:380px;
	    padding: 0 20px;
	}
	
#center2 {
	    float: left;
	    width:647px;
	    padding: 0 20px;
		height: auto !important;
		height: 500px;
		min-height: 500px;
	}  
	
#rightcolumn {
        float: left;
        width:287px;
	}
	
/* bottom layout */
#bottominfo {
		border-top: 5px solid #42423b;
		background: #f1eee7;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
	
.bottomcolumn {
		float: left;
		/*width:288px;*/
		width:440px;
		margin-right: 18px;
	}
	
.bottomright {
        margin-right:0;
	}
	
/* =HEADER - the header styles */
#header .container {
	    height: 153px; /*253*/	
		width: 900px;
		bottom: 0;
		/*background: url(../temp/PR_massage.jpg) left bottom no-repeat;*/
		/*background: #4a4841 url(../images/top_bg4.jpg) top repeat-x;*/	
	}
	
/* logo */
h1 {
		position: absolute;
		height: 71px;
		width: 300px;
		top: 2px;
		/* top: 50px; /* style for top nav */ 
		/* top: 15px - original style */
		/* left: 10px; */
	}
	
h1 a {
		font: 20px/24px Arial, Helvetica, sans-serif; /*24px/24px*/
		font-weight: normal;
		letter-spacing: -1px; /*-2px*/
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(../images/logo_bg.gif) left top no-repeat;
	}
	
h1 a:hover {
        color: #fff;
	}

h1 a span {
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(../images/logo_right.gif) right top no-repeat;
	}
	
/* top navigation */
/* LEVEL ONE */
ul.dropdown { 
        /*position: relative;*/
        position: absolute;
		left: 0;
		top: 107px; /*20px - for nav on top of header*/
		}
		
ul.dropdown li { 
        font-weight: bold; 
		float: left; 
		zoom: 1; 
		/*background: #ccc;*/
		font-size: 13px;
		}
		
ul.dropdown a:hover { 
        color: #000;
		}
		
ul.dropdown a:active {
        color: #ffa500;
		}
		
ul.dropdown li a {
        display: block; 
		/*padding: 5px 8px;*/
		padding: 4px 13px 4px 13px;
		/*border-right: 1px solid #333;*/
	 	/*color: #222;*/
		color: #ffffff;
		}
		
ul.dropdown li:last-child a {
        border-right: none;
		} /* Doesn't work in IE */

ul.dropdown li.hover, ul.dropdown li:hover {
        /*background: #F3D673;*/
		/*background: #538792;*/
		background: #cccccc; 
		color: black; 
		position: relative;
		}
		
ul.dropdown li.hover a {
        color: ffffff;
		}

/* LEVEL TWO */
ul.dropdown ul {
        width: 220px; 
		visibility: hidden; 
		position: absolute; 
		top: 100%; 
		left: 0;
		}
		
ul.dropdown ul li {
        font-weight: normal; 
		/*background: #f6f6f6;*/
		background: #999999;
		color: #000; 
		border-bottom: 1px solid #ccc; 
		float: none;
		}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
        border-right: none; 
		width: 100%; 
		display: inline-block;
		} 

/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* message and building pic */
#banner {
		position: absolute;
		width: 900px;
		height: 185px; /*125*/
		color: #a49c8f;
		font-weight: bold;
		padding:0 440px 0 7px;
		bottom: 0;
		/*background: url(../temp/PR_massage.jpg) right bottom no-repeat;*/
		font-size: 1.3em;
	}
	
/* =CONTENT - the content styles */
/* left column */
.leftbox {
        background: #f1f0ef;
		/*padding: 10px 23px 10px 23px;*/
		padding: 10px 23px 10px 13px;
		margin-bottom:3px;
		line-height:1.8em;
	}

h3.leftbox {
        font-size:19px;
		color: #8c8685; 
		background: #f1f0ef url(../images/h3_bg_tall.jpg) 0 0 repeat-x;
		padding:5px 0 10px 23px;
	}

h3.header_small {
         font-size:15px;
		 font-weight: bold;
		 background: #f1f0ef;
		 /*padding:0 23px 5px 23px;*/
		 padding:0 23px 5px 13px;
    }

ul.leftbox {
        font-size: 1.2em;
	}

.features {
        padding-top:15px;
		font:1.27em Arial, Helvetica, sans-serif;
	}
	
#leftcolumn .leftbox p {
        padding-bottom:1em;
		line-height:1.5em;
		font-size:12px
	}	
	
/* center columns */
.article_wrapper h2 {
        color: #5699A7; 
		font-size:2em;
		margin:10px 0;
	}
	
.article_wrapper p {
        padding-bottom:10px;
		font-size:1.3em;
		line-height: 18px;
	}
	
.article_wrapper ul {
        list-style:disc;
		font-size: 1.1em;
		margin-left: 25px;
	}
	
.article_wrapper ol {
		font-size: 1.1em;
		margin-left: 25px;
	}	
	
/* right column */
.rightbox_wrapper {
		background: #eeeeed; /*#eeeded*/
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	
.rightbox {
        border: 1px dashed #d9e0e8;
		width:275px;overflow: hidden;
		padding-bottom:6px;
	}
	
.product_image { 
        float: left;
		margin: 6px 0 0 6px;
	}
	
.product_wrapper {
        /*float: right;
		width:200px;*/
		float: left;
		width:274px;
	}
	
.product_wrapper h4 {
        font-size:1.3em;
		color: #483F3D;
		font-weight: bold;
		padding-top:10px;
		padding-bottom:5px;
	}
	
.product_wrapper p {
        font-size:1em;
	}
	
.lastbox {
        margin:0;
	}
	
/* =BOTTOM */
.bottomcolumn h3 {
		border-bottom: 4px solid #9b968f;
		color: #5699A7; font-size:18px;padding:15px 0 5px 5px;
	}
	
.bottomcolumn p {
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	
.iconlist {
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	
ul.iconlist li a {
		padding-left: 25px;
		background: url(../images/footer_list.jpg) left bottom no-repeat;
	}
	
ul.iconlist  li a:hover {
        background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;
		color: #42423b;
	}

.enewsbox {
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #5599A7;
		font-size:13px;
	}
	
.button {
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	
/* =FOOTER */
#footer {
		height: 37px;
		background: #4a4841 url(../images/footer_bg.jpg) 0 0 repeat-x;
		font-size: 1.2em;
	}
	
#footer a {
        color: #A39D97;
	}
	
#designby {
		background: url(../images/logo.gif) 0 0 no-repeat;
		float: left;
		height: 23px;
		padding:2px 0 0 30px;
		margin-top: 5px;
	}
	
#footer_navigation {
		float: right;
		padding-top:7px;
	}
	
#footer_navigation li {
	    float: left;
		padding-left:18px;
		font-size: .7em;
		font-weight: bold;
	}
	
#footer_navigation li a {
        text-transform:uppercase;
	}

#footer_navigation li a:hover {
        color: #5699A7;
	}
	
/* MISC */
#thec {
    font-size: 11px;
	font-weight: bold;
	padding: 5px;
	background-color:#F1F0EF;
	}
	
.indent {
    margin-left: 40px;
    }