/*
Template World's 12-Column CSS Framework.
Developed At: Template World
http://www.templateworld.com, http://www.elegantweb.com
*/

/*************************************
Table of Contents
-------------------------------------
[1] - Reset CSS
[2] - 12-Col Frame
[3] - HEADER
[4] - FONTS
[5] - HEADING TAGS
[6] - CONTENT
[7] - FOOTER
[8] - TABLES WITH DIV'S	
[9] - LIST STYLES
[10]- OTHER SHORT-CODES
[11]- FORM
[12]- GALLERY
[I] - jQuery Styles
    - a) SLIDEING BANNER
	- b) TABS PANNEL
[II]- NOTE*	
*************************************/

/* [1] - Reset CSS */


body 										{line-height:1}
ol, ul 										{list-style:none}
blockquote, q 								{quotes:none}
blockquote:before, blockquote:after, q:before, q:after 
											{content:''; content:none}
:focus 										{outline:0}
a											{text-decoration:none}

/*********************************************************************************/

/* [2] - 12-Col Frame */

.main_wrap									{
	width:970px;
	margin:0 auto;
}

.main_wrap_support							{width:960px; float:left; }
.pos{position:relative}
.clearfix:after								{content:" "; display:block; height:0; clear:both}
.grid_1, .grid_2, .block, .additional_wrap1, .two-equals, .menu, right_panel, .right_three, .left_three, .grid_11, .full_width
											{
	float:left;
	margin:0 0px 0 5px
}
.left_pannel
{
	float:left;
	margin:0 15 px 0 0
}
.mini_wrap{
	float:left;
	margin:0 0px 0 5px
}
.nmr_lft									{margin-left:0}
.nmr_rgt									{margin-right:0}
.left_1, .left_2, .left_3, .left_4, .left_5, .left_6, .left_7, .left_8, .menu, .left_10, .left_11,
.right_1, .right_2, .right_3, .right_4, .right_5, .right_6, .right_7, .right_8, .right_9, .right_10, .right_11
                                            {position:relative}
.clear 										{width:0; height:0; clear:both; display:block; overflow:hidden; visibility:hidden}

.main_wrap .grid_1							{width:60px}
.main_wrap .grid_2							{width:140px}
.main_wrap .block							{width:220px}
.main_wrap .mini_wrap						{width:300px}
.main_wrap .additional_wrap1				{width:380px}
.main_wrap .two-equals						{width:460px}
.main_wrap .left_pannel						{
	width:640px;
}
.main_wrap .right_three							{width:700px}
.main_wrap .left_three							{width:700px}
.main_wrap .grid_11							{width:860px}
.main_wrap .full_width						{
	width:960px
}

.main_wrap .mleft_1							{margin-left:80px}
.main_wrap .mleft_2							{margin-left:160px}
.main_wrap .mleft_3							{margin-left:240px}
.main_wrap .mleft_4							{margin-left:320px}
.main_wrap .mleft_5							{margin-left:400px}
.main_wrap .mleft_6							{margin-left:480px}
.main_wrap .mleft_7							{margin-left:560px}
.main_wrap .mleft_8							{margin-left:640px}
.main_wrap .mleft_9							{margin-left:720px}
.main_wrap .mleft_10						{margin-left:800px}
.main_wrap .mleft_11						{margin-left:880px}

.main_wrap .mright_1						{margin-right:80px}
.main_wrap .mright_2						{margin-right:160px}
.main_wrap .mright_3						{margin-right:240px}
.main_wrap .mright_4						{margin-right:320px}
.main_wrap .mright_5						{margin-right:400px}
.main_wrap .mright_6						{margin-right:480px}
.main_wrap .mright_7						{margin-right:560px}
.main_wrap .mright_8						{margin-right:640px}
.main_wrap .mright_9						{margin-right:720px}
.main_wrap .mright_10						{margin-right:800px}
.main_wrap .mright_11						{margin-right:880px}

.main_wrap .left_1							{left:40px}
.main_wrap .left_2							{left:160px}
.main_wrap .left_3							{left:240px}
.main_wrap .left_4							{left:320px}
.main_wrap .left_5							{left:400px}
.main_wrap .left_6							{left:480px}
.main_wrap .left_7							{left:560px}
.main_wrap .left_8							{left:640px}
.main_wrap .left_9							{left:720px}
.main_wrap .left_10							{left:800px}
.main_wrap .left_11							{left:880px}

.main_wrap .right_1							{right:80px}
.main_wrap .right_2							{right:160px}
.main_wrap .right_3							{right:240px}
.main_wrap .right_4							{right:320px}
.main_wrap .right_5							{right:400px}
.main_wrap .right_6							{right:480px}
.main_wrap .right_7							{right:560px}
.main_wrap .right_8							{right:640px}
.main_wrap .right_9							{right:720px}
.main_wrap .right_10						{right:800px}
.main_wrap .right_11						{right:880px}

.mini_wrap .no_left_margin					{margin-left:0}
.main_wrap .no_right_margin					{margin-right:0}

.main_wrap .mini_wrap img.vedio             {width:auto; float:left; margin-top:27px;}

body
{
	margin:0px;
	padding:0px;
	background:#FFFBDD url(../images/beachback-comp6.jpg) repeat-x center top;
	
	
}
body.bg
{
	margin:0px;
	padding:0px;
	background:#FFFBDD url(../images/body-bg4.png) repeat-x center top;
	
	
}

*
{
	margin:0px;
	padding:0px;
}
a
{
	text-decoration:none;
	outline:none;
}
#fullwidth
{
	width:100%;
	float:left;
	position:relative;
	
}

a.slogan
{
	width:520px;
	height:85px;
	float:left;
	background:url(../images/banner_with_slogan.png) no-repeat;
	margin-top:1px;
	position: relative;
	border:none;
	left:-16px;
	clear: left;
	
}
a.logo
{
	width:680px;
	height:95px;
	float:left;
	background:url(../images/HSC_logo_with_crown_680x79.png) no-repeat;
	margin-top:2px;
	position: absolute;
	border:none;
	left:10px;
	clear: left;
	top: 100px;


}
a.logo2
{
	width:520px;
	height:60px;
	float:left;
	background:url(../images/HSC_logo_with_crown_520x60.png) no-repeat;
	margin-top:2px;
	position: absolute;
	border:none;
	left: 5px;
	clear: left;
	top: 12px;


}
.menuwrap
{
	width:470px;
	float:right;
	margin-top:0px;
	margin-left:20px;
}

ul#menu										{
	width:auto;
	float:right;
	margin-top:30px;
	clear:right
}
ul#menu	li									{
	width:auto;
	float:left;
	position:relative;
	margin:0 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#643c0b;
	text-transform:uppercase;
	z-index:200;
	cursor:pointer
}
ul#menu	li a								{width:auto; height:36px; float:left; padding:0 11px 0 0; color:#643c0b; line-height:30px}
ul#menu	li a span							{width:auto; height:36px; float:left; padding:0 0 0 11px}
ul#menu	li:hover a						    {background:url(../images/menuRgtBg.png) no-repeat right top}
ul#menu	li:hover a span						{background:url(../images/menuLftBg.png) no-repeat}
ul#menu	li ul								{width:128px; float:left; position:absolute; top:34px; border:#d7d4ca solid 1px; background:url(../images/ddmBg2.png) repeat; clear:left; display:none}
ul#menu	li ul li							{width:100%; float:left; margin:0; font-size:12px; text-indent:10px; background:none}
ul#menu	li ul li a							{width:auto; height:auto; float:left; padding:0}
ul#menu	li:hover ul li a					{background:none}
ul#menu	li ul li ul							{left:128px; top:0}
#wrap										{
	width:100%;
	float:left;
	background: url(../images/topBg3.png) repeat-x;
	padding-bottom: 10px;
}
#bannerwrap
{
	width:100%;
	margin-left:10px;
}
#bannerwraplft
{
	width:348px;
	float:left;
	margin-top:135px;
}
h2
{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFD62F;
	font-weight:normal;
}
#bannerwraplft p
{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFD62F;
	margin-top:15px;
	line-height:16px;
}
ul.bannerlist
{
	width:304px;
	float:left;
	margin-top:5px;
	margin-left: 11px;
}
ul.bannerlist li
{
	width:100%;
	float:left;
	list-style:none;
	background:url(../images/shellbutton.png) no-repeat left;
	text-indent:30px;
	margin-top:20px;
}
ul.bannerlist li a
{
	width:100%;
	float:left;
	font-family:"DomCasual BT", "DomBold BT";
	font-size:18px;
	color:#FFD62F;
}
ul.bannerlist li a:hover
{
	color:#fff;
}
#bannerwraprht
{
	width:560px;
	height:392px;
	float:left;
	background:url(../images/banner-bg2.png) no-repeat;
	margin:115px 0 0 12px;
}
#bannerwraprht img
{
	width:auto;
	float:left;
	margin:17px 0 0 0px;
}
p.toptext
{
	width:940px;
	font-family: 'TitilliumText14L600wt';
	font-size:24px;
	color:#990000;
	line-height:40px;
	margin-top:40px;
	margin-left:10px;
	float: left;
}
.content
{
	width:100%;
	float:left;
	margin-top:15px;
}
.content2
{
	width:100%;
	float:left;
	margin-top:30px;
	background:url(../images/content-bg2.png) no-repeat center top;
	padding:30px 0 30px 0;
}
 h3
{
	width:100%;
	float:left;
	font-family: 'TitilliumText14L600wt';
	font-size:22px;
	color:#A15D16;
	margin-top:18px;
}
 h4
{
	width:100%;
	float:left;
	font-family: 'TitilliumText14L600wt';
	font-size:18px;
	color:#A15D16;
	margin-top:10px;
}
h4 a
{
	width:100%;
	float:left;
		font-family: 'TitilliumText14L600wt';
		font-size:18px;
		color:#7c9309;
		margin-top:0px;
}
 h5
{
	width:100%;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#A15D16;
	margin-top:10px;
}
p
{
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7f7f7f;
	line-height:18px;
	margin-top:15px;
}
.content a.img
{
	width:310px;
	height:192px;
	margin-top:15px;
	float:left;
	background-image: url(../images/img.png);
	background-repeat: no-repeat;
}
.content a.img.marlft
{
	margin-left:0px
}
.content a.img:hover
{
	background:url(../images/img-hover.png) no-repeat;
}
.content a.img2
{
	width:310px;
	height:192px;
	margin-top:15px;
	float:left;
	background:url(../images/img2.png) no-repeat;
}
.content a.img2:hover
{
	background:url(../images/img-hover2.png) no-repeat;
}
.content a.img3
{
	width:310px;
	height:192px;
	margin-top:15px;
	float:left;
	background:url(../images/img3.png) no-repeat;
}
.content a.img3:hover
{
	background:url(../images/img-hover3.png) no-repeat;
}
#banner
	{
	width:985px;
	height:182px;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/OldBoard998.png) no-repeat;
	}
#bannertxtblank
	{
	width:921px;
	height:128px;
	float:left;
	margin:0px;
	padding:36px 0 0 75px;
	}	
#bannertxt
	{
	width:893px;
	height:62px;
	float:left;
	margin:0px;
	padding:0px;
	font-family:Georgia;
	font-size:24px;
	color:#FFD62F;
	}
.bannertxt
	{
	font-family:Georgia;
	font-size:30px;
	color:#FFD62F;
	}
.bannersmalltxt
	{
	font-family:Georgia;
	font-size:18px;
	color:#FFD62F;
	}
.bannersmalltxt02
	{
	font-family:Georgia;
	font-size:14px;
	color:#FFD62F;
	}	
#cods
	{
	width:23px;
	height:62px;
	float:left;
	margin:0px;
	padding:0px;
	font-family: Arial;
	font-size:72px;
	color:#FFD62F;
	}
#name2
	{
	width:330px;
	margin:0 75px 0 0;
	padding:0px;
	font-family:Georgia;
	font-size:44px;
	color:#FFD62F;
	float: right;
	}
#footer
{
	width:100%;
	float:left;
	background:url(../images/footer-bg2.png) repeat-x center bottom;
	margin-top:30px;
}
#footer p
{
	width:320px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#787670;
	margin-top:45px;
	line-height:22px;
	padding-bottom:4px;
	
	
	margin-left:0px;
	text-align:left;
}

#footer p a.temp
{
	font-weight:bold;
	color:#8EBF23;
}
.footer p {
	width:180px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	margin-top:25px;
	line-height:22px;
	padding-bottom:20px;
	margin-left:10px;
}
.footer p a.temp {
	font-weight:bold;
	color:#fff;
}
ul.nav2 {
	width:250px;
	float:right;
	margin-top:30px;
	padding-bottom:0px;
}
ul.nav2 li {
	width:auto;
	float:left;
	list-style:none;
}
ul.nav2 li.sep {
	width:auto;
	float:left;
	padding:0 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	line-height:14px;
}
ul.nav2 li a {
	width:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	line-height:14px;
}

img.icons
{
	width:auto;
	position:absolute;
	right:50%;
	top:-110px;
	margin-right:-450px;
}
.btmtext {
	width:940px;
	float:left;
	background:url(../images/btm-bg.png) repeat;
	border:#8ccaf1 solid 2px;
	margin-top:122px;
	margin-left:10px;
}
.main_wrap .block h2.footeehead {
	width:100%;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#feffff;
	border-bottom:#feffff solid 1px;
	padding-bottom:10px;
	margin-top:20px;
}
ul.btmlists {
	width:100%;
	float:left;
	margin-top:10px;
	padding-bottom:30px;
}
ul.btmlists li {
	width:100%;
	float:left;
	list-style:none;
}
ul.btmlists li a {
	width:auto;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	margin-top:10px;
}
ul.btmlists li a:hover {
	color:#993300;
}
.footer p {
	width:180px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	margin-top:25px;
	line-height:22px;
	padding-bottom:20px;
	margin-left:10px;
}
.footer p a.temp {
	font-weight:bold;
	color:#fff;
}
ul.nav2 {
	width:250px;
	float:right;
	margin-top:30px;
	padding-bottom:0px;
}
ul.nav2 li {
	width:auto;
	float:left;
	list-style:none;
}
ul.nav2 li.sep {
	width:auto;
	float:left;
	padding:0 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	line-height:14px;
}
ul.nav2 li a {
	width:auto;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	line-height:14px;
}

#container{
	margin:0px;
	display:block;
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	width:495px;
	height:374px;
	padding:0 0px 0 18px;
	margin:0 0 0 15px;
	float:left;
	border:0px;

}
#slider{
width:495px;
height:374px;
padding:0 0px 0 0px; display:block;
overflow:hidden;}	
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
float:left;
width:495px;

	height:374px;}
#slider ul li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 

	
width:495px;

	height:374px;
overflow:hidden;
outline:0px;
border:0px;

}	
#slider ul li img
{
	width:495px;
	float: left;
	height:354px;
}
#prevBtn, #nextBtn{ 
display:block;
width:63px;
height:77px;
position:absolute;
left:-650px;
top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-style:italic;
color:#4c4c4c;
}	
#nextBtn{ 
left:715px;
}														
#prevBtn a, #nextBtn a{  
display:block;
width:63px;
height:77px;
position:absolute;
z-index:10; 
left:623px;
top:170px;
text-indent:-9999px;
background:url(../images/prev2.png)  no-repeat;
}	
#nextBtn a{ 
background:url(../images/next2.png)  no-repeat;
left:-200px;
}				
/*Short Codes*/

p.breadcrumb 								{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	color:#82AF20;
	padding:5px 0;
	font-weight:bold;
	border-bottom:#d7d7d7 solid 1px
}											
p a, breadcrumb 							{
	color:#CC6600
}
p a:hover 									{
	color:#993300;
}


.marker										{background:#82AF20; color:#ffffff; padding:1px;font-weight:bold}
.drop_cap									{width:auto;margin-top:10px;float:left; /padding:5px 0; font-size:40px}
.img_wrap									{width:auto;margin:5px 10px 0 0;float:left}
.img_wrap_right								{width:auto;margin:10px 5px 0 10px;float:right}
.thumbnail-left img							{margin:6px 10px 5px 0px; border:1px solid #CCCCCC; width:150px; padding:5px; background:#fff}
.thumbnail-right img						{margin:6px 0px 5px 10px; border:1px solid #CCCCCC; width:150px; padding:5px; background:#fff}

/******************************************************************/
/* TABLE STYLES */
.table_wrap									{width:450px; margin-top:15px; float:left; border-left:#c9c9c9 solid 1px;}
.table_wrap p.heading						{width:449px; margin-top:0; height:35px; float:left; font-size:18px; color:#5F5F5F; line-height:40px; text-align:center; border-bottom:#c9c9c9 solid 1px; border-right:#c9c9c9 solid 1px; border-top:#c9c9c9 solid 1px}
.table_wrap p.heading_2						{width:449px; margin-top:0; height:35px; float:left; font-size:18px; color:#5F5F5F; line-height:40px; text-align:center; border-bottom:#c9c9c9 solid 1px; border-right:#c9c9c9 solid 1px; border-top:#c9c9c9 solid 1px}
.table_wrap p.heading_3						{width:447px; margin-top:0; height:35px; float:left; font-size:18px; color:#5F5F5F; line-height:40px; text-align:center; border-bottom:#c9c9c9 solid 1px; border-right:#c9c9c9 solid 1px; border-top:#c9c9c9 solid 1px}
.table_wrap p.two_columns					{width:224px; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#c9c9c9 solid 1px;  border-right:#c9c9c9 solid 1px}
.table_wrap p.three_columns					{width:149px; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#c9c9c9 solid 1px;  border-right:#c9c9c9 solid 1px}
.table_wrap p.four_columns					{width:111.4px; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#c9c9c9 solid 1px;  border-right:#c9c9c9 solid 1px}
.table_wrap p.five_columns					{width:89px; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#c9c9c9 solid 1px;  border-right:#c9c9c9 solid 1px}
@-moz-document url-prefix() 				{.table_wrap p.heading_3{width:448px;}/*Fix For Firefox*/}

/******************************************************************/
/* LIST STYLES */

ol											{width:100%;margin-top:15px;float:left}
ol li.list_with_alpha						{width:auto; float:left; margin-top:5px; list-style-type:upper-alpha; list-style-position:inside; font:13px/18px Arial,Helvetica,sans-serif; color:#676565; clear:left}
ol li.list_with_bullet						{width:auto; float:left; margin-top:5px; list-style-type:disc; list-style-position:inside; font:13px/18px Arial,Helvetica,sans-serif; color:#676565; clear:left}
ol li.list_with_decimal						{width:auto; float:left; margin-top:5px; list-style-type:decimal; list-style-position:inside; font:13px/18px Arial,Helvetica,sans-serif; color:#676565; clear:left}
ol li.list_with_image						{width:auto; float:left; margin-top:5px; list-style:inside url(../images/tick.png); font:13px/18px Arial,Helvetica,sans-serif; color:#676565; clear:left}

/******************************************************************/
/* Quotes with Images */

#quoteWithImg								{width:100%; float:left;}
#quoteWithImg li							{width:100%; float:left; margin-top:20px;}
#quoteWithImg li .q-content					{width:330px; float:left; padding:7px 0 0 0;}
#quoteWithImg li img						{width:auto; float:left; margin:0 10px 0 0;}
#quoteWithImg li img.qbotm					{float:none; margin:0px 0 0 5px;}
#quoteWithImg li blockquote					{width:auto; font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#676565; font-style:italic; line-height:18px;	text-indent:27px; text-align:justify; background: url(../images/qwImg.png) no-repeat left top; margin:0}
#quoteWithImg .q-content p					{width:auto; font-size:11px;}
#quoteWithImg .q-content p span				{font-size:12px; font-weight:bold}

/* quotation with out images */
.withOutPic									{width:400px; float:left; padding:12px 15px; border:1px dashed #C5C5C5;	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#676565; font-style:italic;	text-indent:20px; text-align:left; margin:20px 0px 0 0; background: url(../images/qtop.png) no-repeat 11px 8px;}
.withOutPic img								{position:relative;	top:5px;}
.withOutPic p.signature						{width:130px; height:20px; font-size:11px; font-style:italic; font-weight:bold;	float:right; background:url(../images/q-botmImg.png) no-repeat right bottom;}
.withOutPic a								{width:100%; float:left; font-size:11px; color:#0f7177;	font-style:normal; text-decoration: underline;}
.withOutPic a:hover							{text-decoration:none;}

/* Testimonials Content */
.testimonials								{width:450px; float:left; margin:20px 0 50px 0;}
.testimonials img							{float:left;}
.testContent								{width:426px; float:left; padding:0 10px; background:#8EBF23; border:1px solid #8EBF23;	border-bottom:0px;	-moz-border-radius:6px 6px 0px 0px;	-webkit-border-radius:6px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-radius:6px;}
.testContent .signature						{font-size:11px; color:#fff}
.testContent .signature span				{font-size:14px; color:#fff;	font-weight:bold; font-style:normal;}
.testContent p.testipara								{color:#ffffff}
/* Testimonial styles 2 */
.testimonials2								{width:450px; float:left;}
.testimonials2 img							{float:left;}
.testimonials2 blockquote					{width:430px; float:left; margin:20px 0 0 0; padding:10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#757a7a; line-height:21px;	font-style:italic; text-align:left;}
.testimonials2 p.signature					{
	width:100px;
	float:left;
	text-align:left;
	font-size:14px;
	color:#757a7a;
	margin-bottom:10px;
}
.testimonials2 .signature span				{font-size:14px; color:#0f7177;	font-weight:bold; font-style:normal; margin-left:10px;}


#left-navigation							{width:220px; float:left; margin:0px 0 0 0; padding-bottom:40px; font:14px Verdana,Geneva,sans-serif}
/* ----------------------------------------------- Vertical Navigation  --------------------------------------- */
/* First Level Menu */

ul#menuLevel-1								{width:100%;float:left}

ul#menuLevel-1 li							{width:220px; float:left; padding-bottom:2px; display:block; border-top:1px solid #fff; border-bottom:1px solid #d5d5d5}
ul#menuLevel-1 li.squared					{float:left; display:block; border-top:1px solid #fff; border-bottom:1px solid #d5d5d5}
ul#menuLevel-1 li.squared a					{float:left; display:block; padding-left:20px; background:url(../images/bullets.jpg) no-repeat 8px;}
ul#menuLevel-1 li.squared a:hover			{background:#3E3728 url(../images/bullets-hover.jpg) no-repeat 8px}
ul#menuLevel-1 li a							{width:189px; float:left; font:normal normal bold 12px normal Arial,Helvetica,sans-serif; color:#747373; padding:8px 10px;}
ul#menuLevel-1 li a:hover					{color:#FFF;background:#54a7cc}
/* Second level Heirarchy */

ul#menuLevel-1 li.active a.tab				{color:#fff; padding-left:20px; width:190px; float:left; background:#3E3728 url(../images/tabArrow.png) no-repeat 7px;}
ul#menuLevel-1 li.active a.tab:hover, ul#menuLevel-1 a.tab:visited
											{color:#fff; padding-left:20px;  background:#54a7cc url(../images/tab-arrow.png) no-repeat 7px;}
ul#menuLevel-1 li.active ul					{width:130px;float:left;margin-left:30px;padding:0px}
ul#menuLevel-1 li.active ul li				{width:130px;float:left;border:0px;font-size:11px;line-height:16px}
ul#menuLevel-1 li.active ul li a			{background:none; font-weight:normal; font-size:11px; padding:3px 0 0 12px; margin-top:6px; line-height:16px; background:url(../images/small-arrow.png) no-repeat 0px 9px}
ul#menuLevel-1 li.active ul li.last a		{width:100px; float:left; color:#000; border-bottom:0px; background:none}


ul#menuLevel-1 li.active ul li a:hover		{color:#333333;text-decoration:underline}
ul.sub-nav									{width:130px; float:left; margin:-2px 0px 10px 0; }
ul.sub-nav li								{background:none;}


p.highlight									{width:444px;float:left; color:#F93;font-weight:bold}
p.subdued									{width:444px;float:left; color:#e8e8e8;font-weight:bold}
p.error										{width:444px;float:left;color:#F30;font-weight:bold}
p.success									{width:444px;float:left;color:#0C0;font-weight:bold}
p.caption									{width:444px;float:left;color:#CCC;font-weight:bold}
p.highlight-bg								{
	width:444px;
	float:left;
	color:#E17000;
	background:#F93;
	padding:8px;
	color:#FFFFFF
}
p.subdued-bg								{width:444px;float:left;color:#E17000;background:#e8e8e8;padding:8px;color:#fff}
p.error-bg									{width:444px;float:left;color:#E17000;background:#F30;padding:8px;color:#fff}
p.success-bg								{width:444px;float:left;color:#E17000;background:#0C0;padding:8px;color:#fff}
p.caption-bg								{width:444px; float:left; background:#CCC; padding:8px; color:#000000}

/* Pagination */

.pagination									{width:444px; height:20px; display:block; float:left; margin:50px 0 0 0; padding:8px;  border:1px solid #CCC}
.pagination p								{width:auto; margin:0}
.pagination  .page-index					{width:100px;float:left;margin:0 0 0 10px;padding:0px}
.pagination  .page-list						{width:170px;display:block;float:right;margin:0 5px 0 0;padding:0}
.pagination  .page-list a					{display:block; float:left; font:12px Arial,Helvetica,sans-serif; padding:2px 5px; margin:0px 3px 0 3px; line-height:14px; text-decoration:none; color:#676565}
.pagination  .page-list a.selected, .page-list a:hover
											{display:block; float:left; color:#fff; background:#3E3728; text-decoration:none;}


.featuredbox								{width:200px; float:left; font:14px Verdana,Geneva,sans-serif; color:#333; padding:0 10px 10px; margin-bottom:38px; background: url(../images/featuredbox.png) no-repeat 100% 100%}
.featuredbox p.para							{width:200px;float:left;color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left;margin:15px 0 0 0; font-weight:bold;}
.featuredbox p								{width:100%; float:left; color:#444; text-align:left; padding:0px 0px 20px 0; margin:0px;       font-size:11px}

/* jQuery Styles:- b) TABS */

.topMargin									{
	margin-top:28px
}
.topMargin2									{margin-top:15px}
.tabList									{width:100%; float:left}
ul.tabs 									{height: 32px; width: 605px; float: left; margin-top:0px}
ul.tabs.innertab                            {margin-top:30px}
ul.tabs li 									{width:auto; float: left; height:32px; margin-right:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#747373; line-height: 31px; border-left: none; margin-bottom: -1px; overflow: hidden}
ul.tabs li a 								{float:left; text-decoration: none; color: #747373; display: block; font-size: 12px; padding:0 15px; line-height:32px; font-weight:bold ; text-transform:uppercase;	outline: none}
ul.tabs li a:hover 							{color:#000; background:#000}
html ul.tabs li.active a, html ul.tabs li a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
											color:#fff; background:#6D9F00}
.tab_container 								{border: 1px solid #ccc; margin-bottom:50px;	overflow: hidden; clear: both; float: left; width: 100%; padding:12px 0 12px 0}
.tab_content 								{padding: 11px; font-size: 12px; margin: 0 13px 0 13px}
.tab_content p								{margin:0 0 10px 0}
.tab_content ul.list						{width:205px; margin-bottom:10px; float:left}
.tab_content ul.list li						{width:215px; float:left; list-style-image:url(../images/tick.png); list-style-position:inside}
.tab_content ul.list li a					{width:auto; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#757a7a; line-height:20px}
.tab_content ul.list_2						{margin-left:104px}


.main_wrap .left_pannel	 a.readmore         {width:140px; height:34px; background:url(../images/submit-bg2.png) no-repeat; line-height:34px; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left; margin-top:10px;color:#fff; text-decoration:none; padding-bottom:20px;}

/* Blog Page  */

/* Sponsor Ad's */

ul.sponsors 								{width:100%; display:block;	float:left;	padding:10px 0;}
ul.sponsors li 								{
	width:183px;
	display: block;
	float:left;
	padding:5px;
	margin:5px 0 0 0;
	border:0px solid #E8E8E8;
	background:#CCC
}
ul.sponsors li.nomar 						{margin-right:0px;}
ul.sponsors li img 							{
	margin-top: 6px;
	width:182px;
	float:left
}

/* Custom Tabs */
/* Style for Usual Tabs */

.usual 										{width:230px; float:left; margin:5px auto; padding:5px; color:#111; border:1px solid #E8E8E8;}
.usual li 									{width:auto; height:auto; float:left; margin:0; padding:0;}
.usual ul a 								{width:auto; height:20px; float:left; margin:0 1px; display:block;	padding:0 10.5px; text-decoration:none!important; font:10px/20px Verdana; color:#FFF; background:#3C3527; width:auto;}
.usual ul a:hover 							{color:#000; background:#BFBFBF;}
.usual ul a.selected 						{margin-bottom:0; color:#000; background:#BFBFBF; cursor:default;}
.usual p 									{margin: 0 0 5px 0;	float:left}
.usual div 									{padding:15px 10px 20px 10px; *margin-top:-5px;	clear:left;	border-top:1px solid #5c5752; font:10pt Arial; float:left; width:201px}
.usual ul li:first-child a					{margin-left:0}

/* Category List */

ul.categories 								{
	width:300px;
	float:left;
	padding:15px 0 0 0;
}
ul.categories li 							{
	width:100%;
	float:left;
	padding:10px 0px 0px 10px;
	line-height:21px;
}
ul.categories li a 							{font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#676565; line-height:21px; padding:2px 0;}
ul.sub1, ul.sub2, ul.sub3 					{width:250px; float:left; margin-left:10px;}
ul.sub1 li, ul.sub2 li, ul.sub3 li 			{width:160px; float:left; font-size:12px; padding-left:15px; line-height:21px; padding:0px;}
ul.sub1 li a:hover, ul.sub2 li a:hover, ul.sub3 li a:hover 
											{text-decoration:underline;}
ul.categories ul.sub1 li a, ul.categories ul.sub2 li a, ul.categories ul.sub3 li a 
											{width:160px; float:left; font-size:12px; padding-left:15px; line-height:21px; background:url(../images/small-arrow.png) no-repeat left 10px;}
ul.sub2 									{width:250px; float:left; margin-left:10px;}
ul.sub3 									{width:200px; float:left; margin-left:10px;}
.main_wrap .left_pannel	img.blog			{
	margin-top:30px;
	float:left;
	border:#3B3426 solid 4px;
	margin-left: 2px;
	margin-right: 0px;
}	
ul.comments									{width:530px; float:left; margin:20px 0 0 0; padding-bottom:20px;}
ul.comments li								{
	width:505px;
	float:left;
	padding:10px 12px 0 0;
	margin-top:5px;
	border:#666 solid 1px
}
ul.comments li.top-list						{margin-bottom:30px; border-bottom:0px;	border:1px solid #666;}
ul.comments li img							{float:left; margin:4px 0 0 0px;}
ul.comments li .content						{width:435px; float:right; margin-top:10px; margin-bottom:0px;}
ul.comments li .content p					{font-size:11px; padding-bottom:16px; margin-top:10px;}
ul.comments li h4							{font-family:Arial, Helvetica, sans-serif; background:none; margin-top:0px; font-size:14px; color:#676565; font-weight:bold;}
.post-comment								{width:530px; display:block; float:left; margin:20px 0 0 0;}
.leftbox									{width:250px; float:left; margin-right:1px;}
.leftbox p									{width:250px; float:left; padding-bottom:6px; margin-top:20px;}
.leftbox label								{width:250px; float:left; margin-top:0px; line-height:5px; padding-bottom:4px;}
.leftbox input								{width:250px; height:35px; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000000; line-height:20px;border:1px solid #666;}
div.message									{width:260px; float:right; margin:0px;}
div.message label							{display:block;	width:260px; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:20px; padding-bottom:4px;}
div.message textarea						{width:248px; height:170px;	float:left;	font-family:Tahoma, Geneva, sans-serif;	font-size:12px;	color:#000000; line-height:20px; border:1px solid #676565}
div.message p								{width:100%; float:left; text-align:left; margin:5px 0 0 0}
button										{width:90px; height:35px; float:right; border:none;font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#fff; cursor:pointer; text-transform:uppercase;	line-height:20px; background:url(../images/blog-btn.png) no-repeat;margin:0}

/*  FORM */


form.mail									{width:100%; float:left; background:none}
form.mail input								{width:402px; height:39px; padding:0 10px; margin-top:15px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#757a7a; line-height:18px; border:none; line-height:38px; background:url(../images/input-bg.png) no-repeat} 
form.mail input:focus						{ background:url(../images/input-bg.png) no-repeat}
form.mail textarea							{width:438px; height:172px; padding: 5px 10px; margin-top:15px; float:left; border:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#757a7a; line-height:18px; overflow:auto;background:url(../images/textbg.png) no-repeat}
form.mail textarea:focus					{background:url(../images/textbg.png) no-repeat}
form.mail input[type="submit"]				{width:140px; height:34px; cursor:pointer; background:url(../images/submit-bg22.png) no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; line-height:34px; margin-top:15px; clear:left; border:none;}
.map										{float:left; margin-top:20px;}

a.more										{width:140px; height:34px; background:url(../images/submit-bg2.png) no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; line-height:34px; font-weight:bold; margin-top:15px;}
a.more2										{width:140px; height:34px; background:url(../images/submit-bg22.png) no-repeat; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; line-height:34px; font-weight:bold; margin-top:15px;}

/* CSS Pure Buttons */

.css-buttons{
	width:100%;
	float:left;
	margin:20px 0 0 0;
}

.panel{
	width:100%;
	float:left;
	margin:30px 0 0 0;
}

/* left column buttons */
.leftContent{
	width:340px;
	float:left;
	margin:0 5px;
}

#but_styles1{
	width:250px;
	float:left;
}
#but_styles1 li{
	width:100%;
	display:block;
	float:left;
	margin:6px 0 6px 0;
}
#but_styles1 li a{
	display:block;
	float:left;
}

/* right column Buttons */
.rightContent{
	width:340px;
	float:left;
	margin:0 5px;
}

#but_styles2{
	width:250px;
	float:left;
}
#but_styles2 li{
	width:100%;
	display:block;
	float:left;
	margin:5px 0 5px 0;
}
#but_styles2 li a{
	display:block;
	float:left;
}

.cssButn, .cssButn:visited {
	background: #222 url(../images/css-btn.png) repeat-x 0 0px;
	display: inline-block;
	padding:5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
}

/* default template Button */
.leftContent a.default, a.default:visited			{ background-color:#015C5E; }
.leftContent a.default:hover						{ background-color:#82D2E3; }

/* Red Button */
.leftContent a.red, a.red:visited				    { background-color:red; }
.leftContent a.red:hover							{ background-color: #FF2D2D; }

/* Grey */
.leftContent a.grey, a.grey:visited					{ background-color: #C9C9C9; }
.leftContent a.grey:hover							{ background-color: #E5E5E5; }

/* Green */
.leftContent .green, .leftContent .green:visited	{ background-color: #91bd09; }
.leftContent .green:hover						    { background-color: #749a02; }

/* Blue */
.leftContent .blue, .leftContent .blue:visited		{ background-color: #2daebf; }
.leftContent .blue:hover							{ background-color: #39C; 	 }

/* Red */
.leftContent .red, 
.leftContent .red:visited							{ background-color: #e33100; }
.leftContent .red:hover								{ background-color: #872300; }

/* Magenta */
.rightContent .magenta,
.rightContent .magenta:visited						{ background-color: #a9014b; }
.rightContent .magenta:hover						{ background-color: #630030; }

/* Orange */
.rightContent .orange,
.rightContent .orange:visited						{ background-color: #ff5c00; }
.rightContent .orange:hover							{ background-color: #d45500; }

/* Yellow */
.rightContent .yellow,
.rightContent .yellow:visited						{ background-color: #ffb515; }
.rightContent .yellow:hover							{ background-color: #fc9200; }

/* Black */
.rightContent .black,
.rightContent .black:visited						{ background-color: #1a1a1a; }
.rightContent .black:hover							{ background-color: #333; }


/********************************************************************/
ul.gallery									{width:100%; margin-top:20px; float:left; margin-bottom:20px}
ul.gallery li								{width:auto; float:left; margin-left:6px; margin-bottom:3px}
ul.gallery li:first-child,			
ul.gallery li.no-nargin						{margin-left:0;}
#content p .img_wrap						{width:auto; margin:5px 10px 0 0; float:left}
#content p .img_wrap_right					{width:auto; margin:5px 0 0 10px; float:right}


.Img-gallery								{width:100%; float:left; margin-top:30px;}
.Img-gallery li								{width:300px; float:left; margin:0 7px;	margin-bottom:15px;	border:3px solid #3A3426;}
.Img-gallery li a							{float:left}
.Img-gallery li .content					{width:280px; float:left; padding:5px 10px;	margin:0; background:#3A3426}
.Img-gallery li .content p					{color:#fff;	margin-top:0px;	text-align:left; line-height:14px;}
.Img-gallery li h4							{color:#fff; border-bottom:0px; margin-top:5px;}
.Img-gallery li a.pic1						{width:300px; height:160px;	background:url(../images/gallery-3_1.jpg) no-repeat;}
.Img-gallery li a.pic1:hover				{width:300px; height:160px;	background:url(../images/gallery-3_img1.jpg) no-repeat;}
.Img-gallery li a.pic2						{width:300px; height:160px;	background:url(../images/gallery-3_2.jpg) no-repeat;}
.Img-gallery li a.pic2:hover				{width:300px; height:160px;	background:url(../images/gallery-3_img2.jpg) no-repeat;}
.Img-gallery li a.pic3						{width:300px; height:160px;	background:url(../images/gallery-3_3.jpg) no-repeat;}
.Img-gallery li a.pic3:hover				{width:300px; height:160px;	background:url(../images/gallery-3_img3.jpg) no-repeat;}
.Img-gallery li a.pic4						{width:300px; height:160px;	background:url(../images/gallery-3_4.jpg) no-repeat;}
.Img-gallery li a.pic4:hover				{width:300px; height:160px;	background:url(../images/gallery-3_img4.jpg) no-repeat;}
.galleryContainer img						{float:left;}
.caption									{font-style:italic;color:#2f3030;}
.demo										{width:460px; float:left; margin-top:30px; overflow:hidden}
.gallery_demo								{width:460px;margin:0 auto;}
.gallery_demo li							{width:65px;height:50px;margin: 20px 2px; float:left;}
.gallery_demo li div						{left:240px}
.gallery_demo li div .caption				{font:italic 0.7em/1.4 georgia,serif;}	
.nav										{padding-top:15px;clear:both;font:11px; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; color:#b3b3b3; text-transform:capitalize}
.nav a										{color:#333}
.info										{text-align:left;width:483px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p										{margin-top:10px;}
.thumb										{}






/* Menu Styles */
#menuContainer{
	width:700px;
	height:40px;
	float:left;
	display: inline-block;
	margin:30px 0 0 0;
	color: #fff;
	text-decoration: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background-color:#333;
	position:relative;
	left:0px;
}

#menu1{
	width:500px;
	float:left;
	margin-left:15px;
}
#menu1 li{
	width:auto;
	float:left;
	position:relative;
}
#menu1 li a{
	float:left;
	height:35px;
	padding:2px 15px 4px 15px;
	margin:0px 0 0 0;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
}

#menu1 li:hover a{
	background:#B0D760;
	color:#fff;
}

#menu1 li .lowerMenu{
	visibility:hidden;
}

#menu1 li:hover .lowerMenu{
	visibility:visible;
}

#menu1 .lowerMenu{ width:700px; float:left; margin-left:1px; position:absolute; top:40px; left:-83px;  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow:-1px -1px -1px #000; border-bottom: 1px solid rgba(0,0,0,0.25); background:#B0D760
}
ul.subNav{
	width:100%;
	height:42px;

	float:left;
	margin:0px 0 0 15px;
}
ul.subNav li{
	width:auto;
	display:block;
	float:left;
}
#menu1 ul.subNav li a{
	float:left;
	color:#ffffff;
	padding:2px 15px;
	line-height:39px;
}
#menu1 ul.subNav li a:hover{
	background:none;
	text-decoration:underline;
}
 p											{
	width:100%;
	float:left;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#643c0b;
	line-height:18px
}
.main_wrap .right_three						{width:700px}
.main_wrap .left_three						{width:700px}
	
		
ul#topnav {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 1.1em;
	width:200px;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:30px;
	width:200px;
	border-top:#CCC solid 1px;
}
ul#topnav li:first-child{
	border:0;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 5px 10px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(../images/a_bg.png) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	line-height: 16px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	
	background-position: left top;
}
ul#topnav span{ /*--Default state of navigation--*/
	color: #FF9933;
	background:none;
}
