/**

Theme Name: Supportal
Theme URI: http://designtheme.net/
Description: This is the theme for Supportal.
Version: 0.1
Author: Design Theme
Tags: none.

 :)

**/


	body{
		margin:0px;
		padding:0px;
		background:url(images/background.jpg) repeat-x top left;
		background-color:#F4F3EE;
		font-family:"Lucida sans Unicode",Arial, Helvetica, sans-serif;
	}
	
	a{
		outline:0px;
	}
	
	h2{
		font-family:"Segoe UI", Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#000000;
		font-weight:normal;
		margin:0px;
		padding:0px;
		width:550px;
		float:left;
	}
	
	h2 a{
		color:#000000;
		text-decoration:none;
	}
	
	h2 a:hover{
		color:#CC3300;
	}
	
	form{
		padding:0px;
		margin:0px;
	}
	
	#wrapper{
		margin:0px;
		padding:0px;
	}
	
	#header{
		height:55px;
		margin:auto;
		width:966px;
	}
	
	#top_text{
		width:349px;
		padding-top:6px;
		height:19px;
		float:right;
		font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#top_text span{
		padding-right:37px;
	}
	
	#top_text a{
		color:#000000;
		text-decoration:none;
		margin-right:32px;
	}
	
	#top_text a.home{
		background:url(images/home.gif) no-repeat left top;
		padding-left:15px;
		background-position:0px 3px;
	}
	
	#top_text a.home:hover{
		background:url(images/home-hover.gif) no-repeat left top;
		background-position:0px 3px;
		color:#F03300;
	}
	
	#top_text a.contact{
		background:url(images/contact.gif) no-repeat left top;
		padding-left:15px;
		background-position:0px 5px;
	}
	
	#top_text a.contact:hover{
		background:url(images/contact-hover.gif) no-repeat left top;
		background-position:0px 5px;
		color:#F03300;
	}
	
	.clear{
		clear:both;
	}
	
	#logo{
		position:absolute;
		margin-left:15px;
		width:216px;
		float:left;
	}
	
	#menu{
		float:right;
		width:735px;
		height:30px;
	}
	
	#menu ul{
		padding:0px;
		margin:0px;
	}
	
	#menu ul li{
		padding:0px;
		color:#FFFFFF;
		font-size:12px;
		margin:0px;
		list-style:none;
		display:inline;
		font-family:"Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	}

	#menu ul li a{
		color:#FFFFFF;
		font-family:"Lucida Sans Unicode",Arial, Helvetica, sans-serif;
		float:left;
		display:block;
		padding:7px 24px;
		text-decoration:none;
	}
	
	#menu ul li a:hover{
		color:#FB3A08;
	}
	
	#menu ul li a.active{
		color:#FB3A08;
	}
	
	#menu ul li.current_page_item a{
		color:#FB3A08;
	}
	
	#submenu_nav{
		padding-bottom:4px;
		background-color:#EEEEEE;
		border:7px solid #FFFFFF;
	}
	
	#news_heading{
		padding-bottom:0px;
		background-color:#EEEEEE;
		
		width:auto;
	}
	#news_heading_main{
		padding-bottom:0px;
		margin-left:5px;
		background-color:#EEEEEE;
		font-size:16px;
		font-weight:bolder;
		}
	
		
		#news_heading_oldnews{
		float:right;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		color:#FFFFFF;
		margin-top:-10px;
		
	}
	#news_heading_date{
		padding-bottom:0px;
		margin-left:5px;
		background-color:#EEEEEE;
		
	}
	
	
	#submenu_nav a{
		font-size:11px;
		color:#302A32;
		text-decoration:none;
		padding:8px 9px 4px 9px;		
		float:left;
		display:block;
	}
	
	#submenu_nav a:hover{
		color:#FB3A08;
	}
	
	#submenu_nav a.active{
		color:#FB3A08;
	}
	
	
	#banner_home{
		background:url(images/banner-back.jpg) repeat-x;
		height:192px;
		width:auto;
		text-align:center;
	}
	
	#banner_subapge{
		background:url(images/banner-back02.jpg) repeat-x;
		width:100%;
		text-align:center;
	}
	
	
	#expand{
		text-align:right;
		width:50px;
		float:right;
		margin-top:10px;
	}
	
	.cat_separator{
		background:url(images/cat-sepa.gif) repeat-x left center;
		height:10px;
		margin-top:15px;
		margin-bottom:15px;
	}
	
	.text{
		overflow:hidden;
	}
	
	#content{
		width:966px;
		margin:auto;
		margin-top:5px;
	}
	
	.individuals_box{
		background-color:#3E3023;
		padding:15px 25px 0px 31px;
		height:164px;
		float:left;
		width:262px;
		color:#FFFFFF;
		font-size:13px;
		text-align:justify;
		margin-right:6px;
		margin-bottom:9px;
	}
	
	#individuals_box_subapge {
		margin-bottom:7px;
	}
		
	.individuals_box h4{
		margin:0px;
		padding:0px;
		padding-bottom:10px;
		font-size:22px;
		font-family:"Lucida sans Unicode",Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-weight:normal;
	}
	
	.corporate_box{
		background-color:#84776B;
		padding:15px 25px 0px 31px;
		height:164px;
		float:left;
		width:262px;
		color:#FFFFFF;
		font-size:13px;
		text-align:justify;
		margin-right:6px;
	}
	
	#corporate_box_subapge {
		margin-bottom:7px;
	}
	
	.corporate_box h4{
		margin:0px;
		padding:0px;
		padding-bottom:10px;
		font-size:22px;
		font-family:"Lucida sans Unicode",Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-weight:normal;
	}
	
	.worshop_box{
		background-color:#F45A30;
		padding:3px 5px 3px 3px;
		height:172px;
		float:left;
		width:308px;
		color:#FFFFFF;
		font-size:13px;
		text-align:justify;
		font-size:12px;
		margin-bottom:7px;
	}

	.worshop_box ul{
		margin:0px;
		padding:0px;
		padding-left:15px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.worshop_box ul li{
		background:url(images/arrow.png) no-repeat;
		background-position:0px 8px;
		list-style:none;
		padding-left:10px;
		padding-bottom:5px;
	}

	#middle_content{
		width:642px;
		float:left;
	}
	
	.top{
		text-align:right;
		height:20px;
		margin-top:10px;
	}
	
	#side_bar{
		width:316px;
		float:right;
	}
	
	.white_back{
		background:#FFFFFF;
		padding:10px 16px 16px 19px;
		font-size:13px;
		text-align:justify;
		color:#595959;
		line-height:20px;
	}
	
	h1{
		font-family:"Segoe UI", Arial, Helvetica, sans-serif;
		font-size:22px;
		font-weight:normal;
		color:#7F7E7E;
	}
	
	h1 strong{
		font-family:"Segoe UI", Arial, Helvetica, sans-serif;
		font-size:22px;
		font-weight:normal;
		color:#000000;
	}
	h1 span{
		color:#F03200;
	}
	
	.separator{
		background:#F4F3EE;
		height:7px;
	}
	
	.heading{
		padding:5px 7px 5px 10px;
		color:#000000;
		font-size:16px;
		background-color:#EDE1C1;
		margin:10px 0px;
	}
	
	.heading img{	
		float:right;
	}
	
	.blog_title{
		font-size:13px;
		font-weight:bold;
		color:#F45A30;
		padding-top:14px;
		margin-left:10px;
	}

       .blog_title a{ color:#F45A30; text-decoration:none; }
       .blog_title a:hover{ text-decoration:underline; }
	
	.blog_text{
		font-size:13px;
		color:#595959;
		line-height:19px;
		padding-bottom:14px;
		margin-left:10px;
		border-bottom:1px solid #C6BDA6;
	}
	
	.blog_text a{text-decoration:none; }
       .blog_text a:hover{ text-decoration:underline;}
	
	#video{
		margin-bottom:8px;
	}
	
	#upcoming{
		padding:16px 14px 14px 22px;
		background-color:#EDE1C1;
		font-size:12px;
		margin-bottom:7px;
	}
	
	#upcoming h2{
		margin:0px;
		padding:0px;
		width:auto;
		float:none;
		padding-bottom:8px;
		color:#B6320E;
		font-size:22px;
		font-family:"Segoe UI", Arial, Helvetica, sans-serif;
		font-weight:normal;
	}
	
	.sign_up_box{
		padding:15px 29px 10px 30px;
		background:#DCDBD6;
		margin-bottom:8px;
	}
	
	.sign_up_box form{
		padding:0px;
		margin:0px;
		margin-top:10px;
	}
	
	.sign_up_box form input.form{
		padding:3px;
		width:256px;
		border:1px solid #C9C6C6;
		margin-bottom:10px;
		font-family:"Lucida sans Unicode", Arial, Helvetica, sans-serif;
	}
	
	.testimonials_box{
		padding:6px 6px 8px 7px;
		
		background-color:#EDE1C1;
	}
	
	.testimonials_box h4{
		font-weight:normal;
		margin:0px;
		padding:3px;
		padding-left:8px;
		margin-bottom:8px;
		background-color:#FFFAEE;
	}
	
	#bottom_zone{
		width:966px;
		height:188px;
		margin:auto;
		text-align:center;
		font-size:10px;
		margin-top:8px;
	}
	
	#bottom_band{
		background:url(images/bottom-back.jpg) repeat-x;
		height:108px;
		padding:24px 25px 11px 31px;
		margin-bottom:15px;
		text-align:left;
	}
	
	#links{
		width:452px;
		font-size:13px;
		color:#FFFFFF;
		text-decoration:none;
		background:url(images/bottom-separator.jpg) no-repeat right top;
		margin-right:23px;
		float:left;
	}
	
	#links strong{
		font-size:18px;
		color:#FFFFFF;
		font-weight:normal;
	}
	
	#links a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#links a:hover{
		text-decoration:underline;
	}
	
	#call_us{
		width:249px;
		float:left;
		font-size:12px;
		color:#FFFFFF;
		background:url(images/bottom-separator.jpg) no-repeat right top;
		margin-right:23px;
	}
	
	#call_us strong{
		color:#FFFFFF;
		font-size:18px;
		font-weight:normal;
	}
	
	#follow_us{
		width:146px;
		float:left;
		font-size:12px;
		color:#FFFFFF;
		float:left;
	}
	
	#follow_us strong{
		color:#FFFFFF;
		font-size:18px;
		font-weight:normal;
	}
	
	.testimonials{
		background:#D9D4C8;
		margin-top:7px;
		padding:16px 10px 16px 9px;
	}
	
	.testimonials a img{
		outline:0px;
		border:0px;
	}
	
	.individual{
		padding:8px 10px;
		background:url(images/individual-back.jpg) repeat-x;
		color:#FFFFFF;
		font-size:19px;
		margin-bottom:15px;
	}
	
	.business{
		padding:8px 10px;
		background:#84776B;
		color:#FFFFFF;
		font-size:19px;
		margin-bottom:15px;
	}
	
	.workshops{
		padding:8px 10px;
		background:#F45A30;
		color:#FFFFFF;
		font-size:19px;
		margin-bottom:15px;
	}
	
	.text02{
		font-size:20px;
		color:#000000;
	}
	
	.text03{
		color:#F45A30;
		font-size:14px;
	}
	
	
	ul.arrow li{
		list-style:url(images/arrow.jpg);
		padding-bottom:9px;
	}
	
	.padded_text{
		padding:0px 6px 0px 18px;
	}
	
	#sign_up{
		background:#F5CDBA;
		padding:10px 24px;
		margin-bottom:8px;
	}
	
	#sign_up .form1{
		width:123px;
		padding:2px;	
		margin-bottom:10px;
		margin-top:15px;
		font-size:12px;
	}
	
	#sign_up .form2{
		width:262px;
		padding:2px;
		margin-bottom:10px;
		font-size:12px;
	}
	
	.text04{
		font-size:20px;
		color:#857239;
		font-weight:bold;
	}
	
	.event_container{
		padding:15px 10px;
	}
	
	.event_image{
		padding-top:15px;
		padding-right:22px;
		width:185px;
		float:left;
	}
	
	.event_content{
		width:380px;
		float:right;
		color:#000000;
		line-height:16px;
	}
	
	.event_content h2{
		font-family:"Lucida sans Unicode", Arial, Helvetica, sans-serif;
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	
	.event_content h3{
		font-family:"Lucida sans Unicode", Arial, Helvetica, sans-serif;
		width:100%;
		font-size:14px;
		color:#E9471B;
		padding:0px;
		margin:0px;
	}
	
	#red_heading{
		font-family:"Lucida sans Unicode", Arial, Helvetica, sans-serif;
		width:100%;
		font-size:14px;
		font-weight:bold;
		color:#E9471B;
		padding:0px;
		margin:0px;
	}
	#buy_butoon{
		padding-left:215px;
	}
	
	
	.price{
		color:#FF0000;078099
	}
	
	.details{
		color:#078099;
		text-decoration:underline;
	}
	
	.clients{
		line-height:25px;
	}

	.testimonial_container{
		padding:25px 0px 15px 0px;
		background:url(images/cat-sepa.gif) repeat-x bottom;
		color:#000000;
		line-height:16px;
	}
	
	.testimonial_container .image{ width:187px; float:left;  padding-right:18px;}
	
	.testimonials_heading{ width:390px; background:#EEEEEE; float:right; padding:5px; margin-bottom:10px;}

.hentry{
		padding:25px 0px 0px 0px;
	}

.hentry .cat_separator{
		margin:15px 0px 0px 0px;
	}
	
	.hentry h2, .post h2 a{
		color:#FFFFFF;
		padding:5px;
		margin:0px;
		font-weight:bold;
		font-size:16px;
                background-color:#636363;
		text-decoration:none;
                width: 575px;
                
               
                
	}
	
	.hentry h2 a:hover{  }

.hentry h3, .post h3 a{
		font-family:"Segoe UI", Arial, Helvetica, sans-serif;
		color:#6B6969;
		padding:9px;
		margin:0px;
		font-size:11px;
		line-height:14px;
                background-color:#636363;
                width: 567px;
                
               
                
	}
	
	.hentry h3 a:hover{  }


	
	.hentry small {
		font-family:"Segoe UI", Arial, Helvetica, sans-serif;
		color:#000000;
		padding:5px;
		margin:0px;
		font-size:11px;
		line-height:14px;
               /* background-color:#E9E9E9;*/
               
   
	}
	
	.entry{
		font-family:"Segoe UI", Arial, Helvetica, sans-serif;
		line-height:18px;
		margin-top:10px;
	}
	
	.read_more_entry{
		color:#F23502;
		margin:10px 0px;
		text-decoration:none;
	}
	
	.read_more_entry a{
		color:#F23502;
		text-decoration:none;
	}
	
	
	.read_more_entry a:hover{ color:#000000; }
	
	.postmetadata{
		text-decoration:none;
	}
	
	.postmetadata a{
		color:#1844C1;
		text-decoration:none;
	}
	
	.postmetadata a:hover{ text-decoration:underline; }

.comment_icon{
	padding:0px 10px 0px 25px;
	background:url(images/icon-comment.gif) left center no-repeat;
	display:block;
	float:right;
	margin-left:10px;
}
ol.commentlist{
	padding:0px;
	margin:0px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:10px;
	border:1px solid #EAEAE8;
	list-style:none;
	margin:0px;
	background-color:#FAFAFA;
	margin-bottom:10px;
	}
	
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	color:#8C0000;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	font-size:12px;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.commentmetadata a{
	color:#000000;
	text-decoration:none;
	font-size:11px;
}

#single_page .entry{
	color:#000000;
}

#single_page .entry .postmetadata{
	padding-left:15px;
	border-left:3px solid #FF3300;
}

h3#comments{
	font-size:13px;
	padding-top:30px;
}

.fn{
	color:#FF6600;
}

.fn a{
	color:#FF6600;
	text-decoration:none;
	font-size:11px;
}

#commentform input{
	width:200px;
	padding:4px;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #B6B5B5;
}

#commentform textarea{
	width:350px;
	background-color:#FFFFFF;
	border:1px solid #B6B5B5;
}

#commentform input#submit{
	width:auto;	
	padding:4px;
	font-size:12px;
	background-color:#CC0000;
	color:#FFFFFF;
}

#respond{
	padding-top:25px;
}

#respond h3{ font-weight:normal; border-bottom:1px solid #CCCCCC; padding-bottom:6px; }

.navigation .alignleft{
	width:50%;
	float:left;
}

.navigation .alignleft a{
	color:#000000;
	text-decoration:none;
}

.navigation .alignright{
	width:50%;
	float:right;
	text-align:right;
}

.navigation .alignright a{
	color:#000000;
	text-decoration:none;
}

#side_bar ul{
	margin:0px;
	padding:0px;
}

#side_bar .worshop_box ul{
  padding:8px 0px 8px 15px;
}

#side_bar ul li{
	list-style:none;
}

#side_bar ul#search{
	padding:10px;
	/*border:1px solid #CCCCCC;
	background:#F8F8F8;*/
	margin-top:0px;
}

/*
#search .screen-reader-text{
	font-size:12px;
}*/



/* */


/** search **/

#searchform input{
	width:240px;
	height:22px;
	border:0px;
	background-color:#EBEBEB;
	font-size:12px;
	padding:3px;
}

input#searchsubmit{
	background:url(images/btn-search.jpg) no-repeat;
	width:27px;
	cursor:pointer;
}

#side_bar ul h4{
	padding:3px;
	padding-left:15px;
	margin:0px;
	width:295px;
	background-color:#000000;
	color:#F63500;
	margin-top:10px;
	float:none;
}
#archives-3 h2{
	padding:0px 0px;
	margin:0px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:15px;
}
/* */

.screen-reader-text{
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;	
	font-weight:bold;
}

#side_bar ul h2{
	
	padding:3px;
	padding-left:15px;
	margin:0px;
	width:295px;
	background-color:#636363;
	color:#FFFFFF;
	margin-top:30px;
	float:none;
	font-size:17px;
	font-weight:bold;
}

#side_bar ul li ul{ margin-top:10px;}

#side_bar ul li ul li{
	font-size:13px;
	color:#000000;
	text-decoration:none;
	margin:7px 0px 7px 20px;
}

#side_bar ul li ul li a{
	font-size:13px;
	color:#000000;
	text-decoration:none;
}

#side_bar ul li ul li a:hover{
	text-decoration:underline;
}

#archive_page h3{ padding:0px; margin:0px; padding-top:20px; font-weight:normal; }

#archive_page h3 a{
	color:#F23502;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

.shopping_cart{
   background-color:#FDE7DC;
   padding:18px;
   font-size:12px;
   margin-bottom:10px;
   border:1px solid #F5CDBA;
}

.shopping_cart h2{
  width:auto;
  float:none;
}

.shopping_cart form{
 margin:0px;
 padding:0px;
  padding-top:15px;
 text-align:center;
}

.head2{
		font-family:"Lucida sans Unicode", Arial, Helvetica, sans-serif;
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	
	.head3{
		font-family:"Lucida sans Unicode", Arial, Helvetica, sans-serif;
		width:100%;
		font-size:14px;
		color:#E9471B;
		padding:0px;
		margin:0px;
	}
	
	
	/***********************/
	/** Narrow Column **/
	
	

	
	/************************/
	
	.white_back .heading1{
	width:600px;
	height:50px;
	color:#FFFFFF;
	padding-left:5px;
	/*background:#FFFFFF; padding:10px 16px 16px 19px;*/
	/*color:#595959;*/
	background:#636363;
}
.left{ float:left; font-size:11px; }
.right{ float:right; font-size:11px; }

.ValidationErrors{ 
font-size:11px;
color:#FF0000;
font-weight:bold;

}