body
{
	margin: 0;
	padding: 0;
	font: 80% verdana, arial, hevetica, sans-serif;
	text-align: center;
	color: #666;
	background-color: #e7ecf6;
	background-image: url(../img/aura-soma-bg.jpg);
	background-repeat: repeat;
	}

a:link { color: #339999; }
a:visited { color: #339999; }

a:hover, a:active
{
	color: #339999;
	text-decoration: none;
	}

h1
{
	color: #666;
	font: 150% arial, hevetica, sans-serif;
	font-weight: bold;
	margin: 0 0 2px 0;
}

h2
{
	color: #666;
	font: 106% verdana, arial, hevetica, sans-serif;
	font-weight: bold;
	margin-top: 5;
	margin-bottom: 0;
}

h6
{
	color: #339999;
	font: 106% verdana, arial, hevetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


#container
{
	margin: 1em auto;
	width: 760px;
	text-align: left;
	background-color: #fff;
	border: 1px none #fff;

}

#header
{
	height: 120px;
	width: 100%;
	background-image: url(../img/colourconscious.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom: 1px solid #fff;
	position: relative;
	border: 1px none #fff;
	border-bottom: 1px solid #fff;
}


#mainnav ul { list-style-type: none; }
#mainnav li { display: inline; }

#menu
{
	float: left;
	width: 165px;
	border-right: 1px solid #ccc;
	padding-left: 15px;
	padding-right: 5px;
}
#menu a:hover
{
	color: #339999;

	text-decoration: underline;
}
#menu a
{
	color: #3d4242;

	text-decoration: none;
}


#contents { margin: 0 20px 40px 200px; 
}

#contents p { line-height: 130%; }
.imagefloat { float: right; }
.imagefloatleft { float: left; }
.imageleftnoborder { float: left; }
#footer
{
	clear: both;
	color: #333300;
	text-align: right;
	font-size: 90%;
}

#smallmenu
{
	position: absolute;
	left: 0;
	top: 5px;
	width: 744px;
	text-align: right;
}

#smallmenu 
{
	color: #fff;
font-weight: bold;
font-family: 'Trebuchet MS', 'Helvetica Neue', arial, hevetica, sans-serif;
}


#smallmenu a
{
	color: #fff;
	text-decoration: none;
}

#smallmenu a:hover
{
	color: #999;

	text-decoration: none;
}



#container
{
	border: 1px solid #666;
}

#mainnav
{
	background-color: #fff;
	color: #272900;
	padding: 2px 0px;
	margin: 0px 5px 22px 7px;
	border-bottom: 1px solid #999;
}

#mainnav ul
{
	margin: 0 0 0 8px;
	padding: 0;
	list-style-type: none;
	
}

#mainnav li
{
	display: inline;

}

#mainnav li a
{
	text-decoration: none;
	color: #272900;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #fff;

}

#menu ul
{
	margin-left: 0;
	list-style-type: none;
	line-height: 140%;
	font-family: arial, hevetica, sans-serif;
	padding:0px 5px 2px 10px;
}

.imagefloat
{
	padding: 2px;
	border: 1px solid #339999;
	margin: 0 0 10px 10px;
}
.imagefloatleft
{
	padding: 2px;
	border: 1px solid #339999;
	margin: 0 25px 4px 0px;
}

.imageleftnoborder
{
	padding: 0px;
	border: 0px none #339999;
	margin: 7px 10px 0px 0px;
}



.section ul
{
	list-style-type: none;
	text-align: right;
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
}

.section li
{
	display: inline;
	padding: 0 0 0 7px;
}

#footer
{
	background-color: #669197;
	padding: 5px;
	font-size: 90%;
}


/* Begin - Clickable Header */

#header h5 {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
}
#header h5 a {
	padding: 0;
	margin: 0;
	width: 400px;
	height: 120px;
	display: block;
}
#header h5 a span { display: none; }
/* End - Clickable Header */


/* Begin - Dropdown Menu */
#mainnav {font:0.95em bold 'Trebuchet MS', 'Helvetica Neue', arial, hevetica, sans-serif; width: 98%; float: left; clear: right;}
	#mainnav ul, #mainnav ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#mainnav li {float: left; width: 81px;}
	#mainnav li, #mainnav ul.sub li {margin: 0; padding: 0;}
	#mainnav h3 {font-size: 1em; margin:0; padding: 1px; TEXT-ALIGN:CENTER}
	#mainnav h3 a {display: block; text-decoration: none; width: 100%; }
	#mainnav h3 a:hover {background-color: #fff; color: inherit;}
	ul.sub {position: absolute; z-index: 10; visibility:hidden;} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
  #mainnav ul.sub li {display: block; width: 100%; margin:0; padding: 0; border-bottom: 1px solid #ccffff;}
	#mainnav ul.sub li a {display: block; margin: 0; width: 150px;  background-color: #ccc;}
	#mainnav ul.sub li > a {width: 160px; padding-left:5px;}
	#mainnav ul.sub li a:hover {background-color: #eee; color: #009999;}

  #mainnav ul li.main:hover h3 a {background-color: #fff; color: #669999;}
  #mainnav ul li.main {position: relative;}
  #mainnav ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
  #mainnav ul li.main:hover ul.sub {visibility: visible;}
  /* End - Dropdown Menu */
/* Begin - Floating box - upper */
.floatboxup
{
width: 150px;
margin: 0px 0px 10px 10px;
padding:5px;
border: 1px solid #666;
display: block;
	float: right;
	background-color: #ccffff;
}
.boxupimage {
	padding: 2px;
	border: 1px solid #99cc00;
	margin: 6px;
}	
/* End - Floating box - upper*/
/* Begin - Floating box - bottom */
.floatboxbot
{
width: 350px;
margin: 0px 0px 10px 0px;
padding:5px;
border: 1px solid #666;
display: block;
	float: left;
	background-color: #ccffff;
}
.boxbotimage {
	padding: 2px;
	border: 1px solid #99cc00;
	margin: 6px;
	float: left;
}	
/* End - Floating box - bottom*/
/* Begin - Floating box - for video*/
.floatboxvid
{
width: 150px;
margin: 0px 10px 10px 0px;
padding:5px;
border: 1px solid #666;
display: block;
	float: left;
	background-color: #fff;
}
.boxvidimage {
	padding: 2px;
	border: 1px solid #99cc00;
	margin: 6px;
	float: left;
}	
/* End - Floating box - for video*/
/* Begin - Horizontal separator */
.hrseparator
{
width: 520px;
margin: 0px 10px 10px 0px;
padding:0px;
display: block;
	float: left;
	background-color: #fff;
	border-style:dotted;
	border-width:thin;
	border-top-width:0;
	border-bottom-width:1px;
	border-right-width:0; 
	border-left-width:0;
}	
/* End - Horizontal separator */
/* Begin - Text beside video */
.videocomment
{
width: 350px;
margin: 0px 10px 10px 0px;
padding:0px;
display: block;
	float: left;
	background-color: #fff;
	border-style:none;
	border-width:none;
	border:0px;
}
/* End - Text beside video */
/* Begin - Floating box - for amazon*/
.floatboxamaz
{
width: 130px;
margin: 0px 10px 10px 0px;
padding:5px;
border: 0px solid #666;
display: block;
float: left;
background-color: #fff;
}
/* End - Floating box - for amazon*/
/* Begin - Floating box - recommended*/
.floatboxrecomm
{
width: 520px;
margin: 0px 10px 10px 0px;
padding:5px;
border: 0px solid #666;
display: block;
float: left;
background-color: #fff;
}
/* End - Floating box - recommended*/
/*  Items Separator - Begin*/
.dotseparator25
{
	margin: 0px 0px 25px 0px;
	background-color: #fff;
	border-style:dotted;
	border-width:thin;
	border-top-width:0;
	border-bottom-width:1px;
	border-right-width:0;
	border-left-width:0;
}
/*  Items Separator - End*/
/*  Items Separator - Begin*/
.separator20
{
	margin: 0px 0px 20px 0px;
}
/*  Items Separator - End*/
.separator35
{
	margin: 0px 0px 35px 0px;
}
/*  Items Separator - End*/

/*  To align h2 with top of the image - Begin*/
h2.aligntop {margin-top:0px;}
/*  To align h2 with top of the image - End*/

/*Off-set submenu in Sidebar - Begin*/
#menu li  {padding:0px 0px 3px 0px;}
/*Off-set submenu in Sidebar - End*/

/*Text "Sign up for newsletter" in Sidebar - Begin*/
#signup
{
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}
/*Text "Sign up for newsletter" in Sidebar - End*/


/*Style for menu in Sidebar - Begin*/
#menuboxcolour, #menuboxas, #menuboxcourses, #menuboxhot, #menuboxabout, #menuboxvideo, #menuboxrecommend, #menuboxservices
{margin: 0px 10px 0px 0px; font-size:86%;}

h2.menuboxhot, h2.menuboxas ,h2.menuboxcolour, h2.menuboxcourses, h2.menuboxabout, h2.menuboxvideo, h2.menuboxrecommend, h2.menuboxservices
{padding:2px 5px 2px 10px; color:black;}

#menuboxservices
{background-color:#FFEB7B;}
h2.menuboxservices
{background-color:#FCC836;}

#menuboxvideo
{background-color:#DDF3FF;}
h2.menuboxvideo
{background-color:#A3E1F6;}

#menuboxrecommend
{background-color:#FE9985;}
h2.menuboxrecommend
{background-color:#EC3A3A;}

#menuboxabout
{background-color:#D2D9E9;}
h2.menuboxabout
{background-color:#A2AFC0;}

#menuboxhot
{background-color:#FFD073;}
h2.menuboxhot
{background-color:#FFBF40;}

#menuboxas
{background-color:#E0EBCD;}
h2.menuboxas
{background-color:#C5D3B2;}

#menuboxcolour
{background-color:#C9E291;}
h2.menuboxcolour
{background-color:#B5CD5F;}

#menuboxcourses
{background-color:#99C9FA;}
h2.menuboxcourses
{background-color:#6EA3CB;}
/*Style for menu in Sidebar - End*/

/*Style for Hot Topics in Sidebar - Begin*/
#hottopics
{
	background-color:#e7f7f9;
	margin: 0px 10px 0px 0px;
	font-size:86%;
}

h2.hottopics
{
background-color:#66cccc;
padding:2px 5px 2px 10px;
color:black;
}
/*Style for Hot Topics in Sidebar - End*/

/*Style for Testimonials - Begin*/
p.testimonials
{
}
p.name
{
	font-weight: bold;
}
/*Style for Testimonials - End*/


/*Style dotted separator - Begin*/
img.dots
{
	margin:5px 0px 10px 0px
}
/*Style dotted separator - End*/