/* CSS Resets */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}img, object, embed{ max-width: 100%;}img { height: auto;}

/* ! The 1140px Grid DotNetNuke Skin by dnnideas.com   */
hr.dot									{ border:none; border-bottom:1px #666 dashed}
input.letter							{ padding:5px; border:1px #ccc solid; outline:none; margin:10px 0; width:90%}
#Body									{ background:url(../images/bodybg.jpg) top center repeat;}
#DNN6									{ position:relative;z-index:1; padding:0px; background:url(../images/mainback.png) top center repeat-x; margin:0px;}
#DNN66									{ position:relative;z-index:1; padding:0px; background:url(../images/innerback.png) top center repeat-x; margin:0px;}
#DNN6 .headbg							{ }

.clr									{ clear:both}
.fleft									{ float:left}
.fright									{ float:right}
.blackcolor								{ color:#000}
.whitecolor								{ color:#fff}
.mr10									{ margin-right:10px; border:1px #000 solid; }
.mlr40									{ margin:0 50px;height:130px;}
.mlr400									{ margin:0 50px;}
.row 									{ width: 100%;max-width: 1140px;min-width: 755px;margin: 0 auto!important;}
.bgleft									{ padding-left:40px; background:url(../images/bgleft.png) left bottom no-repeat; position: relative; }
.bgright								{ padding-right:40px; background:url(../images/bgright.png) right bottom no-repeat}
.grid3									{ width:24%}
.grid4									{ width:31%; padding-right:2%}
.w49									{ width:49%}
.whitebg								{ background:url(../images/foot-bg.jpg) left bottom repeat-x #fff; min-height:93px; margin:0 40px; padding:0 10px}
.topbar									{ padding:0px; margin:0px; height:39px; }
#mostrar								{ display:none}
#dnnheader								{ margin:0 10px 0 10px ; position: relative;}
#dnnheader .logo						{ top: -40px; right: 35%; position: absolute;z-index:1000;}
#dnncontent								{ margin:0px;margin-left:10px; min-height:500px; margin-bottom:-50px;  position:relative; z-index:904; padding:5px 20px}
#dnncontentx								{ margin:0px; min-height:500px;   position:relative; z-index:904; padding:5px 40px}
#dnnfooter								{ background:url(../images/footerbgx.png) top center repeat;  padding:0px; margin:0px;padding-top:50px;}
#dnnfooter1								{ background:url(../images/footerbg.png) top center no-repeat;  padding:0px; margin:0px;min-height:30px;}
#dnncopyright							{ background:#00adef; padding:20px 0;color:#fff; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; border-top:1px #fff solid}
#dnncopyright .fleft strong				{ color:#fff; font-size:16px;}
#dnncopyright a.fright					{ color:#fff; margin-left:10px}
#dnncopyright a.fright:hover			{ color:#fff}
/* LOGIN GROUP STYLES */

#Login									{ padding:0px; margin:0px; height:39px; }
#Login .bg								{ padding:0px; margin:0 71px; height:39px;}
#Login .registerGroup, 
#Login .registerGroup *, 
#Login .loginGroup, 
#Login .loginGroup *				{ display:block; margin:0px; padding:0px} 
#Login .registerGroup,
#Login .loginGroup					{ float:left;padding:0;margin:0;} 
#Login .registerGroup li:first-child:hover{}
/* Register Group Styles */
#Login .registerGroup li			{ float:left;height:33px; border:none /*dark*/}
#Login .registerGroup .buttonGroup	{ margin-right:0;}
		
#Login .registerGroup a,
#Login .loginGroup a				{ position:relative;display:block;padding:11px 12px;min-width:15px; min-height:11px;font-weight:bold;font-size:12px;vertical-align:middle;line-height:1em; text-decoration:none; color:#fff}
		
#Login .registerGroup a:hover,
#Login .loginGroup a:hover,
#Login .registerGroup a:active,
#Login .loginGroup a:active			{ color:#fff;}
		
#Login .registerGroup a:hover,
#Login .loginGroup a:hover			{ text-decoration:none;}
		
#Login .registerGroup a strong,
#Login .loginGroup a strong			{ position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
		
.registerGroup .userMessages strong,
.registerGroup .userNotifications strong{background:url(../Images/userLoginSprite.png) no-repeat 15px 12px;}

.registerGroup .userNotifications strong{ background-position:-85px 10px; }
.registerGroup .userMessages strong:hover{background-position:15px -40px; }
.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
.registerGroup .userMessages strong:active{background-position:15px -91px; }
.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
#Login .registerGroup a span{position:absolute;right:0px; top:2px;display:inline-block;padding:1px 4px;min-width:7px;
			text-align:center;
			background:#f00; /* Old browsers */
			font-size:9px;
			color:#fff;z-index:1000;-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
			
		}
		
	a.button.mobilehide {
     display: block;
}
a.button.mobileshow {
     display: none;
}		
		
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img			{ height:30px; width:30px; min-width:30px; margin:3px -1px 0 0; position:relative; z-index:1}
/* Login Group Styles */
#Login .loginGroup{ /*light*/} 
#Login .loginGroup a				{ padding:11px 12px; font-weight:bold; background:url(../images/ts.gif) 0 0 no-repeat}
#Login a{ float:left; line-height:32px; padding:0 5px}		
#top-link								{ display:none;position:fixed; right:15px; bottom:90px; text-decoration:none; padding:30px 25px; z-index:904; background:url(../images/up.png) 0 0 no-repeat}

a.backhome								{ display:block; width:40px; height:38px; background:url(../images/backhome.png) 0 0 no-repeat; float:left; margin-left:-5px}
a.backhome:hover						{ display:block; width:40px; height:38px; background:url(../images/backhome.png) 0 -38px no-repeat; float:left}
div.unoslider_indicator a.unoslider_indicator_active { background: url(../images/btnactive.png) 0 0 no-repeat;}

#dnnmenu								{ background:url(../images/menubg.png) 0 0 no-repeat;  margin-left: -15px;  position: absolute;width: 97%; z-index: 905;top:-5px;}
#dnnmenuIn								{ background:url(../images/menubg.png) 0 0 no-repeat;  margin-left: -20px;    margin-right: -20px; z-index: 1001;height:60px;}
.MBPad img { margin-top:-10px;}
#menubox								{ margin:0px; position: relative; z-index:905; width:50%;padding: 5px 20px;}
#menubox1                               {margin-right:2%;padding-top: 5px;}
ul.sf-menu, ul.sf-menu * 					{ margin:0;padding:0;list-style:none;}
ul.sf-menu > li 						{ position:relative;float:left;margin:0; background:url(../images/ms.png) left center no-repeat; padding-left: 10px;}
ul.sf-menu > li.first 					{ background:none}
ul.sf-menu li a, ul.sf-menu li a:link, ul.sf-menu li a:active { display:block; color:#fff; padding:0px; font-size:15px; text-transform:uppercase; text-decoration:none; line-height:1em; font-weight:normal}
ul.sf-menu li a span					{ display:block; padding:16px 18px; font-family:'Conv_VAG ROUNDED LIGHT', "Trebuchet MS", "Myriad Web Pro", arial, serif;font-size: 16px;font-weight: normal;text-shadow: 2px 2px 6px #C0762A;}
ul.sf-menu li.current a, ul.sf-menu li.Breadcrumb a, ul.sf-menu li.sfHover a, ul.sf-menu li a:hover{ text-decoration:none}
ulsf-menu li ul li.current a, ul.sf-menu li ul li.Breadcrumb a, ul.sf-menu li ul li.sfHover a, ul.sf-menu li ul li a:hover{ text-decoration:none; background:none}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { ul.sf-menu li a span					{ display:block; padding:16px 18px; font-family: arial, serif;font-size: 9px!important ;font-weight: normal;text-shadow: 4px 4px 3px #C0762A;}}
	
/***submenu***/
ul.sf-menu ul 							{ position:absolute;top:-999em;z-index:99;width:150px; display:none;padding:0 10px;background:url(../images/t8.png);}
ul.sf-menu li li						{ width:100%;position:relative;	text-align:left; border-top:1px #222 solid}
ul.sf-menu li li.first					{ border-top:0px #fff dashed; padding-left:5px;}
ul.sf-menu li li a,	ul.sf-menu li li a:link, ul.sf-menu li li a:active,	ul.sf-menu li li a:visited{ font-weight:normal; color:#d0d0d0; padding:8px 8px 8px 0; background:none; text-transform:none; font-size:13px}
ul.sf-menu li li > a:hover, ul.sf-menu li li.sfHover > a{ text-decoration:none}
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul 				{ left:0px;top:47px;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul 			{ top:-999em;}
/***subsubmenu***/
ul.sf-menu ul ul 						{ width:150px;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:159px; top:0px;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li.haschild a span			{ background: url(../images/down.png) right center no-repeat; display:block;}
ul.sf-menu li ul li a.haschild			{ background: url(../images/right.png) right center no-repeat; }
ul.sf-menu li ul li a.haschild:hover	{ background: url(../images/right.png) right center no-repeat; }
/* last sub menu*/
ul.sf-menu li li.last ul				{ right:0px}
ul.sf-menu li.last li:hover ul, ul.sf-menu li.last li.sfHover ul{ left:-170px}
ul.sf-menu li.current a, ul.sf-menu li.Breadcrumb a, ul.sf-menu li.sfHover a, ul.sf-menu li a:hover{ color:#341600}
ul.sf-menu li li > a:hover, ul.sf-menu li li.sfHover > a{ color:#fff}

.Headpane								{ margin-right:15px; width:300px; text-align:right; position:relative; z-index:906}
.TopLeftPane, .TopRightPane				{ width:49%}
.FootAPane ,.FootBPane					{ width:24.157%; margin-right:1.1%}
 .FootCPane,.FootDPane					{ width:24.157%}


.LeftPane								{ width:24.157%; margin-right:1.1%}
.CenterPane								{ width:49.45%}
.RightPane								{ width:24.157%}

.FAColPane, .FBColPane					{ width:31.157%; margin-right:1.1%;}
.FCColPane	                			{ width:31.157%;margin-right:1.1%;}
.LeftFourPane, .RightFourPane			{ width:30%}
.LeftEightPane, .RightEightPane			{ width:65%}
.BannerPane								{ /*background:url(../images/slider-shadow.png) bottom center repeat #fff;*/ padding-bottom:8px; margin:0px; padding-left:10px; }


.searchbox								{ position:relative;z-index:200;width:18%; background:#00adef; height:32px; border:1px #00adef solid; margin:6px 1.5% 0 0;}
.searchbox .SkinObject					{ color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#ccc}
.searchbox #dnn_dnnSEARCH_txtSearch		{ position:absolute;left:7px;top:3px;z-index:2000;width:80%;background:transparent;border:none; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px; height:25px; line-height:25px; outline:none}
.searchbox a:link,
.searchbox a:active,
.searchbox a:visited					{ display:block;width:27px;height:27px; position:absolute;right:2px;top:2px;z-index:2000;background:url(../images/search.png) 0 0 no-repeat}
.searchbox a:hover						{ background:url(../images/search.png) 0 -27px no-repeat}

a.button {
	display:block;
    width: 370px;
	max-width:100%;
    background-color: #c20173;
    padding: 50px 10px;
    margin: auto;
    color: #e8b458!important;
    font-size: 25px;
	line-height:1.4em;
    border: 3px dashed!important;
}

a.button:hover {
    width: 370px;
    background-color: #fff;
    color: #e8b458;
    font-size: 25px;
    border: 3px dashed;    
}

/* Mobile SlideShow*/

.grid_8								{ float:left; width:300px;}
.grid_16							{ float:left; width:620px;}
ul.elements-list li					{ height:30px}
ul.elements-list code				{ float:right; margin:0px; padding:1px 2px; font-family:Arial, Helvetica, sans-serif}
.list-wrapper .listbox				{ width:23%; float:left; margin-right:1%;}
.list-wrapper .mlist ul				{ margin:0px; padding:0px}
.dlist dt							{ margin:0px; padding:5px 0; font-weight:bold}
.dlist dd							{ margin:0px; padding:0px;}
.ulist1								{ margin:0px; padding:0px;}
.ulist1 li							{ margin:0px; padding:5px 0; list-style:none; background:url(../images/li.gif) 3px center no-repeat; padding-left:20px;}
.ulist2								{ margin:0px; padding:0px;}
.ulist2 li							{ margin:0px; padding:5px 0; list-style:none; background:url(../images/ul2.gif) 3px center no-repeat; padding-left:20px;}
.ulist3								{ margin:0px; padding:0px;}
.ulist3 li							{ margin:0px; padding:5px 0; list-style:none; background:url(../images/ul3.gif) 3px center no-repeat; padding-left:20px;}
.ulist4								{ margin:0px; padding:0px;}
.ulist4 li							{ margin:0px; padding:5px 0; list-style:none; background:url(../images/ul4.gif) 3px center no-repeat; padding-left:20px;}
.workteam							{ background:#eee; padding:2%; margin:10px 3% 10px 0; width:26%;}
.workteam img						{ width:100%}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
  background: #00ADEF;
  /*  background: -moz-linear-gradient(top, #00ADEF 0%, #2170cd 100%); /* FF3.6+ */
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ADEF), color-stop(100%,#2170cd)); /* Chrome,Safari4+ */
  /*  background: -webkit-linear-gradient(top, #00ADEF 0%,#2170cd 100%); /* Chrome10+,Safari5.1+ */
  /*  background: linear-gradient(top, #00ADEF 0%,#2170cd 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	
	}

	h3.carousel_title{
		font-family: 'Conv_Carnevalee Freakshow',"Trebuchet MS","Myriad Web Pro",arial,serif;
		color: #fff;
		text-align: center;
	}

.InrTop {
    background: url("../images/inbntop.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 52px;
    margin-top: -10px;
}
#menuboxMob {display:none;}


@media handheld, only screen and (max-width: 1140px)	{ ul.sf-menu li a span{ padding:16px 16px} }
@media handheld, only screen and (max-width: 1100px)	{ ul.sf-menu li a span{ padding:16px 12px} }
@media handheld, only screen and (max-width: 1024px)	{ ul.sf-menu li a span{ padding:16px 10px;font-size: 18px;} #dnnheader .logo {right: 33%;} }
@media handheld, only screen and (max-width: 980px)		{ ul.sf-menu li a span{ padding:16px 8px; font-size:14px} }
@media handheld, only screen and (max-width: 900px)		{ ul.sf-menu li a span{ padding:16px 8px; font-size:13px} }
@media handheld, only screen and (max-width: 860px)		{ ul.sf-menu li a span{ padding:16px 8px;font-size:12px} }
@media handheld, only screen and (max-width: 820px)		{ ul.sf-menu li a span{ padding:16px 8px; font-size:11px} }



/*update 20121018*/
.leftbox		{ width:20%; }
.rightbox		{ width:78%}
div#menubox{ z-index:1000}
div#Login .bg{ margin:0 71px 0 70px}
div.Headpane{ width:auto}
div.BannerPane {  z-index:905}
@media handheld, only screen and (max-width: 1050px)	{
	div.desbox h1	{ font-size:24px}
	div.desbox, div.desbox p, div.desbox div{ font-size:16px; line-height:20px}
	div#photos div.photo{ width:40%}
	ul.sf-menu li.haschild a span{ background: url(../images/down.png) bottom center no-repeat}
}
@media handheld, only screen and (max-width: 850px)	{
	div.desbox h1	{ font-size:20px}
	div.desbox, div.desbox p, div.desbox div{ font-size:16px; line-height:20px}
}
@media handheld, only screen and (max-width: 767px) {div.HeadPane{width: auto;margin: 0px;padding:0px; clear:both}}