*
{
	border: 0;
	margin:0; 
	padding:0;
}

img {
	border: 0;
	vertical-align: bottom;
	
	}

body
{
	background: #a2c6d8;
	color: #000;
	line-height: 1.5em;
	font: normal 83% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	
}

html, body {
	height: 100%;
}

div#container { 

	margin: 0 auto;
	width: 900px; 
	color: inherit;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	background: #3b86b0 url(../sleepfx-images/leftb.jpg) no-repeat; 
	min-height:100%; /* real browsers */
} 

div#container2 { 
       
	margin: 0 auto;
	width: 900px; 
	color: inherit;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	background: #f9fdfc url(../sleepfx-images/left.jpg) no-repeat; 
	min-height:100%; /* real browsers */
	
} 

div#innerleft { 
	float: left;
	width: 270px;
	height:703px;
	
	}
	
div#left { 
	float: left;
	width: 270px;
	background: #3b86b0 url(../sleepfx-images/leftb.jpg) no-repeat; 
	height: 100%;	
	} 
	
	

	

div#left2{ 
	float: left;
	width: 270px;
	background: #f9fdfc url(../sleepfx-images/left.jpg) no-repeat; 
	height: 100%;	
	color: inherit;
	} 

	div#innerleft2 { 
	float: left;
	width: 270px;
	height:640px;
	}	
	
	
		
div#right { 
	float: right;  
	width: 630px; 
	height: 100%;
	background: #3b86b0 url(../sleepfx-images/leftb.jpg) repeat-x; 
	 } 
	 
	 
div#right2 { 
	float: right;  
	width: 630px; 
	height: 100%;

	 } 	
	 
	  
div#content { 
	float: right;  
	width: 630px; 
 } 
	 

div#content2 { 
	float: right;  
	width: 630px; 
	background: #f9fdfc url(../sleepfx-images/content.jpg) no-repeat;
	text-align:left;
	 } 
	 


/*
 - GLOBAL FONT STYLE ---------------------------------------------------*/
 p {
 
	text-align: left;	
	letter-spacing:.05em;
	margin:5px 10px 0 0;
	padding:0;

}

.bold {
	font-weight: bold;
	line-height: 1.5em;
	
}

h1 {
 	color: #302c2c;
	text-align: left;	
	letter-spacing:.05em;
	background: transparent;
	margin-top:5px;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	
}

h2 {
	font: bold 11px "Times New Roman", Times, serif;
	color:#595b5d;
	line-height: 1.5em;
	margin: 2px 10px;
	text-transform:uppercase;
}

.text-indent {
	text-indent: 0;
}



.testimonial {
	width: 230px;
	margin:5px;
	margin-top: 50px;
	color: #1c3b5a;
	background: transparent;
	font-style: italic;
	text-align:left;
	
	}
	


/*	
 - MAIN NAVIGATION STYLE ---------------------------------------------------*/	
.ddcolortabs{
	padding: 0;
	width:900px;
	height:30px;
	background:#667aa9 url(../sleepfx-images/nav.jpg) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.ddcolortabs ul{
	font: bold 13px "century gothic", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	padding-left: 80px;
	list-style:none;
}

.ddcolortabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;

}


.ddcolortabs a{
	float:left;
	color: #f4f2f2;
	background: transparent;
	padding:5px 10px 0 10px;
	text-decoration:none;
	height:25px;
	border-right:1px solid #e1e4e4;
}

.ddcolortabs a span{
	float:left;
	display:block;
	/*padding: 4px 5px 2px 5px;*/
}



.ddcolortabs a:hover{
	color: #fff;
	background-color:#e3007a;	
}

.ddcolortabs a:hover span{
	color: #fff;
	background-color:#e3007a;	
}





/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
	position:absolute;
	top: 0;
	line-height:18px;
	z-index:100;
	background: #3b86b0 url(../sleepfx-images/bg-menu.jpg) repeat-x;
	width: 200px;
	visibility: hidden;
	text-align: left;
}


.dropmenudiv_a a{
	width: auto;
	display: block;
	text-indent: 5px;
	border-bottom: 1px solid #accfe1; /*THEME CHANGE HERE*/
	padding: 1px 0;
	text-decoration: none;
	color: #222;
}

* html .dropmenudiv_a a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
	background-color: #e3007a;
	color: #fff;
}



/* NAVIGATIONAL BACKGROUND for ABOUT US */
.ddcolortabs2{
	padding: 0;
	width:900px;
	height:30px;
	background:#667aa9 url(../sleepfx-images/nav-staff2.jpg) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
}


/* NAVIGATIONAL BACKGROUND for symptoms*/
.ddcolortabs3{
	padding: 0;
	width:900px;
	height:30px;
	background:#667aa9 url(../sleepfx-images/nav2.jpg) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
}


/* NAVIGATIONAL BACKGROUND for THERAPEUTIC PRODUCTS */
.ddcolortabs4{
	padding: 0;
	width:900px;
	height:30px;
	background:#667aa9 url(../sleepfx-images/nav4.jpg) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
}


/* NAVIGATIONAL BACKGROUND for Testimonials*/
.ddcolortabs5{
	padding: 0;
	width:900px;
	height:30px;
	background:#667aa9 url(../sleepfx-images/nav5.jpg) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
}
/* NAVIGATIONAL BACKGROUND for RESOURCES*/
.ddcolortabs6{
	padding: 0;
	width:900px;
	height:30px;
	background:#667aa9 url(../sleepfx-images/nav3.jpg) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
}


/* NAVIGATIONAL BACKGROUND for CONTACT US*/
.ddcolortabs7{
	padding: 0;
	width:900px;
	height:30px;
	background:#667aa9 url(../sleepfx-images/nav7.jpg) no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
}

/* 
PAGE TITLES  ------------------------------------------------------------*/

	
.title { 
	background: #afd3e3 url(../sleepfx-images/bg-title.jpg) repeat-x;
	height:41px;
	}
.title img { float:left;}
.title p { 
		color: #271666;
		font: 700 15px Arial, Helvetica, sans-serif;
		float:left;
		margin: 0;
		padding:10px 0 10px;
		width:320px;
		height:21px;
		background: #afd3e3 url(../sleepfx-images/bg-title.jpg) repeat-x;
		
		}	
.title p.icon-right {
	float:right!important;
	padding:0!important;
	margin: 0!important;
	width:250px;

	}
	
		
#right2 .pagetitle {
	background: url(../sleepfx-images/headerbg3.jpg) repeat-x; 
	height:41px;
	
	}
	
#right2 .pagetitle img { float:left;}
#right2 .pagetitle p { 
		color: #271666;
		font: 700 15px Arial, Helvetica, sans-serif;
		float:left;
		margin: 10px 0 0 0;
		padding:0;
		width:320px;
		
		}	
#right2 .pagetitle p.icon-right {
	float:right!important;
	padding:0!important;
	margin: 0!important;
	width:250px;
	
	}
	
	
	
		

/* Shadow Box, lists, etc
--------------------------------------------------------------------------------------- */


.pic {
	width:550px;
	margin:10px;
	padding:10px;
	overflow: hidden;
	}
	

.pic .thumb,
.thumb  {
	float: left;
    margin: 5px 10px 0 0;
	padding:3px;
	background:#ccc;
}

	

.pic p {
	 overflow: hidden;
	margin-top:-15px;
}

.pic p strong {
	color: #271666;
	background: transparent;
	font-weight:700;
}

.symptoms ul
	{ 
	
	text-align: left; 
	margin:10px;
	padding-left: 20px;
	float: left;

	 }
.symptoms ul li
	{ 

	padding-left: 10px;
	margin: 0;
	
	}
	


/*
 - FOOTER ---------------------------------------------------*/
#footer {
	font-weight: bold;
	margin:0px auto;
	color: #eee;
	clear: both;
	position: relative;
	width: 900px;
	font-size: 10px;
	background: url(../sleepfx-images/footer.jpg) no-repeat;
	height: 56px; 
	}
	
#footer a { 
	color: #eee;
	text-decoration: underline;
	}
/* 
- MIS ----------------------------------------------------------*/	
.clearfloat {
	clear:both;
	}

.center-text {
	text-align: center;
	padding-bottom:150px;
	}
	

	
.hr {

	width:80%;
	height:3px;
	margin: 4px auto;
	
}




.floatright {
	float:right;
	margin:7px;
	padding-bottom:10px;
	}
	
.floatleft {
	float:left;
	margin:7px;
	margin-bottom:20px;
	padding-bottom:20px;
	}
	
.floatdetail {
	float: left;
	
}


/* 
- LINK STYLES --------------------------------------------------------------------*/

.sleep a:link { 
	color: #3b2b73;
	margin: 0;
	background: inherit;
	}
	
.sleep a:visited { 
	color: #333;
	background: inherit;
	}
	
.sleep a:hover { 
	color: #111;
	background-color: transparent;
	text-decoration: none;
	}
	
 .sleep a:active { 
	color: #302c2c;
	background: inherit;
	}
	
.sleep .sleep a:focus, a:focus {
	outline: none;
}

/* PRODUCT LISTS
--------------------------------------------------------------------------------------- */

.card {
	width:550px;
	background:#fff;
	margin:10px;
	padding:10px;
	border: 1px solid #d8d7d7;
	overflow: hidden;
	}
	

.card .floatleft {
	float: left;
    margin: 5px 10px 0 0;
  

}

.card .floatright {
	float:right;

	}
	

.card p {
	 overflow: hidden;
	margin-top:-15px;
}




/* SITE MAP------------------------------------------------*/
.accessbox{
	float: left;
	width: 250px;
	margin: 10px;
	padding: 10px;
	/*display: inline;*/}

.accessbox h3 {
	width: 250px;
	height: 16px;
	padding: 3px 0;
	background: #8ac9ea;
	color: #271666;
	font-size: 11px;
	text-align:center;
	}

.accessbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:250px;
	
	}

.accessbox li {

	margin:0px;
	padding:3px;
	border-bottom: 1px solid #c1dadf;
	color: #000;
	background: inherit;
  text-align:left;
	}

.accessbox li a{

	margin:0px;
	padding:3px;
	color: #000;
	background: inherit;

	}
	
.accessbox li a:hover, 
.accessbox li:hover {
	background: #fff;
	color: inherit;
	text-decoration:none;
	}
	


/* GALLERY------------------------------------------------*/
ul.gallery li {
	float: left;
	margin: 1px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	list-style:none;


}
ul.gallery li:hover {
	background: #333; 
	border: 1px solid #333;
	margin: 1px; padding: 0;
	text-align: center;
}

/* HOME PAGE------------------------------------------------*/

#wrapper
{
	width: 850px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;

}

* html #wrapper
{
	height: 100%;
}

#left{

	float:left;
	width:596px;


}

#left2{

	float:left;
	width:596px;
	background: url(../sleepfx-images/photo-bg.jpg) no-repeat;
	height: 446px;

}

#left2 .text{

	margin-left:30px;
	margin: 50px;

}

/*
 - RIGHT SIDE - LOGO MENU -----------------------------------------*/

#right{

	float:left;
	width:254px;
	}


/*
- MENU ------------------------------------------------------------- */
	
.rightmenu {
	width: 254px;
	background:  url(../sleepfx-images/menu-container.jpg) no-repeat;
	height: 234px;
	}

.rightmenu span {
	padding: 25px;	
	
	}
	
.rightmenu li a {
	height: 51px;
 	font: bold 90% "Century gothic" Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 1.4em;
	}	
	
.rightmenu li a:link, .rightmenu li a:active,.rightmenu li a:visited {
	color: #000000;
	display: block;
	background:  url(../sleepfx-images/menu-bg.jpg) no-repeat;
	padding: 2px 10px;
	text-decoration: none;
	}
	
.rightmenu li a:hover {
	color: #5d3d3d;
	background:  url(../sleepfx-images/menu-bg.jpg) no-repeat;
	padding: 2px 10px;
	}	

.rightmenu li a:focus {
	outline: none;
}
	
/*
 - MIS ----------------------------------------------------- */
	.clearfloat {
	clear:both;
	}

/*
- BOTTOM ------------------------------------------------------ */
#bottom {
	background: url(../sleepfx-images/bg-homebottom.jpg) no-repeat;
	height:52px;
	width:850px;

	}
#bottom p{
	color: #155577;
	text-align: left;	
	letter-spacing:.05em;
	background: transparent;
	width: 830px;
	padding-left: 20px;
	font: normal 89% "Times New Roman", Times, serif;
	}
#bottom a:link, #bottom a:active, #bottom a:visited {
	color: #5f727c;
	padding: 2px;
	text-decoration: none;
	}
#bottom a:hover {
	color: #607a92;
	padding: 2px;
	text-decoration: none;
	}
	
.text-indent {
	text-indent: 0;
	xtext-indent: 1%;
}

.hr {

	width:80%;
	height:3px;
	margin: 4px auto;
	
}

.bold {
	font-weight: bold;
	color: #271666;
	background: transparent;
	line-height: 1.5em;
}	



.website-credit {
	text-align: right;
	margin:10px;
	padding:10px;
	font: normal 74% Helvetica, sans-serif, Verdana, Arial;
	}