/* Template World's 12-Column CSS Framework.
Developed by: 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*
[13] - Vertical Navigation
[14] - Featured Box
[15] - Breadcumb
[17] - Text Colors
[18] - Pagination
[19] - Blog Section
[20] - Contact AJAX Form
*************************************//* [1] - Reset CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,tr,th,td,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,input,textarea{
       margin:0;
       padding:0;
       border:0;
       outline:0;
       font-size:100%;
       vertical-align:baseline
}

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:960px;margin:0 auto}

.main_wrap_support{width:960px;float:left;position:relative}

.clearfix:after{content:" ";display:block;height:0;clear:both}

.grid_1,.grid_2,.block,.mini_wrap,.three_equals,.four_equals,.additional_wrap1,.two-equals,.grid_7,.left_panel,.right_panel,.left_three,.right_three,.grid_9,.grid_10,.grid_11,.full_width{
       float:left;
       margin:0 10px
}

.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 .four_equals         {width:220px}

.main_wrap .mini_wrap           {width:300px}

.main_wrap .three_equals        {width:300px}

.main_wrap .additional_wrap1    {width:380px}

.main_wrap .two-equals          {width:460px}

.main_wrap .grid_7              {width:540px}

.main_wrap .left_panel          {width:620px}

.main_wrap .right_panel         {width:620px}

.main_wrap .left_three          {width:700px}

.main_wrap .right_three         {width:700px}

.main_wrap .menu                {width:700px;position:relative;z-index:100}

.main_wrap .grid_10             {width:780px}

.main_wrap .grid_11             {width:860px}

.main_wrap .full_width          {width:940px}

.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}

.main_wrap .no_left_margin      {margin-left:0}

.main_wrap .no_right_margin     {margin-right:0}

.main_wrap .r-align             {float:right}

.main_wrap .l-align             {float:left}

.main_wrap .wideLeft            {width:700px;float:left;margin:0 10px}

.main_wrap .wideRight           {width:700px;float:right;margin:0 10px
}
/********************************************************************/
/* [3] - HEADER */

#fullWrap{
	width:100%;
	float:left;
	background-image: url(../images/bannerBg.png);
	background-repeat: repeat-x;
	background-position: 0 155px;
}

.full_width{width:100%;float:left;}

.full_width_top{
	width:100%;
	min-height:270px;
	float:left;
	background-image: url(../images/topBg.png);
	background-repeat: repeat-x;

}

a.logo{width:auto;float:left;margin-top:58px}

.menu{float:left;margin-left:10px}

.menu ul{width:100%;margin-top:50px;float:left}

.menu ul li{width:133px;float:left;position:relative;z-index:100}

ul#nav li:first-child{margin-left:35px}

ul#nav li a,ul#nav li a.act{
       width:133px;
       height:49px;
       float:left;
       font:13px/45px Arial,Helvetica,sans-serif;
       color:#4fa6b8;
       text-align:center;
       text-transform:uppercase
}

ul#nav li a:hover,ul#nav li a.act{color:#FFF;background:url(images/nav-tab.png) no-repeat}

ul#nav li ul{width:131px;float:left;position:absolute;top:-7px;left:0px;display:none;z-index:100}

ul#nav li ul li{width:100%;float:left;background:url(images/dd-menu_bg.png) repeat-y}

ul#nav li ul li.top{
       width:100%;
       height:8px;
       float:left;
       background:url(images/dd-menu_top.png) no-repeat

}

ul#nav li ul li.bottom{
       width:100%;
       height:10px;
       float:left;
       background:url(images/dd-menu_botm.png) no-repeat

}

ul#nav li ul li a{width:100%;height:auto;font-size:12px;line-height:35px;color:#FFF}

ul#nav li ul li a:hover{background:none;text-decoration:underline}

ul#nav li ul li:first-child{margin:0}

ul#nav li.dd:hover{background:url(images/nav-tab.png) no-repeat}

ul#nav li.dd:hover a{color:#fff}

/* [3] - HEADER:- (a) WELCOME PANEL */

.welcome{width:auto;float:left;margin-top:101px;padding-bottom:45px}

.welcome h1{
	color:#000000
}

.welcome h1 span{font-size:12px;line-height:16px}

.welcome p{
	margin-top:13px;
	color:#000000;
	line-height:18px
}

.welcome a.more{
       width:101px;
       height:34px;
       margin-top:25px;
       float:left;
       font:12px/32px Arial,Helvetica,sans-serif;
       color:#fff;
       text-transform:uppercase;
       text-align:center;
       background:url(images/more_bg_banner.png) no-repeat

}

.welcome .nopadding{
       padding-bottom:20px;
       margin-top:90px
}
/********************************************************************/
/* [4] - FONTS */

h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;font-weight:normal;color:#0f7177}

p{
       width:100%;
       float:left;
       margin-top:15px;
       font-family:Arial, Helvetica, sans-serif;
	   font-size:13px;
       color:#757a7a;
       text-align:justify
}

.welcome a.more{
       width:auto;
       height:22px;
       padding:0 7px;
       float:left;
       line-height:22px;
       border:#6f9698 solid 2px;
       background:#398289
}
/********************************************************************/
/* [5] - HEADING TAGS */

body h1{width:100%;float:left;font-size:22px;line-height:30px}

body h2{
	width:100%;
	float:left;
	font-size:20px;
	color:#003399;
	line-height:30px;
	text-transform:uppercase
}

body h2 span{
	font-size:13px;
	color:#336799;
	line-height:20px
}

body h3{
	width:100%;
	height:32px;
	float:left;
	font-size:20px;
	color:#0f7177;
	line-height:25px;
	text-transform:uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #274F75;
}

body h4{
       width:100%;
       padding-bottom:5px;
       float:left;
       color:#0f7177;
	   padding-bottom:7px;
	   margin-bottom:25px;
       font-weight:bold 18px Arial,Helvetica,sans-serif;
       border-bottom:#a7d2db solid 1px
}

body h5{
       width:100%;
       padding-bottom:5px;
       float:left;
       color:#0f7177;
       font:bold 16px Arial,Helvetica,sans-serif
}

body h6{
       width:100%;
       padding-bottom:5px;
       float:left;
       color:#0f7177;
       font:bold 14px Arial,Helvetica,sans-serif
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#0F7177;text-transform:none}

.demos h1,.demos h2,.demos h3,.demos h4,.demos h5,.demos h6{
       margin-top:10px;
}

.spacing{
	margin-bottom:10px;
}
/********************************************************************/
/* [6] - CONTENT */

.content{width:960px;float:left;margin-top:82px}

#margin_adjust{margin-top:40px}

.heading_with_icon{
	width:100%;
	height:70px;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
}

.heading_with_icon img{width:auto;float:left;margin-right:15px}

.heading_with_icon h2{width:auto}

.content a.more{
	clear:both;
	width:105px;
	height:34px;
	margin-top:25px;
	margin-left:-5px;
	float:left;
	font:12px/34px Arial,Helvetica,sans-serif;
	color:#306191;
	text-transform:uppercase;
	text-align:center;
	background:url(images/more_bg.png) no-repeat

}

.bottom_line{border-bottom:#a7d2db solid 1px;padding-bottom:7px}
.bottom_line p{ padding-bottom:20px; }
.bottom_line p.nopad{ padding-bottom:0px; }

.content p{
	float:left;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	line-height:18px;
	text-align:justify
}

.img_wrap{width:auto;margin:5px 10px 0 0;float:left}

.img_wrap_right{width:auto;margin:10px 5px 0 0;float:right}

.drop_cap{width:auto;margin-top:10px;float:left; /padding:5px 0; font-size:40px}

.marker{background:#edfbf9;padding:1px;font-weight:bold}

.content p a{text-decoration:underline;color:#0f7177}

.content p a:hover{text-decoration:none}

ul.news_list{width:100%;float:left}

ul.news_list li{width:100%;margin-top:13px;float:left}

ul.news_list li p.cal{
       width:44px;
       height:33px;
       padding-top:18px;
       margin:0 12px 0 0;
       float:left;
       color:#979696;
       font:bold 18px/18px Arial,Helvetica,sans-serif;
       text-align:center;
       background:url(images/calendar.png) no-repeat

}

ul.news_list li p.cal span{font-size:11px;line-height:11px}

ul.news_list li a{width:auto;float:left;color:#757a7a;font:bold 12px Verdana,Geneva,sans-serif}

ul.news_list li p.txt{
       width:224px;
       margin-top:6px;
       float:left;
       font:11px/15px Verdana,Geneva,sans-serif;
       color:#757a7a
}

.relative{position:relative}

.next{position:absolute;bottom:-40px;right:445px}

.prev{position:absolute;bottom:-40px;left:400px}

.thumbnail-left img{
	border:1px solid #CCCCCC;
	width:300px;
	padding:5px;
	background:#fff;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.thumbnail-right img{
       margin:6px 0px 5px 10px;
       border:1px solid #CCCCCC;
       width:150px;
       padding:5px;
       background:#fff
}
/********************************************************************/
/* [7] - FOOTER */

#footer{
	clear:both;
	width:100%;
	height:326px;
	padding-top:30px;
	margin-top:52px;
	float:left;
	position:relative;
	background-image: url(../images/footBg.png);
	background-repeat: repeat-x;

}

#footer h4{
	color:#FFFFFF;
	line-height:26px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC66;
}

ul.gallery{width:100%;/*margin-top:20px;*/float:left}

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}

#footer ul.list{width:100%;/*margin-top:20px;*/float:left}

#footer ul.list li{
       width:140px;
       float:left;
       border-bottom:#083F3F solid 1px;
       padding:4px 0;
       margin-right:20px
}

#footer ul.list li.bor{border-top:#083F3F solid 1px}

#footer ul.list li.nomar{margin-right:0px}

#footer ul.list li a{width:100%;float:left;font:13px/25px Verdana,Geneva,sans-serif;color:#fff}

#footer ul.list li:first-child a{border:0}

#footer ul.list li a:hover{color:#0F9DBB}

#footer .browser{
       height:187px;
	   float:left;
       position:relative;
	   margin-top:10px;
       background:url(images/foot_browser_bg.png) no-repeat right bottom

}

#footer .browser p.heading{
	width:161px;
	position:absolute;
	right:15px;
	color:#fff;
	font:bold 18px Arial,Helvetica,sans-serif;
	text-align:right;
	background:url(images/check_ico.png) no-repeat;
	top: 10px;
}

#footer .browser p.heading span{font-size:14px;font-weight:normal}

#footer .browser img{
	width:auto;
	position:absolute;
	left:9px;
	top:17px
}

#footer .bottom{width:100%;margin-top:25px;float:left;border-top:#2e7e89 solid 1px}

#footer ul.nav{width:100%;float:left}

#footer ul.nav li{width:auto;float:left;font:11px/16px Arial,Helvetica,sans-serif;color:#fff}

#footer ul.nav li.space{width:auto;padding:0 6px;float:left}

#footer ul.nav li a{width:auto;float:left;color:#fff}

#footer p.credit{
	width:auto;
	min-width:300px;
	margin-top:10px;
	float:left;
	font:11px/16px Verdana,Geneva,sans-serif;
	color:#fff
}

#footer p.credit a{
       color:#fff;
       font-weight:bold
}
/********************************************************************/
/* [8] - TABLES WITH DIV'S */

.table_wrap									{width:450px; margin-top:15px; float:left; border-left:#303030 solid 1px;}
.table_wrap p.heading						{width:449px; margin-top:0; height:35px; float:left; font-size:18px; color:#303030; line-height:40px; text-align:center; border-bottom:#303030 solid 1px; border-right:#303030 solid 1px; border-top:#303030 solid 1px}
.table_wrap p.heading_2						{width:449px; margin-top:0; height:35px; float:left; font-size:18px; color:#303030; line-height:40px; text-align:center; border-bottom:#303030 solid 1px; border-right:#303030 solid 1px; border-top:#303030 solid 1px}
.table_wrap p.heading_3						{width:447px; margin-top:0; height:35px; float:left; font-size:18px; color:#303030; line-height:40px; text-align:center; border-bottom:#303030 solid 1px; border-right:#303030 solid 1px; border-top:#303030 solid 1px}
.table_wrap p.two_columns					{width:224px; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#303030 solid 1px;  border-right:#303030 solid 1px}
.table_wrap p.three_columns					{width:149px; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#303030 solid 1px;  border-right:#303030 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:#303030 solid 1px;  border-right:#303030 solid 1px}
.table_wrap p.five_columns					{width:89px; margin-top:0; height:35px; float:left; text-align:center; line-height:30px; border-bottom:#303030 solid 1px;  border-right:#303030 solid 1px}
@-moz-document url-prefix() 				{.table_wrap p.heading_3{width:448px;}/*Fix For Firefox*/}
/* Check [II]- Note, for editing details of the table grid*/
/* [9] - LIST STYLES */

ol{width:100%;margin-top:15px;float:left}

ol li.list_with_alpha{
       width:auto;
       float:left;
       margin-top:5px;
       list-style:upper-alpha;
       list-style:inside;
       font:13px/18px Arial,Helvetica,sans-serif;
       color:#757a7a;
       clear:left
}

ol li.list_with_bullet{
       width:auto;
       float:left;
       margin-top:5px;
       list-style:disc;
       list-style:inside;
       font:13px/18px Arial,Helvetica,sans-serif;
       color:#757a7a;
       clear:left
}

ol li.list_with_decimal{
       width:auto;
       float:left;
       margin-top:5px;
       list-style:decimal;
       list-style:inside;
       font:13px/18px Arial,Helvetica,sans-serif;
       color:#757a7a;
       clear:left
}

ol li.list_with_image{
       width:auto;
       float:left;
       margin-top:5px;
       list-style:inside url(images/list-style.png);
       font:13px/18px Arial,Helvetica,sans-serif;
       color:#757a7a;
       clear:left
}
/********************************************************************/
/* [10]- OTHER SHORT-CODES */

blockquote.simple{
       width:100%;
       margin-top:15px;
       float:left;
       color:#757a7a;
       font:italic 13px/18px Arial,Helvetica,sans-serif
}

blockquote.simple:before{
	content:open-quote;
}

blockquote.simple:after{
	content:close-quote;
}

blockquote.graphical{
       width:100%;
       margin-top:15px;
       float:left;
       color:#757a7a;
       font:italic 13px/18px Arial,Helvetica,sans-serif
}

blockquote.graphical span.top{
       width:50px;
       height:50px;
       margin:-5px 5px -10px 0;
       float:left;
       background:url(images/quots.png) no-repeat

}

blockquote.graphical span.bottom{
       width:20px;
       height:20px;
       display:inline-block;
       background:url(images/quots_small.png) no-repeat

}
/********************************************************************/
/* [11]- FORM */

form.mail{width:100%;float:left}

form.mail input{
       width:353px;
       height:33px;
       padding:5px 10px;
/*padding:4px 10px;*/
       margin-top:15px;
       float:left;
       font:13px/36px Arial,Helvetica,sans-serif;
       color:#757a7a;
       background:url(images/inputBg.png) no-repeat 0 0

}

form.mail input:focus{background:url(images/inputBg.png) no-repeat 0 -43px}

form.mail textarea{
	width:438px;
	height:113px;
	padding:5px 10px;
	margin-top:15px;
	float:left;
	font:13px/18px Arial,Helvetica,sans-serif;
	color:#757a7a;
	overflow:auto;
	border:0px;
	background-image: url(images/text_area_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;

}

form.mail textarea:focus{
	background-image: url(images/text_area_bg.png);
	background-repeat: no-repeat;
	background-position: 0 -123px;
}

.map{
       float:left;
       margin-top:20px
}
/********************************************************************/
/* [12]- GALLERY */

.Img-gallery{width:100%;float:left}

.Img-gallery li a{float:left}

.Img-gallery li{
       width:300px;
       float:left;
       padding:5px 5px;
	   margin:0 3px 15px 5px;
       background: #0F7177;
	   border:1px sold #999
}

div.imgContent{	width:97%;	float:left; padding:5px 4px; }
div.imgContent p{color:#fff;margin-top:0px;text-align:left;line-height:14px; background-color:;}
div.imgContent p a{ color:#fff; float:none;  cursor:pointer; }

div.imgContent h4{color:#fff;border-bottom:0px}

.Img-gallery li a.pic1{
       width:300px;
       height:160px;
	   float:left;
       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:483px;float:left}

.gallery_demo{width:483px;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:12px "Trebuchet MS",Arial,Helvetica,sans-serif;
       letter-spacing:3px;
       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{}
/********************************************************************/
/* [I] - jQuery Styles:- a) SLIDEING BANNER */

.banner_wrap{width:auto;float:left;position:relative;left:50px;top:50px}

#easyslider{
       display:block;
       width:auto;
       height:344px;
       float:left;
       position:absolute;
       top:-50px;
       left:0px;
       background:none
}

#easyslider ul{width:574px;height:344px;float:left;position:absolute;overflow:hidden;z-index:0}

#easyslider li{display:inline;width:574px;height:344px;float:left;position:relative}

#prevBtn,#nextBtn{
       display:block;
       text-indent:-8000px;
       width:24px;
       height:86px;
       float:left;
       position:absolute;
       left:-25px;
       top:75px
}

#nextBtn{left:575px;top:115px}

#prevBtn a,#nextBtn a{
       display:block;
       width:24px;
       height:86px;
       float:left;
       position:relative;
       background:url(images/left_arrow.png) no-repeat 0 0

}

#prevBtn a{display:block}

#nextBtn a{
       display:block;
       top:-40px;
       background:url(images/right_arrow.png) no-repeat 0 0

}
/* [I] - jQuery Styles:- b) TABS */

.topMargin{margin-top:43px}

ul.tabs{height:32px;width:605px;float:left}

ul.tabs li{
       width:auto;
       float:left;
       height:32px;
       font:12px/31px Arial,Helvetica,sans-serif;
       color:#4fa6b8;
       border-left:none;
       margin-bottom:-1px;
       overflow:hidden
}

ul.tabs li a{
       float:left;
       text-decoration:none;
       color:#4fa6b8;
       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:#4fa6b8;background:#a7d2db}

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:#a7d2db
}

.tab_container{
       border:1px solid #a7d2db;
       overflow:hidden;
       clear:both;
       float:left;
       width:100%;
       background:#fff;
       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:215px;margin-bottom:10px;float:left}

.tab_content ul.list li{width:215px;float:left;list-style:inside url(images/list-style.png)}

.tab_content ul.list li a{width:auto;font:13px/20px Verdana,Geneva,sans-serif;color:#757a7a}

.tab_content ul.list_2{margin-left:104px}

#left-navigation{
       width:185px;
       float:left;
       margin:10px 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:185px;
       float:left;
	   padding-bottom:2px;
       display:block;
       border-top:1px solid #fff;
       border-bottom:1px solid #a7d2db
}

ul#menuLevel-1 li.squared{
       width:185px;
       float:left;
       display:block;
       border-top:1px solid #fff;
       border-bottom:1px solid #a7d2db
}

ul#menuLevel-1 li.squared a{
       width:155px;
       float:left;
       display:block;
       padding-left:20px;
       background:url(images/bullets.jpg) no-repeat 8px;
}

ul#menuLevel-1 li.squared a:hover{
       width:155px;
       float:left;
       display:block;
       padding-left:20px;
       background:#82D2E3 url(images/bullets-hover.jpg) no-repeat 8px

}

ul#menuLevel-1 li a{
       width:165px;
       float:left;
       font:normal normal bold 12px normal Arial,Helvetica,sans-serif;
       color:#000;
       padding:8px 10px;
}

ul#menuLevel-1 li a:hover{color:#FFF;background:#82D2E3}
/* Second level Heirarchy */

ul#menuLevel-1 li.active a.tab{
       color:#000;
       padding-left:20px;
       width:155px;
	   float:left;
       background:#82D2E3 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;
       width:155px;
       background:#82D2E3 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:#82D2E3;text-decoration:underline}

ul.sub-nav{ width:130px; float:left; margin:-2px 0px 10px 0; }
ul.sub-nav li{ background:none;}

/*ul#menuLevel-1 li a:hover,ul#menuLevel-1 li a.active { color:#0f7177; background-color:#82D2E3 }*/
/* [14] Featured Box */

.featuredbox{
       width:200px;
       float:left;
       font:14px Verdana,Geneva,sans-serif;
       color:#333;
       padding:0 10px 10px;
       margin-bottom:38px;
       background:#fff 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
}
/* [15] Breadcumb */

p.breadcrumb{
	width:940px;
	float:left;
	margin:25px 0 0 10px;
	color:#224566;
	padding:5px 0;
	font-weight:bold;
	border-bottom:1px dotted #999
}

p a,breadcrumb{
	color:#000000
}

p a:hover{text-decoration:underline}

.clearContent{clear:both;width:100%;float:left;margin:20px 0 0 0}
/* [17] Text Colors */

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:#fff}

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;
       color:#E17000;
       background:#CCC;
       padding:8px;
       color:#fff
}
/* [18] Pagination */

.pagination{
       width:444px;
       height:20px;
       display:block;
       float:left;
       margin:50px 0 0 0;
       padding:8px;
       background:#edfbf9;
	   border:1px solid #8BD1DF
}

.content .page-index{width:100px;float:left;margin:0 0 0 10px;padding:0px}

.content .page-list{width:200px;display:block;float:right;margin:0 5px 0 0;padding:0}

.content .page-list a{
	   display:block;
	   float:left;
       font:12px Arial,Helvetica,sans-serif;
       padding:2px 5px;
       background:#82D2E3;
       color:#fff;
       margin:0px 3px 0 3px;
	   line-height:14px;
       text-decoration:none;
	  
}

.content .page-list a.selected, .content .page-list a:hover{
	   display:block;
       float:left;
       color:#fff;
       padding:5px 8px;
       background:#0F7177;
	   margin:-3px 0 0 0;
       text-decoration:none;
}
/* [19] Blog Section */

h2.comments{width:620px;float:left;font-size:26px;color:#323232;font-weight:bold;margin:25px 0 0 0}

ul.comments{width:530px;float:left;margin:20px 0 0 0}

ul.comments li{width:505px;float:left;padding:10px 12px;border-bottom:1px dotted #d7d7d7}

ul.comments li.top-list{margin-bottom:30px;border-bottom:0px;border:1px solid #e6e6e6}

ul.comments li img{float:left;margin:4px 0 0 0px}

ul.comments .comment-list{width:435px;float:right;margin:0px}

.comment-list p{font-size:12px;margin:0px;padding:0px;padding-bottom:16px}

ul.comments li h4{
       color:#5D5D5D;
       font:bold 14px/normal Arial,Helvetica,sans-serif;
       padding-bottom:6px;
       margin:2px 0 0 0px;
       border:0px
}
/* Blog Comments */

.post-comment{width:530px;display:block;float:left;margin:20px 0 0 0}

#leftbox{width:250px;float:left;margin-right:15px}

#leftbox p{width:250px;float:left;margin:0px;padding:2px 0 6px 0}

#leftbox label{width:250px;float:left;padding-bottom:2px}

#leftbox input{
       width:250px;
       height:35px;
       float:left;
       font:12px/20px Tahoma,Geneva,sans-serif;
       color:#676767;
       border:1px solid #D6D6D6
}

div.message{width:260px;float:right;margin:0px}

div.message label{
       display:block;
       width:260px;
       float:left;
       font:12px/20px Tahoma,Geneva,sans-serif;
       color:#676767;
       padding-bottom:4px
}

div.message textarea{
       width:260px;
       height:154px;
       float:left;
       font:12px/20px Tahoma,Geneva,sans-serif;
       color:#676767;
	   padding:0px;
	   margin:0px;
       border:1px solid #D6D6D6
}

div.message p{
       width:262px;
	   display:block;
       float:right;
       float:left;
       text-align:left;
       line-height:32px;
       padding:0px;
       margin:0px
}

div.message p span{ 
	   width:170px;
	   float:left;
       font:12px/20px Tahoma,Geneva,sans-serif;
       color:#676767;
	   margin:0px;
	   padding:0px;
}

div.message input{
       width:90px;
       height:35px;
       float:none;
       background:#E1E1E1;
       font:14px/20px Tahoma,Geneva,sans-serif;
       color:#676767;
       cursor:pointer;
	   margin:0px;
	   padding:0px;
       text-transform:uppercase;
       border:1px solid #D6D6D6
}
/* Sponsor Ad's */

ul.sponsors{width:100%;display:block;float:left;padding:10px 0}

ul.sponsors li{
       width:200px;
       display:block;
       float:left;
       padding:5px;
       margin:0 0 5px 5px;
       border:0px solid #E8E8E8
}

ul.sponsors li.nomar{margin-right:0px}

.content .sponsor-logos img{
       margin-top:6px;
       width:150px
}
/* Custom Tabs */
/* Style for Usual Tabs */

.usual{background:#fff;color:#111;width:206px;float:left;border:1px solid #E8E8E8;padding:0 0 10px 0;margin:5px auto}
.usual ul{width:100%;height:23px;float:left; border:0px; background:#82D2E3}
.usual li{width:auto;height:20px;list-style:none;float:left;}

.usual ul a{
       width:auto;
	   display:block;
       float:left;
       text-decoration:none!important;
	   padding:5px 8px;
       margin:1px;
       font:10px Verdana;
       color:#0F7177;

}

.usual ul a:hover{color:#FFF;background:#0F7177}

.usual ul a.selected{
       margin-bottom:0;
       color:#fff;
       background:#0F7177;
       cursor:default
}

.usual p{margin:0 0 5px 0;float:left}

.usual div{
       margin:24px 0 0 0;
       padding:15px 10px 20px 10px;
       *padding-top:3px;
       *margin-top:23px;
       clear:left;
       background:#fff;
       font:10pt Arial
}
/* Category List */

ul.categories{width:220px;float:left;padding:20px 0 0 0}

ul.categories li{width:100%;float:left;padding:10px 0px;line-height:21px}

ul.categories li a{
	color:#274F76;
	padding:2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 21px;
}

ul.sub1,ul.sub2,ul.sub3{width:150px;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:205px;float:left;margin-left:10px}

ul.sub3{width:150px;float:left;margin-left:10px}

/* [20] - Contact AJAX Form */
form.mail input.more_button{
       width:105px;
       height:34px;
       margin-top:25px;
       margin-left:-5px;
	   padding:0px;
       float:left;
       font:12px/32px Arial,Helvetica,sans-serif;
       color:#fff;
       text-transform:uppercase;
       text-align:center;
       clear:left;
       cursor:pointer;
       outline:none;
       background:url(images/more_bg.png) no-repeat

}

#message{width:100%;color:#0f7177;font:bold 13px Verdana,Geneva,sans-serif}

#message h2{font-size:14px;color:#F00}

#message p{color:#0f7177;font-weight:bold;margin:6px 0px}


/* 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-border-radius: 5px;
	-webkit-border-radius: 5px;
	-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; }

/* Menu Styles */
#menuContainer{
	width:700px;
	height:40px;
	float:left;
	display: inline-block;
	margin:30px 0 0 0;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-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:#0F7177;
	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 a:hover{
	background:#82D2E3
}

#menu1 li .lowerMenu{
	visibility:hidden;
}

#menu1 li:hover .lowerMenu{
	visibility:visible;
}

#menu1 .lowerMenu{ width:700px; float:left; position:absolute; top:40px; left:-82px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; -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:#82D2E3
}
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:#3c3c3c;
	padding:2px 15px;
	line-height:39px;
}
#menu1 ul.subNav li a:hover{
	background:none;
	text-decoration:underline;
}

/* Quotes with Images */

#quoteWithImg{
	width:100%;
	float:left;
}
#quoteWithImg li{
	width:100%;
	float:left;
	margin-bottom:20px;
}
#quoteWithImg li .q-content{
	width:333px;
	float:left;
	padding:7px 0 0 0;
}
#quoteWithImg li img{
	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:#757a7a;
	font-style:italic;
	line-height:18px;
	text-indent:27px;
	text-align:justify;
	background: url(images/qwImg.png) no-repeat left top;
}

#quoteWithImg .q-content p{
	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:#757a7a;
	font-style:italic;
	text-indent:20px;
	text-align:left;
	margin:0px 0px 20px 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;
}

.testimonials img{
	float:left;
}

.testContent{
	width:426px;
	float:left;
	padding:0 10px;
	background:#F1F1F1;
	border:1px solid #e7e7e7;
	border-bottom:0px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
	border-radius:6px;
}

.testContent .signature{
	font-size:11px;
}

.testContent .signature span{
	font-size:14px;
	color:#0f7177;
	font-weight:bold;
	font-style:normal;
}

/* Testimonial styles 2 */

.testimonials2{
	width:450px;
	float:left;
}

.testimonials2 img{
	float:left;
}

.testimonials2 blockquote{
	width:430px;
	float:left;
	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{
	float:right;
	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;
}

/* default template Button */
.signature a.default, .signature a.default:visited	{
	width:auto;
	float:right;
	color:#fff;
	background-color:#015C5E; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-transform:uppercase;
	text-decoration: none;
	text-align:center
}
.signature a.default:hover {
	background-color:#82D2E3; 
	font-family:Arial, Helvetica, sans-serif;
}

.signature a.default span{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}
