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

/* stylesheet for Hypno Coach Wordpress Website */
/* Designing Company: imicreation */
/* Coded By: VIP */

body {
	margin: 0;
	padding: 0;
	background-color: #26898c;
	background-image: url(images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

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

a img {
border: none;
}

* {
outline: none;
}

ul, ol {
padding: 0;
margin: 0;
list-style-type: none;
}
.11font {
	font-size: 1.1em;
}
.14font {
	font-size: 1.4em;
	font-weight: bold;
}
.greyfont {
	color: #3f4040;
}
.redfont {
	color: #990000;
}

.redbg {
background-color: #990000;;
color: #ffffff;
}

.no1 {
margin-bottom: -40px;
padding-bottom: 10px;
}

.indent {
padding-left: 42px;
}
#box {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
	padding-right: 20px;
}
#header {
	float: left;
	
	width: 100%;
	height: auto;
}
#logo {
	float: left;
	margin-top: 50px;
	width: 390px;
	height: 60px;
	padding: 0px;
	text-indent: -9999px;
}
#logo a {
	display: block;
	height: 60px;
}
#contactbox {
	float: right;
	width: 260px;
	padding-top: 55px;
	color: #990000;
	font-size: 1.5em;
	font-weight: bold;
	height: 55px;
	padding-left: 310px;
}

#contactbox a {
color: #990000;
}

#navigation {
	float: left;
	width: 960px;
	height: 33px;
	clear: both;
	margin-top: 20px;
}
#navigation ul {
	width: 400px;
	float: right;
}
#navigation ul li {
	float: left;
}
#navigation ul li a {
	background-image: url(images/nav-li.png);
	background-repeat: no-repeat;
	behavior: url(http://www.hypnocoach.ca/wp-content/themes/imi/iepngfix.htc);
	height: 33px;
	width: 95px;
	line-height: 33px;
	text-align: center;
	margin-right: 5px;
	color: #006666;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
}
#navigation ul li a:hover, #navigation ul li a.active {
	color: #FFFFFF;
}

#navigation ul li a.active {
background: url(images/nav-li-over.png) no-repeat;
behavior: url(http://www.hypnocoach.ca/wp-content/themes/imi/iepngfix.htc);
}
#submenu {
	clear: both;
	float: left;
	width: 915px;
	border-top: 4px solid #4eb8bf;
	margin-left: 45px;
	display: inline;
}

#submenu ul {
	float: right;
	width: 490px;
	color: #FFFFFF;
	font-size: 1.4em;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}

#submenu ul li {
	display: inline;
}
#submenu ul li a {
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
}

#submenu ul li a.hot {
background-color: #990000;
padding: 0 1px 0 1px;
}

#container {
	width: 960px;
	height: auto;
	padding-top: 25px;
	clear: both;
	float: left;
}
#leftcol {
	float: left;
	width: 300px;
	padding-left: 15px;
	padding-top: 10px;
	height: 860px;
}
#profile {
	background-image: url(images/greg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 43px;
	width: 243px;
	padding-top: 222px;
	text-align: center;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1.2em;
}
#certificate {
	float: left;
	height: 190px;
	width: 213px;
	background-image: url(images/certificate-bg.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 118px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 18px;
	padding-right: 15px;
	padding-left: 15px;
}
#thought {
	background-image: url(images/thought-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 204px;
	width: 243px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#thought h2 {
	font-size: 2.1em;
	color: #006666;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}


#rightcol {
	float: left;
	width: 625px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	padding-top: 20px;
}

#rightcol h2 {
	background-image: url(images/h1.png);
	background-repeat: no-repeat;
behavior: url(http://www.hypnocoach.ca/wp-content/themes/imi/iepngfix.htc);
	text-indent: -9999px;
	height: 45px;
	margin: 0px;
	padding: 0px;
}
#rightcol h4 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
}

.post {
}

.post h1 {
	color: #006666;
	font-size: 2em;
border-bottom: solid 2px #ffffff;
padding-bottom: 3px;
}

.post h1 a {
color: #006666;
}

#rightcol ol {

}

#rightcol ol li {
}

#rightcol ol li a {
display: block;
font-weight: bold;
font-size: 1.2em;
color: #ffffff;
background: url(images/ol-li.gif) no-repeat left 3px;
padding-left: 15px;
padding-bottom: 6px;
}

#rightcol ol li a:hover, #submenu ul li a:hover, #submenu ul li a.active {
color: #000000;
}


#rightcol p {
	font-size: 1.3em;
	line-height: 1.8em;
	color: #FFFFFF;
}

#rightcol p a {
color: #000000;
padding: 2px;
background-color: #c9f4f4;
}
.bgdiv, .bgdiv-fixed {
	background-color: #a0dadb;
	padding: 3%;
	width: 94%;
	font-size: 1.3em;
	line-height: 1.5em;
	font-style: italic;
	color: #990000;
margin-bottom: 12px;
}

.bgdiv {
height: auto;
}

.bgdiv-fixed {
height: 125px;
}

.bgdiv a, .bgdiv-fixed a {
color: #ffffff;
font-weight: bold;
}

.bgdiv a:hover, .bgdiv-fixed a:hover {
color: #006666;
}

.bgdiv img, .bgdiv-fixed img {
float: left;
clear: left;
margin-right: 8px;
}

.more {
width: 100%;
text-align: right;
padding-right: 10px;
}

#cloud {
	width: 570px;
	float: left;
	margin-top: 20px;
	color: #006666;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2.9em;
	background-image: url(images/cloud.png);
text-align: center;
behavior: url(http://www.hypnocoach.ca/wp-content/themes/imi/iepngfix.htc);
	background-repeat: no-repeat;
	height: 95px;
	padding-top: 44px;
	padding-left: 55px;
}
#footer {
	clear: left;
	height: 30px;
	width: 945px;
	text-align: right;
	padding-right: 15px;
	line-height: 15px;
	color: #FFFFFF;
	padding-top: 10px;
        padding-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer a {
        font-weight: bold;
	color: #ffffff;
}

/* for google chrome */
/*\*/
html>body*#cloud {margin-top: 130px;}
/**/

/* ----- chromemenu ----*/

.chromestyle{
width: 99%;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
}

.chromestyle ul li{
}

.chromestyle ul li a{
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
}

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

.dropmenudiv{
	position:absolute;
	top: 0;
	border-bottom: 5px solid #006666; /*THEME CHANGE HERE*/
	font:normal 12px Verdana;
	z-index:100;
	background-color: #4eb8bf;
	width: 160px;
	visibility: hidden;



filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	width: auto;
	display: block;
	border-bottom: 1px solid #f0f0f0;
	text-decoration: none;
	color: #006666;
	height: auto;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 8px;
	line-height: 16px
}

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

.dropmenudiv a:hover, .dropmenudiv a.active{ /*THEME CHANGE HERE*/
	background-color: #339999;
color: #ffffff;
}

/* content slider */

.contentslide{
border-bottom-width: 6px;

clear: both;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 80%;
height: 150px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
padding-left: 10%;
padding-right: 10%;

}

 .contentdiv{
 display:none;
font-size: 1.2em;
	line-height: 1.5em;
	color: #272727;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pagination{
width: 220px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
padding: 0 0 4px 0;


}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #0F6FD1;
background-color: white;
border:1px solid #EFEFEF;

}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #B4D6F9;
}

.recent_txt2{ font:Arial, Helvetica, sans-serif; font-size:11px; color: #006666; padding:2px 10px 0 2px; font-weight: bold;}