/*
Theme Name: Hypnotherapy
Theme URI: http://www.hypnotherapy4u.com.au
Description: WordPress Theme for Hypnotherapy
Author: RA
Version: 
*/

body {
	background-color: #336699;
	margin: 0;
	padding: 0;
	font-family: arial;
	color: #fff;
	font-size:16px;
}
.f-none {
	float: none !important;
	margin: 0 auto !important;
	width:80%; position:relative;
}
.menu {
	list-style: none;

	margin: 0;
}
.menu li a{
	color: #fff;
	text-decoration: none;
	font-size:18px;
}
.menu li{
	float:left;
	display: block;
	padding: 3px 25px ;
	background: url(images/nav-bg.png) repeat-x;
	border-right: 1px solid #000;
}
.nav-first { float:left; position:absolute; left:4px; }
.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:left; margin-right:4%; position:relative; }
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width:65.32%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.last {margin-right: 0;}

.post-meta {	list-style: none; text-align: center; padding: 0; margin: 0;}
span.post-meta-key {display: none;}

#pros ul li a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
ul.pros {
	list-style-image: none;
	list-style: none;
	padding: 0;
	margin: 0 0 15px;
}
.pros li {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: url(images/li.jpg) no-repeat 0px 1px;
	padding: 0 0 7px 20px;
 }
.side-menu1 ul{ list-style: none; list-style-image:none; padding: 0; margin: 0; }
.side-menu1 { float:right; width:192px; margin:0 0 10px 10px;}
.side-menu1 ul li { height: 26px;}

.side-menu ul li { height: 26px;}
.side-menu ul{ list-style: none; list-style-image:none; padding: 0; margin: 0; }
.side-menu {
    float: none;
    margin: 0 auto 15px;
    width: 192px;
}

 .fleft { float:right; width: 92px; text-align: center; position:absolute; right:0; top:0;}
 body.page-id-100 #footer {display: none;} /* testimonials */
  body.page-id-162 #footer {display: none;} /* links */
 .contact-form-supervision div.wf { float: left; width: 190px;}
 .img-logos-bottom img {margin-right: 35px; float:left;}
 .contact-form-supervision {
    background-color: #d7e9f3;
    color: #394f5f ;
    padding: 20px;
    font-size: 13px;
}
span.asterix {color: #ff0000;}
input[type="text"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select {
    background-color: #ABCADB;
    color: #4e4e4e;
    padding: 2px;
    border: none;
}

.header-img {
	max-width:624px; margin:0 auto; width: 100%;
}


/*---------------------------RESPONSIVE---------------*/
@media only screen and ( min-width: 1159px ) and ( max-width: 1260px ) {

.menu li {      padding: 3px 12px;  }
.f-none {	width:70%; position:relative; }

}
@media only screen and ( min-width: 1114px ) and ( max-width: 1158px ) {
.f-none {	width:73%; position:relative; }
.menu li {      padding: 3px 12px;  }
}
@media only screen and ( min-width: 1016px ) and ( max-width: 1113px ) {
.f-none {	width:82%; position:relative; }
.menu li {      padding: 3px 12px;  }
}
@media only screen and ( min-width: 916px ) and ( max-width: 1015px ) {
.f-none {	width:90%; position:relative; }
.menu li {      padding: 3px 12px;  }
}
@media only screen and ( min-width: 801px ) and ( max-width: 915px ) {
.f-none {	width:92%; position:relative; }
.menu li {      padding: 3px 12px;  }
.menu li a {    font-size: 15px; }
}
@media only screen and ( max-width: 800px ) {

.fleft {
 
    top: 53px;
 }
.header-img {
    float: left;
    max-width: 604px;
    width: 100%;
}

.f-none {display: none;}
}
@media only screen and ( max-width: 960px ) {
}

@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
}

@media only screen and ( max-width: 767px ) {

.header-img {
    float: none;
    margin: 0 auto;
    max-width: 374px;
    width: 100%;
}
.fleft {
    float: none;
    margin: 10px auto 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 92px;
}
 .fleft img { width: 80%;}
}

@media only screen and ( max-width: 479px ) {

.header-img {
    float: none;
    margin: 0 auto;
    max-width: 314px;
    width: 100%;
}
.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:none; margin-right:0; position:relative; width: 100%;}

input[type="text"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select {

    width: 100%;
}
}
@media only screen and ( max-width: 320px ) {
.one_half, .one_third, .two_third, .one_fourth , .three_fourth { float:none; margin-right:0; position:relative; width: 100%;}
}

/*---------------------------RESPONSIVE---------------*/