﻿body {
	background: #fffdfd url(../img/bg_new.jpg) repeat-x;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
}
p{margin:12px 0; text-align: left;}
img{border:0}
#page_con {
	margin: 0 auto;
	width: 900px;
	border-left: 1px solid #484747;
	border-right: 1px solid #484747;
	background-color:#ffffff;
}
#page_top {
	height: 28px;
	background: url(../img/top_box_bg.jpg) repeat-x;
	border: 0px solid #345F9D;
	padding:8px 25px 0px 25px;
}
#logo {
	float:left;
	width:300px;
	height: 106px;
	color:#595959;
	line-height:134px;
	text-align:center;
	font-size:30px;
	font-family:Helvetica;
}
#topnav {
	float:right;
	width:400px;
	height: 106px;
}
#topnav ul{
	margin:0;
	padding: 0 0 10px 0;
	list-style:none;
}
#topnav li{
	border-left:1px solid #a3a2a2;
	width:99px;
	height: 134px;
	float:left;
}
#topnav a{
	display:block;
	height: 40px;
	padding-top:94px;
	background: url(../img/topnav_bg.jpg) repeat-x;
	text-align:center;
	text-decoration:none;
	color:#403f3f;
	font-size:11px;
}
#topnav a:hover{color:#0000ff; text-decoration: underline;}
#header{
	border: 2px solid #636363;
	background-color:#242424;
	height: 205px;
	padding:12px 8px 0 8px;
}
#header_left{
	width:274px;
	float:left;
	border: 1px solid #616161;
	background-color:#010101;
	padding:6px;
	color:#ffffff;
}
#header_left_content{
	background: #474747 url(../img/header_left_bg.jpg) repeat-x;
	padding:6px;
	height: 169px;
}
.header_left_title{
	font-size:16px;
	color:#ff9933;
	border-bottom:1px solid #b2b1b1;
	line-height:35px;
}
#header_left_content a{color:#ffffff;}
#flash_con{
	border:5px solid #636363;
	float:right;
}
#content{padding:5px 10px 10px 10px;}
#left_col{
	float:left;
	width:290px;
}
.leftnav_title{
	color:#8d4d0d;
	line-height:20px;
}
#leftnav ul{
	margin:0;
	padding: 0;
	list-style:none;
}
#leftnav li{display:inline;}
#leftnav a{
	display:block;
	color:#121111;
	background: url(http://www.hypnosis101.com/images/arrow.gif) no-repeat 275px center;
	padding:6px 0 6px 15px;
	text-decoration:none;
	font-size:16px;
	border-left:3px solid #dadada;
	border-bottom:1px solid #dadada;
	margin-top:5px;
}
#leftnav a:hover{color:#0000ff; text-decoration: underline;}
.news{
	border:1px solid #bfbfbf;
	padding:4px 4px 10px 4px;
	width:280px;
	background: url(../img/news_bg.jpg) repeat-x;
}
#right_col{
	float:right;
	width:575px;
}
#main{
	padding:5px;
	background:#eeeeee;
	border:1px solid #bfbfbf;
}
#main2{
	padding:5px;
	background:#ffffff;
	border:1px solid #bfbfbf;
}

#main a{color:#8d4d0d;}
.top_box_white{
	background:#ffffff;
	padding:4px 4px 10px 4px;
	border:1px solid #bfbfbf;
	width:268px;
}

.top_box{
	background: url(../img/top_box_bg.jpg) repeat-x;
	padding:4px 4px 10px 4px;
	border:1px solid #bfbfbf;
	width:268px;
}
.search_box{
}

.box_content{
	background:#264482 url(../img/box_content_bg.jpg) repeat-x;
	padding:4px;
	color:#ffffff;
	margin:15px 0 5px 0;
}

.search_content{
	background:#848484 url(../img/box_content_bg.jpg) repeat-x;
	padding:5px;
	color:#ffffff;
	margin:5px 5px 5px 5px;
}
#footer{
	color:#a4a3a3;
	clear: both;
	padding:15px 0 5px 0;
}
.title{
	border:1px solid #264482;
	padding:6px 0 0 30px;
	background: url(../img/title_bg.jpg) no-repeat;
	height:28px;
	line-height:28px;
	color:#5c5b5b;
	font-size:18px;
}
.border{border:1px solid #bfbfbf;padding:3px;}
#main .border{border:1px solid #e3e3e3;padding:2px;background:#a9a9a9;}
.f_right{float:right;}
.f_left{float:left;}
.img_right{
	float:right;
	margin: 5px 0 0 5px;
}
.img_left{
	float:left;
	margin: 0 10px 10px 0;
}
.right{text-align:right;}
.padding10{padding:10px 5px;}
.bulleted_list{
	margin: 0;
	padding: 0;
	list-style:none;
}
.bulleted_list li{
	background: url(../img/arrow.gif) no-repeat left 5px;
	line-height:18px;
	padding:0 0 0 15px;
}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.sp{
	font-size: 1px;
	line-height: 1px;
	height: 5px;
	background: url(../img/sp_bg.jpg) repeat-x;
	margin:10px 0;
}
.textbox
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#FDF2D0;
border: 2px; border-style: solid; border-color:#FF9933;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="textbox">content of box</div>*/

.whitetextbox
{
width: 80%; margin-left: auto; margin-right: auto;
border: 0px; border-style: solid; border-color:#000000;
padding: 6px; 
}
/*This is a white box surrounding text<div class="whitetextbox">content of box</div>*/


.orderbox
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#FDF2D0;
border: 3px; border-style: dashed; border-color:black;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="orderbox">content of box</div>*/


.orderbox2
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#ffffff;
border: 3px; border-style: dashed; border-color:black;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="orderbox">content of box</div>*/

.orderbox3
{
width: 80%; margin-left: auto; margin-right: auto;
background-color:#dfdfdf;
border: 3px; border-style: dashed; border-color:black;
padding: 6px; 
}
/*This is a colored box surrounding text<div class="orderbox">content of box</div>*/


/*Just testing*/