/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*-------- Global CSS Reset --------*/
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
img, object, embed { max-width: 100%;}
img { height: auto;}

/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
#mobile_nav { display:none;}
.skin_wrapper {width:100%;  position:inherit!important;z-index:1;  background:none; }
.skin_width { width:100%;max-width:960px;min-width:767px;margin:0 auto; position:relative;}

.skin_top{ background: url(../images/skin_top_bg.jpg) repeat-x top center #e0eefb; width:auto; border-bottom:#bfe0fe solid 1px;  }
.header_top{ background:rgba(0,0,0,.35); height:50px;  }
.menu_bar { position:relative; z-index:920; }
.menu_style { padding:0; min-height:50px; }
.logo_style { float:left; padding:15px;  }
.headerpane_style{ float:left; position:relative; padding:10px 0 0 20px; color:#FFF; }
.header_right{ float:right;  min-height:35px; padding-top:10px; }
.language_position {float:left; padding:7px 4px 4px 4px;  }
.user_style { float:right; line-height:35px; color:#fff; padding:0 5px;}
.banner_style{}

.skin_body{ background:#ffffff; } 
.skin_content { min-height:400px; padding:15px 0;}

.breadcrumb_style{ padding:15px 10px;}
.home_position { float:left; }
.home_style { background:url(../images/home.png) no-repeat left center; height:18px; width:25px; cursor:pointer; }

.LM_main_content { margin-top:0;}
.LM_position { float:left; width:22%; padding:10px 1% 10px 0; }
.LM_skin_content { float:left; min-height:350px; width:75%; padding:10px 1%;}
.leftside_style { padding:0;}

.footer_bg{ background: url(../images/fooer_bg.jpg) repeat-x center top #054F87;-webkit-box-shadow: 0px 0px 15px #666; -moz-box-shadow: 0px 0px 15px #666; box-shadow: 0px 0px 15px #666;}
.copyright_bar{ background:url(../images/copyright_bg.jpg) repeat-x ; min-height:54px; color:#FFFFFF;}

.footer_left{ float:left; line-height:53px;}
.footer_right{ float:right;line-height:53px;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; margin:0 auto;}
#standardMenu ul { list-style:none; margin:0; padding:0 1px  ;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none;}
#standardMenu  li.back{ position:absolute; background: url(../images/menu_bg_l.png) no-repeat left top, url(../images/menu_bg_r.png) no-repeat right top,rgba(255,255,255,.1); height:50px; z-index:8; }

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}

#standardMenu .rootMenu li a span { display:block; padding:0 20px; height:50px; line-height:50px; color:#dddddd; white-space:nowrap; font-size:13px; font-weight:bold; font-family:Arial, Tahoma, sans-serif; text-transform:none;}
#standardMenu .rootMenu li.selected a span, #standardMenu .root li.rmHover a span, #standardMenu .root li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { color:#ffffff;}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; top:50px;z-index:1210;width:180px; display:none;padding:0;  background:rgba(0,0,0,.5); border:#bbb solid 1px; border:rgba(255,255,255,.5) solid 1px; border-top:none;}
#standardMenu .rootMenu li.rmHover .subMenu { display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom:#bbb solid 1px; border-bottom:rgba(255,255,255,.5) solid 1px; border-left:none; border-right:none; padding:0; background:none; }
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#ffffff;  font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 10px 10px 12px; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span {   background:rgba(0,0,0,.15);  color:#ffffff; cursor:pointer; }
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow02.gif) no-repeat; position:absolute; right:0; top:14px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:180px; margin:0;   background:rgba(0,0,0,.5);   border:#bbb solid 1px; border:rgba(255,255,255,.5) solid 1px;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:180px; top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:180px;top:-1px; padding:0;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:180px;top:-1px; padding:0;}

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- MegaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto;}
#megaMenu ul { list-style:none; margin:0; padding:0 1px;}
#megaMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none; z-index:920;}
#megaMenu  li.back{ position:absolute; background: url(../images/menu_bg_l.png) no-repeat left top, url(../images/menu_bg_r.png) no-repeat right top,rgba(255,255,255,.1); height:50px; z-index:8;}

#megaMenu .root li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}

#megaMenu .root li a span { display:block; padding:0 20px; height:50px; line-height:50px; color:#dddddd; white-space:nowrap; font-size:13px; font-weight:bold; font-family:Arial, Tahoma, sans-serif; text-transform:none;}
#megaMenu .root li.selected a span, #megaMenu .root li.rmHover a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { color:#ffffff;}

/*-- category --*/
#megaMenu .category { position:absolute;top:50px;z-index:1210;width:362px; display:none; padding:5px 8px 12px 8px; background:rgba(0,0,0,.5);border:#bbb solid 1px; border:rgba(255,255,255,.5) solid 1px; border-top:none; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; }
#megaMenu ul li:hover ul{ visibility: visible; }
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;}
#megaMenu .category li{ background:none; margin:0 8px; width:165px; padding:0;}
#megaMenu .category li.item a{ border:none; border-bottom:1px dashed #efefef;  background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#efefef; font-weight:bold; white-space:normal; height:auto; line-height:1.5em; padding:12px 0 7px 0; margin:0; text-transform:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; color:#fff; cursor:pointer; }

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none;}
#megaMenu .leaf li{ clear:both;float:none; width:160px; margin:0 0 0 5px; padding:0; }
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 6px; line-height:1em; background:url(../images/right.png) left 14px no-repeat; border:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#efefef; font-weight:normal; height:auto; line-height:1.5em; padding:8px 0 8px 0; text-transform:none; }
#megaMenu .leaf li li{ clear:both;float:none; width:155px; }
#megaMenu .leaf li.selected > a span{ color:#fff; cursor:pointer;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- LeftMenu style ----------*/
#leftMenu { position:relative; margin:0 auto;}
#leftMenu ul { list-style:none; margin:0; padding:0;}
#leftMenu li{ display:block; float:none; list-style-type:none; margin:0; padding:0; z-index:903; line-height:normal;}
#leftMenu .leftRoot li a {text-decoration:none;}
#leftMenu .leftRoot li a span { display:none; text-decoration:none;} 

/*-- submenu --*/
#leftMenu .leftSub { z-index:900;width:100%; display:none;padding:0; margin:0;}
#leftMenu .leftRoot li.breadcrumb .leftSub { display:block; }
#leftMenu .leftSub ul{ margin:0; padding:0; position:relative; background:none; border:none; z-index:900;}
#leftMenu .leftSub li{float:none; clear:both; padding:0; position:relative; background:#E5E5E5; border:1px solid #CCCCCC; border-radius:3px; webkit-border-radius:3px; -moz-border-radius:3px; margin:3px 0; }
#leftMenu .leftSub li.selected { background:url(../images/menu-arrow01.gif) no-repeat right 15px #E5E5E5;}

#leftMenu .leftSub li.item a{ background:none;  }
#leftMenu .leftSub li.item a span{ display:block; font-size:13px; color:#555555; font-weight:bold; font-family: Arial, Tahoma, sans-serif; white-space:normal; line-height:22px; padding:8px 10px 8px 18px; text-shadow:none; text-transform:none; margin:0; }
#leftMenu .leftSub li.selected > a span, #leftMenu .leftSub li a:hover span{ color:#054F87;}

#leftMenu .level1{ display: block; }
#leftMenu .level1 li{ background:url(../images/right.png) no-repeat 17px 16px #f5f5f5; margin:0; border:none; border-radius:0; webkit-border-radius:0; -moz-border-radius:0; }
#leftMenu .level1 li.item a span { font-size:12px; padding-left:23px;}

#leftMenu .level2 { display: block; }
#leftMenu .level2 li{ background-position:21px 18px;  }
#leftMenu .level2 li.item a span { padding-left:30px;}

#leftMenu .level3 { display: block; }
#leftMenu .level3 li{ background-position:27px 18px;  }
#leftMenu .level3 li.item a span { padding-left:36px;}

#leftMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#leftMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}


/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane [class*="grid"] { padding:5px 0px 5px 0px;}
.headerpane { padding:0; }
.bannerpane p{ margin:0; }
.bannerpane { margin:0; padding:0; padding-bottom:7px; min-height:0;}
.content_grid12 {}
.one_grid3a{}
.one_grid3b{}
.one_grid3c{}
.one_grid3d{}
.two_grid8 {}
.two_grid4 {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid4 {}
.five_grid8 {}
.six_grid6a {}
.six_grid6b {}
.seven_grid12 {}
.eight_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}

.footer_grid3a { margin:10px 0;}
.footer_grid3b { margin:10px 0;}
.footer_grid3c { margin:10px 0;}
.footer_grid3d { margin:10px 0;}
.footerpane { margin:0 0 10px 0;}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}

.leftsidepane { padding:10px 0; }
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_four_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid span.SubHead center { font-weight:normal;  font-size:13px; }

/*--------- Register and Login Style ----------*/
#Login{float:right;height:35px;border:1px solid #bbb; border:1px solid rgba(255,255,255,0.2); background:none;-moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;}
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block; } 
#Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li{ float:left; height:35px;border:none;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a { border-right:1px solid rgba(255,255,255,0.2); position:relative; display:block; padding:0 8px; min-width:15px; height:35px; font-weight:bold; font-size:11px;vertical-align:middle;line-height:35px; color:#FFF;text-decoration:none; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; height:35px; font-weight:bold; font-size:11px;vertical-align:middle;line-height:35px; color:#FFF;text-decoration:none;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{color:#DFDFDF;text-decoration:none;}
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#ffffff;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:3px;;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 -1px -30px;}
.registerGroup .userMessages strong:hover{background-position:-1px -1px;}
.registerGroup .userNotifications strong{ background-position:-29px -30px;}
.registerGroup .userNotifications strong:hover{ background-position:-29px -1px;}
.registerGroup .userMessages strong:active{background-position:-1px -30px;}
.registerGroup .userNotifications strong:active{ background-position:-29px -30px;}	
#Login .registerGroup a span{position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;min-width:7px;line-height:18px;text-align:center;margin-right:3px;background:rgb(31,152,241);font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;}
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{border:none;height:35px; width:35px;background:#555;}

/*--------- Language Style ----------*/
.language-object{float:left;display:block; margin:0;}
.language-object .Language {margin:0 2px;}
.language-object span img{height:17px; width:24px;opacity:0.9; margin:0; border:2px solid transparent;}
.language-object span:hover img{opacity:1;}
.language-object .Language.selected img{ opacity:1; border-color:#555; border-color:rgba(0,0,0,.2); -webkit-border-radius: 2px;border-radius: 2px;}

/*--------- Search Style ----------*/
#Search{ position:absolute; right:0; top:10px; z-index:999;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#fff; text-decoration:none; font-weight:normal; font-size:12px; display:block; position:absolute; width:30px; height:28px; right:2px; top:4px; text-indent:-99999px; overflow:hidden;}
.searchSite { text-indent:-99999px;}
a.searchcss:hover{ color:#fff; text-decoration:none; font-weight:normal; font-size:12px;}
#Search input[type="text"] { background:rgba(255,255,255,0.15);  border:none; font-size:12px; color: #fff; width: 120px; padding: 8px 30px 8px 10px;border-radius:5px; webkit-border-radius:5px; -moz-border-radius:5px; z-index:1999; border:none;}
#Search input[type="text"]:active, #Search input[type="text"]:focus { background:rgba(255,255,255,0.1);}
#Search a{ display: block; position:absolute; right:0; top:0;height:28px; width:30px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/search_icon.png) no-repeat 2px 9px; z-index:1;cursor:pointer;}

/*--------- Footer Tag style ----------*/
.footer_tag { padding-top:12px;}
.footer_tag ul { list-style:none; margin:0; padding:0;}
.footer_tag ul li { list-style:none; margin-bottom:5px; padding:4px 0; float:left; }
.footer_tag ul li a { background:#054F87; margin:0 2px; padding:6px 0; text-decoration:none;}
.footer_tag ul li a span { background:#555;background:rgba(0,0,0,.3); padding:6px; color:#FFFFFF ; font-size:12px;}
.footer_tag ul li a span:hover { background:none; transition: all 0.8s ease-in 0s; -webkit-transition: all 0.8s ease-in 0s; -moz-transition: all 0.8s ease-in 0s;}
.footer_tag a { text-decoration:none;}

/*--------- Social Links Style ----------*/
.Social-Links{padding:0; text-align:left; padding-left:15px;}
.Social-Links a{margin:0 5px 0 0;}

/*------------Right Social Style ---------------*/
.social_fixed { position:fixed; right:0; top:200px; width:38px; border:1px solid #898989; border:1px solid rgba(0,0,0,.3); border-right:none; background:#d7d7d7; background:rgba(220,220,220,0.3); text-align:center; z-index:5888; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px; display:block;}
.social_fixed .social_border { border:1px solid #fff; border:1px solid rgba(255,255,255,.5); border-right:none;  -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px; }
.social_fixed .social_border p{ font-size:12px; color:#000; padding-top:10px; }

/*--------- Scroll Top Style ----------*/
#top-link { background:url(../images/scroll_top.png) no-repeat scroll center top rgba(0, 0, 0, 0.4); border: 0 none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-border-radius: 3px; bottom: 16px; right: 50px; display:block; height:38px; padding:0; width:49px; position: fixed; text-decoration: none; z-index: 1003;}
#top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center bottom rgba(0, 0, 0, 0.5);  -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}

/*--------- Zaccordion Style ----------*/
#zaccordion .leftimg { background:#fff; height:100%;}
#zaccordion .leftimg img { border:4px solid #e8e8e8; max-width:100%!important; }
#zaccordion .rightcon { padding:0 20px 0 0;}
#zaccordion .rightcon h2 { font-size:16px; line-height:1.5em; color:#333; margin:5px 0;}
#zaccordion .rightcon p.a_author { font-size:11px; color:#999; font-style:italic; margin-bottom:5px; }
#zaccordion .rightcon a { color:#999; font-style:italic;  }

/*--------- 3D Transform Style ----------*/
.transform_style { width: 100%; margin:0 auto; margin-bottom:20px; }
.transform_style ul { position:relative; list-style:none; margin:0; padding:0 ;}
.transform_style ul li { list-style:none; margin:0; padding:0; height: 90px; width: 110px; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; text-align:center;}
.transform_style .transform_bg { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; width: 100%;}
.transform_style .transform_content .front { background-position: center center; position:absolute; width:92%; height:100%; -webkit-transform-origin: 50% 0 0; -moz-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;opacity: 1; border:0px solid #e8e8e8; }
.transform_style .transform_content .back { background-position: center center; background:#FFFFFF; position:absolute; display: block; width:92%; height:100%; opacity: 0; -webkit-transform-origin: 50% 0 0; -moz-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;-webkit-transform: translate3d(0px, 0px, -100px) rotate3d(0, 1, 0, 180deg); -moz-transform: translate3d(0px, 0px, -100px) rotate3d(0, 1, 0, 180deg); ransform: translate3d(0px, 0px, -100px) rotate3d(0, 1, 0, 180deg);border:0px solid #FFFFFF;}
.transform_style .featuredWork:hover .front { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg); -moz-transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg); transform: translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 180deg);} 
.transform_style .featuredWork:hover .back { opacity: 1;-webkit-transform: rotate3d(0, 1, 0, 360deg); -moz-transform: rotate3d(0, 1, 0, 360deg); transform: rotate3d(0, 1, 0, 360deg);}
.transform_style .transform_content .back h3, .transform_style .transform_content .back p { text-align:center; color:#FFFFFF;}
.transform_style .transform_content .back p { padding:0 10px 10px 10px;}

@media handheld, only screen and (max-width: 1000px) {
.transform_style .transform_content .front{ border:none;}
.transform_style .transform_content .back{ border:none;}
}