/* 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,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%}
#DNN6 {
position: relative;
z-index: 999;
padding: 0px;
background: #fff;
margin: 0px;
}
#DNN6 .headbg {/* background:url(../images/head-bg2.png) top center no-repeat*/}
.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 60px}
.row { width: 100%;max-width: 1140px;min-width: 755px;margin: 0 auto}
.bgleft { padding-left:60px; }
.bgright { padding-right:60px; }
.topbar { padding:0px; margin:0px; height:39px; background:url(../images/topbar.png) 0 0 no-repeat;}
#mostrar { display:none}
#dnnheader { margin:30px 10px 20px 20px;}
#dnnheader .logo { /*padding:0px;margin:-18px 0 0 0*/}
/*.uppermenugradient { background:url(../images/upmenugrad.png) center top no-repeat; height: 26px;}
.lowermenugradient { background:url(../images/lowmenugrad.png) center top no-repeat; height: 26px;}*/
.uppermenugradient { background:url(../images/uppergradient.png) center top no-repeat; height: 25px;}
.lowermenugradient {
background: url(../images/lowergradient.png) center top no-repeat;
height: 22px;
position: relative;
z-index: 998;
margin-bottom: -3px;
}
#dnncontent { margin:0px; min-height:500px; margin-bottom:-50px; background: #fff; position:relative; z-index:904; box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 0px -4px 30px -4px rgba(50, 50, 50, 0.7); -webkit-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 0px -4px 30px -4px rgba(50, 50, 50, 0.7) 0px -4px 30px -4px rgba(50, 50, 50, 0.7); -moz-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 0px -4px 30px -4px rgba(50, 50, 50, 0.7);, 0px -4px 30px -4px rgba(50, 50, 50, 0.7);}
.BannerPane { margin:0px; }
#dnn_BannerPane{
width: 100%; overflow: hidden; font-size: 0;
}
#banner { background:url(../images/banner-bg.png) no-repeat top center; margin:0px;}
.hidden {display:none;}
#dnnfooter { background:#27207d url(../images/footerbg.png) no-repeat top center; padding: 70px 80px 40px 0px;color:#666; margin:0px; }
#dnnfooter h2 .Head{font-size:16px;color: #fff; font-weight:bold;}
#dnncopyright { font-size:12px; background:#f66d01; padding:20px 0;color:#fff; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; border-top:2px #fff solid; border-bottom:1px #fff solid;}
#dnncopyright .fleft strong { color:#fff;}
#dnncopyright .fleft { color:#fff; margin-left:5px; }
#dnncopyright .fleft:hover { color:#fff;}
#dnncopyright a.fright { color:#fff; margin-left:10px; }
#dnncopyright a.fright:hover { color:#fff}
/* LOGIN GROUP STYLES */
#Login { padding:0px; margin:0px; height:39px; background:url(../images/topbar.png) right -82px no-repeat}
#Login .bg { padding:0px; margin:0 71px; height:39px; background:url(../images/topbar.png) right -41px repeat-x}
#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;
}
#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 { margin:0px;background:#fff; margin-left:20px; margin-bottom:0px}
#menubox { margin:0px; position: relative; z-index:905; width:95%;}
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.gif) left center no-repeat}
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:#8a8c8e; 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 24px; font-family:'Oswald',"Trebuchet MS", "Myriad Web Pro", arial, serif; font-weight:bold;}
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}
ul.sf-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*/}
/***submenu***/
ul.sf-menu ul { position:absolute;top:-999em;z-index:99;width:150px; display:none;padding:0 10px;background:#fff;}
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}
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:#8a8c8e; 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:#f78638}
ul.sf-menu li li > a:hover, ul.sf-menu li li.sfHover > a{ color:#f78638}
/*.more_icon { height:35px; background: url(../images/right_arrow.png) no-repeat left 0px; display: inline-block; padding: 1px 0px 0px 35px; font-weight:normal;font-size:15px; line-height:1.5em; transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s; text-decoration: none;}
.more_icon:hover { background-position: right 0px; padding: 1px 35px 0px 0px; text-decoration: none;}*/
.more_icon:hover {
text-decoration: none;
background-position: 100% 5px;
padding: 10px 37px 4px 0px;
}
.more_icon {
background: url("../images/right_arrow.png") no-repeat scroll 0px 5px transparent;
padding: 10px 0px 4px 37px;
display: inline-block;
transition: all 0.5s ease 0s;
}
.HeadPane { top: 85px; left:20px; position: relative; color: rgb(247, 134, 56); font-size: 14px; font-style: italic; font-weight: bold/*;width:300px; text-align:right; position:relative; z-index:906*/}
.TopLeftPane {padding: 0px 0px 0px 2%; width:47%;}
.TopRightPane { width:47%; padding: 0px 2% 0px 0px;}
.TopCornerPane { text-decoration:none!important;padding: 3px; color:#1A1275; font-size: 14px; font-weight: bold}
/*-- Jordans New Panes --*/
.CustomLeftPane {padding-left:2%; width:36%;}
.CustomRightPane {width:19%; padding-right:2%}
.CustomMiddlePane {padding-left:2%; width:36%;}
.Custom2LeftPane {width:19%; padding-left:2%}
.Custom2RightPane {padding-right:2%; width:36%;}
.Custom2MiddlePane {padding-left:2%; width:36%;}
.FootAPane {width:20%; margin-right:1%; margin-top:-10px; }
.FootBPane {width:20%; margin-right:3%; margin-left:2%;}
.FootCPane { width:22%; margin-right:2%;}
.FootDPane { width:26%;}
.FullcontentPane {padding-left:2%; padding-right:2%}
.SmallLeftPane { width:20%; margin-right:3%; padding-right:2%; padding-left:2%;}
.LargeRightPane { width:71%; padding-left:2%;}
.LeftPane { width:43%; margin-right:3%; padding-left:2%;}
.CenterPane { width:19%; margin-right:3%;}
.RightPane { width:28%; padding-right:2%;}
.BottomPane { background:url(../images/gallery-bg.png) 0 0 repeat-x; padding: 2% 2% 2% 2%; margin:0px; }
.BottomPane h2 {margin-bottom:20px; font-size:20px;}
.searchbox { position:relative;z-index:200;width:18%; background:url(../images/search-bg.gif) 0 0 repeat-x; height:30px; margin:10px 1.5% 0 0;}
.searchbox .SkinObject { /*font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#ccc*/}
.searchbox #dnn_dnnSEARCH_txtSearch { background:transparent;border:none; color:#fff; font-size:12px; /*font-family:Arial, Helvetica, sans-serif;*/ padding:0px;padding-left:5px; 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 { display:block;width:27px;height:27px; position:absolute;right:2px;top:2px;z-index:2000;background:url(../images/search.png) 0 0 no-repeat}
.searchSkinObjectPreview { z-index:10000;}
/* 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%}
@media handheld, only screen and (max-width: 1140px) { ul.sf-menu li a span{ padding:16px 24px} }
@media handheld, only screen and (max-width: 1100px) { ul.sf-menu li a span{ padding:16px 20px} }
@media handheld, only screen and (max-width: 1024px) { ul.sf-menu li a span{ padding:16px 18px} }
@media handheld, only screen and (max-width: 980px) { ul.sf-menu li a span{ padding:16px 16px; font-size:14px} }
@media handheld, only screen and (max-width: 935px) { ul.sf-menu li a span{ padding:16px 12px; font-size:13px} .HeadPane { top:5px;left:20px; position: relative; } }
@media handheld, only screen and (max-width: 860px) { ul.sf-menu li a span{ padding:16px 12px;font-size:12px} .HeadPane { top:5px;left:20px; position: relative; } #dnnfooter{} }
@media handheld, only screen and (max-width: 820px) { ul.sf-menu li a span{ padding:16px 10px; font-size:11px} .HeadPane { top:5px;left:20px; position: relative; } }
@media handheld, only screen and (max-width: 720px){}
@media handheld, only screen and (max-width: 480px){ }
@media handheld, only screen and (max-width: 320px){.HeadPane { top:5px;left:20px; position: relative; }}
/*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 { position:relative; 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}}