@import url(bootstrap/css/bootstrap.css);
@import url(css/trans-banner.css);
@import url(css/camera.css);
@import url(css/fancybox.css);
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
Body { margin:0;padding:0; background:#ffffff;}
#Body{ background:#1A8DC3; color:#333333;}
html,body{ margin:0; padding:0; height:100%; font:normal 12px/1.5 Arial, Tahoma, Helvetica, Verdana, sans-serif; color:#333333;}
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, caption, 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;border:0;}
form#Form{ height:100%;}
TH,TD,DIV{ font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
p{ margin:0 0 8px 0;}
ol, ul { list-style: none;}
ol li { list-style-type: decimal;}
li,ul li{ list-style:disc;}
a{ outline:0!important;border:0;}
.ModuleTitle_SubMenu{ z-index:9999!important;}	

A:link { color :#333333; text-decoration : none;}
A:visited { color :#666666; text-decoration : none;}
A:hover { color :#1A8DC3; text-decoration:underline;}
A:active { color :#333333; text-decoration : none;}
.color_text { color:#1A8DC3; }
.color_bg{ background:#1A8DC3; }

h1{ font-size:28px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h2{ font-size:24px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h3{ font-size:20px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h4{ font-size:18px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h5{ font-size:16px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}
h6{ font-size:14px;line-height:1.5em;color:#333333;font-weight:bold;font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}

.Head{ font-weight:bold; font-size:15px;}
.SubHead { font-weight:bold;  font-size:14px;}
.SubSubHead{ font-size:13px;}
.Normal { font-size:12px; line-height:1.5em;}

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block;}
.clearafter{ display:inline-block;}
.clearafter{ display:block;}
.clear{ clear:both;}
.clear_float{ clear:both;line-height:0;font-size:0;}

/*--------- ControlPanel Style ----------*/
.controlpanel_bg { width: 100%; background:#FFFFFF;}
.controlpanel_style { width:900px; margin:0 auto}
.controlpanel_style table { width:100%}

.CommandButton { font-size: 11px; font-weight : normal; color: #0033CC; text-decoration: none;}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : underline;}
A.CommandButton:hover { font-size: 11px; font-weight : normal; color : #0033CC; text-decoration : none;}

.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000000; text-decoration: underline;}
.FileManager A:hover{ color:#000000; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration : none;}
.dnnActionMenu span { color:#000000!important;}

/************************************/
/*-------- Design style --------*/
/************************************/
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display { display:none;}
.pre_defined_color { background: url(images/bg_pattern/bg_grid_01.png) #1A8DC3;}
#skin_wrap { width:100%; position:relative;z-index:1; background:#ECECEC;}
.skin_width { width:100%;max-width:960px;min-width:767px;margin:0 auto; position:relative;}

#skin_header { box-shadow: 0 5px 5px -5px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.3) inset; -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.3) inset; min-height:0; position:relative;}
.header_top { padding:10px 5px 0 5px; position:relative; min-height:80px;}
.logo_style { float:left; padding:5px 10px 5px 10px;}
.headerpane_style { float:left; padding:10px; }
.user_bar { padding:10px 10px 0;}
.user_style { float:right; margin-left:12px; line-height:30px; }
.search_style { float:right; }
#skin_nav { background:#EEEEEE; background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#E3E3E3) ); background: -moz-linear-gradient(top,#FCFCFC, #E3E3E3); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow: 0 10px 10px -10px rgba(0,0,0,.8); -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,.8); -moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,.8); margin:10px 0; min-height:50px; position:relative; z-index:905; }
.mobile_nav { display:none;}
.nav_spacer { height:15px; }
.banner_style { min-height:0;}
.skin_center_line { position:absolute;  bottom:0; background:#292929; border-top:1px solid #555555; height:10px; width:100%;}
.skin_content { padding:10px 0; min-height:500px;}
.skin_bottom_line { background:#292929; border-bottom:1px solid #555555; height:10px;}
#skin_footer { color:#FFFFFF;}
#skin_footer .contact_form input, #skin_footer .contact_form textarea { color:#FFFFFF;}
.footerpane_style { border-bottom:1px solid rgba(0,0,0,0.2); }
.footer_bottom { border-top:none;}
.copyright_style { text-align:center; line-height:1.7em; padding:15px 0; color:#FFFFFF;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; margin:0 auto;}
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; list-style-type:none; margin-right:1px; z-index:903;}

#standardMenu .rootMenu li a{ background:url(images/menu_line.png) no-repeat right center; display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#standardMenu .rootMenu li.last a { background: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 22px; height:50px; line-height:50px; color:#444444; white-space:nowrap; font-size:13px; font-weight:bold; text-shadow:1px 1px 1px #CCCCCC; text-transform:uppercase;}
#standardMenu .rootMenu > li.selected > a span, #standardMenu .rootMenu > li.breadcrumb > a span { color:#1A8DC3; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; transition:color 0.2s ease;}
#standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { color:#1A8DC3; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; transition:color 0.2s ease;}

/*-- submenu --*/
#standardMenu .subMenu { display:none; position:absolute; top:51px; z-index:1210;}
#standardMenu .rootMenu li.rmHover .subMenu { display:block;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; width:180px; border:1px solid #DDDDDD;box-shadow: 2px 2px 10px 2px rgba(0,0,0,.08); -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,.08); -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,.08); z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; *margin-bottom:-3px; position:relative;}
#standardMenu .subMenu li.item a{ background:#FFFFFF; background:rgba(255,255,255,0.9); border-bottom:1px solid #CECECE; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#555555; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:12px 10px 12px 12px; text-shadow:none; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span { color:#1A8DC3;}
#standardMenu .subMenu li.item a:hover span { color:#1A8DC3; cursor:pointer;}
#standardMenu .subMenu .subarrow{ background:url(images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:18px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ width:180px; margin:0;}
#standardMenu ul li ul li ul.level1{ display: none; position:absolute; left:180px; top:-1px;}
#standardMenu ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block; position:absolute; left:180px; top:-1px;}
#standardMenu ul li ul li ul li ul li ul{ display:none;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block; position:absolute; left:180px; top:-1px;}

#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;}
#megaMenu li{ position:relative; display:block; float:left; list-style-type:none; margin-right:1px; z-index:903;}

#megaMenu .root li a{ background:url(images/menu_line.png) no-repeat right center; display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#megaMenu .root li.last a { background: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 22px; height:50px; line-height:50px; color:#444444; white-space:nowrap; font-size:13px; font-weight:bold; text-shadow:1px 1px 1px #CCCCCC; text-transform:uppercase;}
#megaMenu .root > li.selected > a span, #megaMenu .root > li.breadcrumb > a span { color:#1A8DC3; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; transition:color 0.2s ease;}
#megaMenu .root li:hover a span, #megaMenu .root li a:hover span { color:#1A8DC3; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; transition:color 0.2s ease;}

/*-- category --*/
#megaMenu .category { display:none; position:absolute; top:51px; z-index:1210; width:342px; padding:0; padding:5px 10px 12px 10px; background:#FFFFFF; background:rgba(255,255,255,0.9); background:rgba(255,255,255,0.9); border:none; border-radius:4px; webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 0 0 3px 0 rgba(0,0,0,.4); -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);}
#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{ width:170px; padding:0;}
#megaMenu .category li.item a{ border:none; padding:0 10px; background:url(images/mega_sub_bottom.png) no-repeat left bottom; white-space:normal;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#555555; font-weight:normal; height:auto; white-space:normal; height:auto; line-height:1.5em; padding:12px 0 5px 0;  text-shadow:none; text-transform:none;}
#megaMenu .category li.item a:hover span { background:none; color:#1A8DC3; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#1A8DC3;}

#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none; background:none;}
#megaMenu .leaf li{ clear:both;float:none; width:150px; padding:0 10px;}
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 6px; line-height:1em; background:url(images/right.gif) left 12px no-repeat; border-bottom:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#555555; font-weight:normal; height:auto; line-height:1.5em; padding:6px 0 6px 0; text-transform:none;}
#megaMenu .leaf li.selected > a span{ color:#1A8DC3; cursor:pointer;}
#megaMenu .leaf li li{ clear:both;float:none; width:130px;}

#megaMenu ul li ul li ul li a{ color:#555555; text-transform: none; font-size:12px; padding:8px 0 8px 5px; line-height:1em; background:url(images/right.gif) left 12px no-repeat; border-bottom:none;}
#megaMenu ul li ul li ul li a:hover{ background:url(images/right.gif) left 12px no-repeat; text-decoration:underline;}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu 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;}
.bannerpane { padding-bottom:1px; margin-bottom:104px;}
.bannerpane p{ margin:0; }
.headerpane { padding:0; margin:0; color:#fff;}

.cs-content-top{ width: 100%;}
.cs-content-top-left{width: 64.9%;padding-top: 0.01em;float: left;}
.cs-content-top-right{width: 34.9%;padding-top: ;float: left;}
.cs-content-top-left-cp,
.cs-content-top-right-cp,
.cs-banner{padding: 5px;}
.cs-content-main{ width: 100%;}
.cs-content-columns{clear: both;
/*overflow: hidden;*/zoom:1;}
.clearFloat{clear: both;}
.cs-content-columns .cs-content-columns-column{width: 33.3%;padding-top: 0.01em;float: left;}
.cs-content-columns .cs-content-columns-column-cp{padding: 0px 10px 5px 10px;}
.cs-content-columns .cs-content-four-column{width: 25%;padding-top: 0.01em;float: left;}
.cs-content-columns .cs-content-four-column-cp{padding: 0px 10px 5px 10px; margin:20px 0;}
.cs-content-footer-cp {padding: 10px 10px 20px;}
.cs-footer-section{padding: 0 10px 10px;}
.cs-footer-section-index{padding: 0 1.5% 1.5%;float:left;width:30%;}
.cs-footer-fixed-section{padding: 0 10px 10px; overflow:hidden; zoom:1; font-size:11px;}
.cs-footer-fixed-section a,
.cs-footer-fixed-section span{font-size:11px;}
.cs-footer-fixed-section .cs-footer-left{float:left;}
.cs-footer-fixed-section .cs-footer-right{float:right;}
.cs-footer-fixed-section .cs-footer-links{clear:both; margin-bottom:10px; text-align:center;}

/*--------- Language Style ----------*/
.language_style { float: right; position: relative; overflow:hidden;}
.language_style  .language-button { background:rgba(0, 0, 0, 0.2);  border-bottom:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); box-shadow: 0 0 4px rgba(255, 255, 255, 0.8); cursor: pointer; display: block; float: left; height: 40px; width:40px; margin: 5px 2px;}
.language_style  .language-button:hover { background:rgba(0, 0, 0, 0.4);  -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;}
.language_style  .language-button span { background:url(images/icon_lang.png) no-repeat scroll 10px 11px transparent; display: block; height: 32px; opacity: 1; width: 32px;}
#Language { position:relative; height:20px; margin:10px 5px 0 0;}
#Language .language-object{ float:right;display:block; margin:0;}
#Language .language-object .Language {margin:0 1px;}
#Language .language-object span img{height:18px; width:25px;opacity:0.7; margin:0; border:2px solid transparent;}
#Language .language-object span:hover img{opacity:1;}
#Language .language-object .Language.selected img{ opacity:1; border-color:#fff; border-color:rgba(255,255,255,.4); -webkit-border-radius: 2px;border-radius: 2px;}

/*--------- Search Style ----------*/
#Search { position:relative; margin:0;}
.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(0,0,0,0.13); border:none; font-size:12px; color: #fff; width: 140px; padding: 8px 30px 8px 10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px; border:#e2e2e2;}
#Search input[type="text"]:active, #Search input[type="text"]:focus { background:rgba(0,0,0,0.3);}
#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 9px 9px; z-index:1;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText{ margin-right:16px; margin-top:8px; z-index:1002;}

/*--------- Breadcrumb style ----------*/
.breadcrumb_style { padding:5px 10px 20px 10px; font-size:13px; }
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#333333; font-size:13px; text-decoration:none; }
A.Breadcrumb:hover  { color:#1A8DC3; text-decoration:none; }

/*--------- Login style ----------*/
.Login, A.Login:link, A.Login:visited, A.Login:active{  background:none; padding:2px 0 10px 0; font-size:12px; color:#FFF; text-decoration:none; }
A.Login:hover { color:#DFDFDF; text-decoration:none; }

/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{ background:none; padding:2px 5px 2px 0; font-size:12px; color:#FFF; text-decoration:none;}
A.User:hover { color:#DFDFDF; text-decoration:none; }
.User:after {content: " | ";padding-left:5px;}

/*--------- BottomLinks Style ----------*/
.BottomLinks, A.BottomLinks:link, A.BottomLinks:visited, A.BottomLinks:active { padding:0 3px; font-size:12px; color:#FFFFFF!important; text-decoration:none;}
A.BottomLinks:hover { font-size:12px; color :#DDDDDD; text-decoration:underline;}

/*--------- FooterLinks Style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { padding:0px 5px; color:#FFFFFF!important; font-size:12px; text-decoration:none;}
A.Footer:hover { color:#DDDDDD; text-decoration: underline;}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { color :#FFFFFF; text-decoration : underline;}
.footerpane_style a:visited { color :#DDDDDD; text-decoration : none;}
.footerpane_style a:hover { color :#DDDDDD; text-decoration : none;}
.footerpane_style a:active { color :#FFFFFF; text-decoration : none;}

/*--------- FooterPane Content style ----------*/
.footerpane_style, .footerpane_style .Normal, .footerpane_style p, .footerpane_style div, .footerpane_style span, .footerpane_style li, .footerpane_style td, .footerpane_style dt, .footerpane_style dd, .footerpane_style h1, .footerpane_style h2, .footerpane_style h3, .footerpane_style h4, .footerpane_style h5, .footerpane_style h6{ color:#FFFFFF;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(images/scroll_top.png) no-repeat scroll center top #999; background:url(images/scroll_top.png) no-repeat scroll center top rgba(0, 0, 0, 0.4); border: 0 none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-border-radius: 2px; bottom:25px; right: 50px; display:block; height:38px; padding:0; width:49px; position: fixed; text-decoration: none; z-index: 903;}
#top-link:hover { background:url(images/scroll_top.png) no-repeat scroll center bottom #666; 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;}


/********************************************/
/*-------- for all containers --------*/
/********************************************/
.c_icon, .c_title, .c_menu { float:left;}
.c_title { max-width:95%;}
.c_menu { padding-top:8px;}
.c_help { float:right; padding-top:10px;}
.c_content_style { display:inline-block; width:100%;}
.c_footer { padding:0px 2px;}
.c_footer_l {float:left;}
.c_footer_r {float:right;}
.c_footer_space { height:13px; line-height:13px; overflow:hidden;}
.clear_float {clear:both;}

/*-------- containers title --------*/
.c_title_footer {font-weight:normal; font-size:19px; color:#FFFFFF; font-family: Impact, Arial, Tahoma, Verdana, Helvetica, sans-serif;}
.c_title_black {font-weight:bold; font-size:18px; color:#000000; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
.c_title_white {font-weight:bold; font-size:18px; color:#FFFFFF; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.c_title_DodgerBlue {font-weight:bold; font-size:18px; color:#1A8DC3; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}

/*-------- Banner Container --------*/
.banner_container { margin-bottom:-120px;}
.banner_container_style { background:#FFFFFF; padding:12px; box-shadow: 0 0 4px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.3);}
.banner_shadow { margin:0 auto;}
.banner_shadow img { vertical-align:top; }

/*-------- BlackTitle --------*/
.BlackTitle_style { min-width:160px;}
.BlackTitle_c_menu { float:left; }
.BlackTitle_c_help  { float:right; padding-top:2px; }
.BlackTitle_top_style { padding:6px 2px; margin:0px; }
.BlackTitle_top_height { height:25px; line-height:25px; }
.BlackTitle_content { padding:3px 2px 5px 2px; text-align:left; }
.BlackTitle_footer { height:12px; line-height:12px; overflow:hidden; }

/*-------- ColorTitle --------*/
.ColorTitle_style { min-width:160px;}
.ColorTitle_c_menu { float:left;}
.ColorTitle_c_help  { float:right; padding-top:2px;}
.ColorTitle_top_style { padding:6px 2px; margin:0px;}
.ColorTitle_top_height { height:25px; line-height:25px;}
.ColorTitle_content { padding:3px 2px 5px 2px; text-align:left;}
.ColorTitle_footer { height:12px; line-height:12px; overflow:hidden;}

/*-------- Underlined --------*/
.Underlined_style { min-width:160px;}
.Underlined_c_menu { float:left;}
.Underlined_c_help  { float:right; padding-top:2px;}
.Underlined_top_style { padding:4px 2px; border-bottom:#1A8DC3 solid 1px; margin:0px; height:25px;}
.Underlined_top_height { height:25px; line-height:25px;}
.Underlined_content { padding:6px 2px 5px 2px; text-align:left;}
.Underlined_footer { height:14px; line-height:14px; overflow:hidden;}

/*-------- ColorHeader --------*/
.ColorHeader_style { min-width:160px;}
.ColorHeader_c_menu { float:left;}
.ColorHeader_c_help  { float:right; padding-top:8px;}
.ColorHeader_top_bg { background:#1A8DC3; margin:0; height:35px; padding:2px 10px 0 10px;}
.ColorHeader_top_height { height:35px; line-height:35px;}
.ColorHeader_content { padding:6px 4px 6px 4px; text-align:left;}
.ColorHeader_footer { height:14px; line-height:14px; overflow:hidden;}

/*-------- ColorHeader2 --------*/
.ColorHeader2_style { min-width:160px;}
.ColorHeader2_c_title { float:left;}
.ColorHeader2_c_menu { float:left;}
.ColorHeader2_c_help  { float:right; padding-top:8px;}
.ColorHeader2_top_bg { background:#1A8DC3; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0.05)) ), #1A8DC3; background: -moz-linear-gradient(top,rgba(255,255,255,0.2), rgba(255,255,255,0.1)), #1A8DC3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.ColorHeader2_top_left { background:url(images/c_arrow.png) no-repeat 8px center; margin:0; height:34px; padding:2px 10px 0 24px;}
.ColorHeader2_top_height { height:34px; line-height:34px;}
.ColorHeader2_content { padding:6px 4px 6px 4px; text-align:left;}
.ColorHeader2_footer { height:14px; line-height:14px; overflow:hidden;}

/*Retina Styles*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.ColorHeader2_top_left { background-image:url(images/retina/c_arrow@2x.png);-webkit-background-size:15px 15px; -moz-background-size:15px 15px; background-size: 15px 15px;}
}

/*-------- HeaderBox --------*/
.HeaderBox_style { min-width:160px;}
.HeaderBox_c_menu { float:left;}
.HeaderBox_c_help  { float:right; padding-top:8px;}
.HeaderBox_top_bg { background:#1A8DC3; height:34px; padding:2px 10px 0 10px;}
.HeaderBox_top_height { height:34px; line-height:34px;}
.HeaderBox_main { border-bottom:1px solid #1A8DC3; border-left:1px solid #1A8DC3; border-right:1px solid #1A8DC3;}
.HeaderBox_content { padding:6px 11px 8px 11px; text-align:left;}
.HeaderBox_footer { height:14px; line-height:14px; overflow:hidden;}

/*-------- HeaderBox2 --------*/
.HeaderBox2_style { min-width:160px; color:#000000; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,.4); -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,.4); box-shadow: 0 6px 6px -6px rgba(0,0,0,.4);}
.HeaderBox2_c_title { float:left;}
.HeaderBox2_c_menu { float:left;}
.HeaderBox2_c_help  { float:right; padding-top:8px;}
.HeaderBox2_top_bg { background:#1A8DC3; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0.05)) ), #1A8DC3; background: -moz-linear-gradient(top,rgba(255,255,255,0.2), rgba(255,255,255,0.1)), #1A8DC3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.HeaderBox2_top_left { background:url(images/c_arrow.png) no-repeat 8px center; margin:0; height:34px; padding:2px 10px 0 24px;}
.HeaderBox2_top_height { height:34px; line-height:34px;}
.HeaderBox2_content { padding:6px 10px 8px 10px; text-align:left;}
.HeaderBox2_footer { height:14px; line-height:14px; overflow:hidden;}

/*Retina Styles*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.HeaderBox2_top_left { background-image:url(images/retina/c_arrow@2x.png);-webkit-background-size:15px 15px; -moz-background-size:15px 15px; background-size: 15px 15px;}
}

/*-------- HeaderBox3 --------*/
.HeaderBox3_style { background:#FFFFFF; color:#333333; padding:12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-shadow: 0 0 5px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);}
.HeaderBox3_title { padding:2px 0 10px;}
.HeaderBox3_footer { height:12px; line-height:12px; overflow:hidden;}

/*-------- footer --------*/
.footer_style { min-width:180px;}
.footer_head { padding:10px 0px;}
.footer_content { padding:0px; text-align:left;}
.footer_icon, .footer_title, .footer_menu { float:left;}
.footer_title { max-width:95%;}
.footer_help { float:right;}
.footer_space { height:10px; line-height:10px; overflow:hidden;}

/*-------- Invisible Container --------*/
.Invisible_container { }


/***************************************/
/*--------- Content Styles ----------*/
/***************************************/
/*--------- Social-Links ----------*/
.Social-Links {  padding-top:15px;}
.iconSkype{width:41px;height:41px;background:url(images/socialicons.png) no-repeat 0 0;display:inline-block; padding:0;margin:0 3px;}
.iconGithub{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -41px 0;display:inline-block;padding:0;margin:0 3px;}
.iconLinkedIn{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -82px 0;display:inline-block;padding:0;margin:0 3px;}
.iconBehance{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -123px 0;display:inline-block;padding:0;margin:0 3px;}
.iconRSS{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -164px 0;display:inline-block;padding:0;margin:0 3px;}

.iconLastfm{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -205px 0;display:inline-block;padding:0;margin:0 3px;}
.iconPicasa{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -246px 0;display:inline-block;padding:0;margin:0 3px;}
.iconForrst{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -287px 0;display:inline-block;padding:0;margin:0 3px;}
.iconTwitter{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -328px 0;display:inline-block;padding:0;margin:0 3px;}
.iconFacebook{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -369px 0; display:inline-block;padding:0; margin:0 3px;}
.iconDeviantart{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -410px 0;display:inline-block;padding:0;margin:0 3px;}
.iconYoutube{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -451px 0;display:inline-block;padding:0;margin:0 3px;}
.iconDribbble{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -492px 0;display:inline-block;padding:0;margin:0 3px;}
.iconTumblr{width:41px;height:41px;background:url(images/socialicons.png) no-repeat -533px 0;display:inline-block;padding:0;margin:0 3px;}

/*--------- Social-Links Hover ----------*/
a.iconSkype:hover{ background-position: 0 -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconGithub:hover{background-position: -41px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconLinkedIn:hover{background-position: -82px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconBehance:hover{background-position: -123px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconRSS:hover{background-position: -164px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a
.iconLastfm:hover{background-position: -205px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconPicasa:hover{background-position: -246px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconForrst:hover{background-position: -287px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconTwitter:hover{background-position: -328px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconFacebook:hover{background-position: -369px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconDeviantart:hover{background-position: -410px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconYoutube:hover{background-position: -451px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconDribbble:hover{background-position: -492px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
a.iconTumblr:hover{background-position: -533px -41px;-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}

/*--------- Camera Slider style ----------*/
.fluid_container { margin: 0 auto; width: 100%;}

/*--------- Icon Hover Style ----------*/
.icon_hover ul { list-style:none; margin:0; padding:0;}
.sti-menu { margin-left: 0; margin-top: -20px; position: relative;}
.sti-menu li { width:100%; height: 240px; list-style: none outside none; margin-top: 20px;}
.sti-menu li a { background: none; padding:5px; display: block; height: 100%; overflow: hidden; position: relative; text-align: center; transition: all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s;}
.sti-menu li a h2 { position: absolute; left: 0; top: 20px; font-size: 18px; line-height: 22px; width: 100%; text-decoration:none;}
.sti-menu li a p { position: absolute; left: 0; top: 150px; width: 100%; color:#333333; text-decoration:none;}
.sti-icon { position: absolute; left: 0; top: 75px; width: 100%;}

/*--------- Footer Categories Style ----------*/
.footer_categories { padding-top:15px;}
.footer_categories ul { list-style:none; margin:0; padding:0;}
.footer_categories ul li { list-style:none;}
.footer_categories ul li a { color:#FFFFFF!important; font-size:12px; height:26px; line-height:26px; text-decoration:none;}
.footer_categories ul li a:hover { background:url(images/footer_categories.png) no-repeat left center; padding-left:18px; color:#FFFFFF; -moz-transition:padding 0.4s ease; -webkit-transition:padding 0.4s ease; transition:padding 0.4s ease;}

/*--------- Fancybox Style ----------*/
.fancybox_style { margin:0; padding:5px 0 0 0;}
.fancybox_style ul { margin:0; padding:0; float:left;list-style:none; width:auto;}
.fancybox_style ul li { list-style:none; margin:2px; float:left; position:relative; opacity:0.8;}
.fancybox_style ul li img { background:#FFFFFF; padding:2px; box-shadow: 0 0 2px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,.2);}
.fancybox_style ul li:hover { opacity:1;-moz-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

/*--------- Toggle Style ----------*/
.toggle_style { position:relative;}
.toggle_left { float:left; margin:25px 150px 0 30px;}
.toggle_left .img_style { display:block; margin:0 auto; width:100%\9;}
.toggle_right { float:left; width:40%;}
.faq-wrap { margin:10px 0 10px 50px;}
.faq-entry { border-bottom: 1px solid #EEEEEE;}
.faq-trigger h2 { font-size: 1em;font-weight: 700;margin: 0;padding: 0;}
.faq-trigger a { background:url(images/toggle_icon.png) no-repeat scroll left center transparent;color: #000000;display: block;padding: 15px 0 15px 35px;transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s;}
.faq-trigger.active a { background: url(images/toggle_icon02.png) no-repeat scroll left center transparent;}
.faq-trigger a:hover, .faq-trigger.active a { background-color: #F9F9F9;background-position: 7px center;}
.faq-trigger a:hover { text-decoration: none;}
.faq-entry-content { display: none;padding: 10px 0 20px;}
.faq-entry-content p:last-child { margin: 0;}
.faq-entry-readmore { display: inline-block;margin-top: 10px;white-space: nowrap;}

/*--------- Contact Form Style ----------*/
.contact_form .dnnFormItem input, .contact_form .dnnFormItem .dnnFormInput, .contact_form .dnnFormItem textarea{background:#fffff5; background:rgba(255,255,255,.1);-moz-box-shadow:inset 0 0 2px 2px rgba(255,255,255,.2);-webkit-box-shadow:inset 0 0 2px 2px rgba(255,255,255,.2);box-shadow:inset 0 0 2px 2px rgba(255,255,255,.2); border:#fff 1px solid; border:rgba(255,255,255,.5) 1px solid;}
.contact_form .contact_label { float:left; width:28%; max-width:60px;}
.contact_form .contact_input { position:relative; float:left; width:72%; }
.contact_form .contact_error {position:absolute; right:-12px; top:0; }
.contact_form .dnnFormError{ color:#FFFFFF!important;text-shadow:none;padding:5px 7px 5px 10px;}
.contact_form .contact_submit { text-align:center; }
.contact_form label { margin:2px;}
.contact_form .dnnFormItem input { min-width:0; width:96%; padding:2px 2%; }
.contact_form textarea { width:96%; padding:6px 2%; min-height:50px;}
#skin_footer .contact_form a.dnnPrimaryAction, #skin_footer .contact_form a.dnnPrimaryAction:link, #skin_footer .contact_form a.dnnPrimaryAction:visited{background:#666;background:-moz-linear-gradient(top, rgba(0,0,0,.2) 0%,  rgba(0,0,0,.5) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.2)), color-stop(100%,rgba(0,0,0,.5)));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 );-moz-border-radius:3px;border-radius:3px;text-shadow:0px 1px 1px #000;color:#fff;text-decoration:none;font-weight:bold;border-color:#fff; border:none; box-shadow:none;}
#skin_footer .contact_form a.dnnPrimaryAction:hover{background:#4E4E4E;background:-moz-linear-gradient(top, rgba(0,0,0,.4) 0%,  rgba(0,0,0,.7) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.4)), color-stop(100%,rgba(0,0,0,.7)));filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E4E4E', endColorstr='#282828',GradientType=0 );}
.contact_form .dnnFormItem input[type="text"]:active, .contact_form .dnnFormItem input[type="text"]:focus, .contact_form .dnnFormItem input[type="email"]:active, .contact_form .dnnFormItem input[type="email"]:focus{background:none;border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.4);}

/*--------- Accordion Style ----------*/
.ui-accordion .ui-accordion-header { cursor: pointer;margin-top:2px; border:1px solid #e5e5e5; display: block;margin-top: 2px;min-height: 0;padding: 6px 10px 6px 32px;position: relative;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url(images/accordion-buttons.png) no-repeat 10px 10px;font-weight:bold; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url(images/accordion-buttons.png) no-repeat 10px -79px; font-weight:bold; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.ui-helper-reset { font-size: 100%;line-height: 25px;list-style: none outside none;margin: 0;outline: 0 none;padding: 0;text-decoration: none;}
.ui-accordion .ui-accordion-content { border:1px solid #e5e5e5;border-top:none; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; overflow: auto;padding: 5px 10px 5px 10px;}

/*--------- 3D Transform Style ----------*/
.transform_style { width: 222px; margin:0 auto;}
.transform_style ul { position:relative; list-style:none; margin:0; padding:0 0 10px 0;}
.transform_style ul li { list-style:none; margin:0; padding:0; height: 134px; width: auto; -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:100%; height:100%; -webkit-transform-origin: 50% 0 0; -moz-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;opacity: 1;}
.transform_style .transform_content .back { background-position: center center; background:#1A8DC3; position:absolute; display: block; width:100%; 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.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;-webkit-transform: translate3d(0px, 0px, -100px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0px, 0px, -100px) rotate3d(1, 0, 0, 90deg); ransform: translate3d(0px, 0px, -100px) rotate3d(1, 0, 0, 90deg);}
.transform_style .featuredWork:hover .front { opacity: 0; -webkit-transform: translate3d(0px, 150px, 0px) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0px, 150px, 0px) rotate3d(1, 0, 0, -90deg); transform: translate3d(0px, 150px, 0px) rotate3d(1, 0, 0, -90deg);} 
.transform_style .featuredWork:hover .back { opacity: 1;-webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg);}
.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;}

/*******************************************/
/*--------- CSS Reset for Tablet ----------*/
/*******************************************/
@media handheld, only screen and (max-width: 970px){
#skin_nav { margin:10px 1%;}
.banner_style { padding:0 1%;}
.skin_content { padding:10px 1% 10px 1%;}
.NB_skin_content { padding:10px 1%;}
.footerpane_style { padding:0 1%}
#standardMenu .rootMenu li a span{ padding:0 21px;}
#megaMenu .root li a span {padding:0 21px;}
}

@media handheld, only screen and (max-width: 960px){
#standardMenu .rootMenu li a span{ padding:0 20px;}
#megaMenu .root li a span { padding:0 20px;}
.toggle_left { float:none; margin:0 auto;}
.toggle_right { float:none; width:auto;}
.faq-wrap { margin:10px 2% 10px 2%;}
}

@media handheld, only screen and (max-width: 940px){
#standardMenu .rootMenu li a span{ padding:0 17px;}
#megaMenu .root li a span { padding:0 17px;}
}

@media handheld, only screen and (max-width: 920px){
#standardMenu .rootMenu li a span{ padding:0 16px;}
#megaMenu .root li a span { padding:0 16px;}
}

@media handheld, only screen and (max-width: 900px){
#standardMenu .rootMenu li a span{ padding:0 14px;}
#megaMenu .root li a span { padding:0 14px;}
}

@media handheld, only screen and (max-width: 880px){
#standardMenu .rootMenu li a span{ padding:0 13px;}
#megaMenu .root li a span { padding:0 13px;}
}

@media handheld, only screen and (max-width: 860px){
#standardMenu .rootMenu li a span, #megaMenu .root li a span { font-size:12px;}
#standardMenu .rootMenu li a span{ padding:0 13px;}
#megaMenu .root li a span { padding:0 13px;}
}

@media handheld, only screen and (max-width: 830px){
#standardMenu .rootMenu li a span{ padding:0 12px;}
#megaMenu .root li a span { padding:0 12px;}
}

@media handheld, only screen and (max-width: 800px){
#standardMenu .rootMenu li a span{ padding:0 11px;}
#megaMenu .root li a span { padding:0 11px;}
}

@media handheld, only screen and (max-width: 767px){
#skin_nav { margin:0;}
.banner_style { padding:0 1.5%;}
.skin_content { padding:10px 1.5% 10px 1.5%;}
.NB_skin_content { padding:10px 1.5%;}
.footerpane_style { padding:0 1.5%}
#standardMenu .rootMenu li a span{ padding:0 20px;}
#megaMenu .root li a span { padding:0 20px;}
}

/********************************************/
/*--------- CSS Reset for Mobile ----------*/
/********************************************/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}

/*-------- design style --------*/
.header_top { padding:10px 1.5% 0 1.5%; }
.logo_style { float:none; text-align:center; padding:10px;}
.headerpane_style { float:none; text-align:center; padding:0; }
#skin_nav { background:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; box-shadow: 0 0 0 0 rgba(0,0,0,.0); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.0); min-height:0;}
#nav_box { display:none; width:98%; margin:0 1%; padding:5px 0;}
/*--------- mobile style ----------*/
.mobile_nav { display:block; }
.menuclick {background:url(images/btn_menu.png) no-repeat center center; width:40px; height:40px; display: block; }
/*Scroll Top Style*/
#top-link { bottom: 12px; right: 20px; }

/*--------- StandardMenu style ----------*/
#standardMenu { width:auto;}
#standardMenu ul { padding:0;}
#standardMenu .rootMenu { float:none;border:none;}
#standardMenu .rootMenu li{ width:100%; float:none; margin-bottom:4px; text-align:left; background:none;}

#standardMenu .rootMenu li a{ background:rgba(0, 0, 0, 0.2); display:block; padding:0; text-shadow:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); box-shadow: 0 0 2px rgba(255, 255, 255, 0.6);}
#standardMenu .rootMenu li.last a { background:rgba(0, 0, 0, 0.2);}
#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 { background:rgba(0, 0, 0, 0.4); margin:0; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}

#standardMenu .rootMenu li a span {  display:block; margin:0; padding:0 20px; color:#FFFFFF!important; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:38px; line-height:38px; position:relative;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span { text-decoration:none; background:none; color:#FFFFFF!important; -moz-transition:none; -webkit-transition:none; transition:none;}

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow{ margin-right:0; background:url(images/mobile_navarrow.png) no-repeat center 0; }

#standardMenu .rootMenu a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(images/mobile_navarrow.png) no-repeat center -42px;}
#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2{ margin-right:0; background:url(images/mobile_navarrow.png) no-repeat center -42px; }

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; margin:0; border:none; margin-top:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
#standardMenu .subMenu ul{ width:auto; border:none; box-shadow: 0 0 0 0 rgba(0,0,0,1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1);}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; *margin-bottom:-3px; position:relative;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ background:rgba(0, 0, 0, 0.2)!important; border-bottom:1px solid rgba(255, 255, 255, 0.05); margin:0; padding:0; height:auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.haschild > a { background:rgba(0, 0, 0, 0.2)!important);}
#standardMenu .subMenu li.last > a { border-bottom:none;}
#standardMenu .subMenu li li.item a{ border-bottom:1px solid rgba(255, 255, 255, 0.05);}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#FFFFFF!important; background:none!important; height:35px; line-height:35px; }
#standardMenu .subMenu li.item a:hover span { background:rgba(0, 0, 0, 0.4)!important; color:#FFFFFF!important; cursor:pointer; -webkit-transition: background 0.2s ease-in 0s; -moz-transition: background 0.2s ease-in 0s; transition: background 0.2s ease-in 0s;}
#standardMenu .subMenu li.selected > a span { color:#FFFFFF!important;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{ background:none!important;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:rgba(0, 0, 0, 0.4)!important;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:rgba(0, 0, 0, 0.4)!important;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 25px; background:none!important; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 35px; background:none!important; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 45px; background:none!important; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:rgba(0, 0, 0, 0.4)!important;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ width:auto; margin:0; border:none; }
#standardMenu ul li ul li ul.level1{ display: block;position:static;left:auto; top:auto;}
#standardMenu ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block;position:static;left:auto;top:auto;}
#standardMenu ul li ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu { width:auto;}
#megaMenu ul { padding:0;}
#megaMenu .root { float:none;border:none;}
#megaMenu .root li{ width:100%; float:none; margin-bottom:4px; text-align:left; background:none;}

#megaMenu .root li a{ display:block; background:rgba(0, 0, 0, 0.2); padding:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6); box-shadow: 0 0 2px rgba(255, 255, 255, 0.6);}
#megaMenu .root li.last a { background:rgba(0, 0, 0, 0.2);}
#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 { background:rgba(0, 0, 0, 0.4); margin:0; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}

#megaMenu .root li a span { display:block; margin:0; padding:0 20px; color:#FFFFFF!important; white-space:nowrap; font-size:12px; font-weight:bold; text-shadow:none; text-transform:uppercase; height:38px; line-height:38px; position:relative;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { text-decoration:none; background:none; color:#FFFFFF!important; -moz-transition:none; -webkit-transition:none; transition:none;}

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(images/mobile_navarrow.png) no-repeat center 0;}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{ margin-right:0; background:url(images/mobile_navarrow.png) no-repeat center 0;}

#megaMenu .root a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(images/mobile_navarrow.png) no-repeat center -42px;}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; background:url(images/mobile_navarrow.png) no-repeat center -42px;}

/*-- submenu --*/
#megaMenu .category{ background:none; left:0; position:static; width:auto; margin:0; border:none; padding:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:1px;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ background:rgba(0, 0, 0, 0.2)!important; border-bottom:1px solid rgba(255, 255, 255, 0.05); margin:0; padding:0; height:auto; filter:Alpha(Opacity=100); opacity:1; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#megaMenu .category li.haschild > a { background:rgba(0, 0, 0, 0.2)!important;}
#megaMenu .category li.last > a { border-bottom:none;}
#megaMenu .category li li.item a{ border-bottom:1px solid rgba(255, 255, 255, 0.05);}
#megaMenu .category li.item a span{ background:none!important; padding:0 35px 0 15px; color:#FFFFFF!important; height:35px; line-height:35px;}
#megaMenu .category li.item a:hover span { background:rgba(0, 0, 0, 0.4)!important; color:#FFFFFF!important; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#FFFFFF!important;}
#megaMenu .category li.selected > a span, #megaMenu .category li.breadcrumb > a span, #megaMenu .category li.breadcrumb.haschild > a span{ background:none!important;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { background:rgba(0, 0, 0, 0.4)!important; }
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span, #megaMenu .category li.selected.haschild > a span{ background:rgba(0, 0, 0, 0.4)!important;}

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{ border-bottom:1px solid rgba(255, 255, 255, 0.05);}
#megaMenu .leaf li.item a span{ display:block; background:none!important; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 25px; text-transform:none;}
#megaMenu .leaf li li.item a span { padding:0 35px 0 35px;}
#megaMenu .leaf li li li.item a span { padding:0 35px 0 45px;}
#megaMenu .leaf li.selected > a span{ background:rgba(0, 0, 0, 0.4)!important;}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}

/*--------- pane style ----------*/
.cs-content-top-left{width:auto; float:none;}
.cs-content-top-right{width:auto; float:none;}
.cs-content-columns .cs-content-columns-column{width:auto; float:none;}
.cs-content-columns .cs-content-four-column{width:auto; float:none;}
.cs-content-columns .cs-content-four-column-cp{ margin:5px 0;}

/*--------- Color Picker Style ----------*/
#custom_wrapper,#custom-button {display:none;}

/*--------- DNN Default Style Reset ----------*/
.LoginPanel, .dnnLogin  {width:auto; max-width:480px;}
.dnnLogin  .dnnForm  {min-width: 0; width:auto;}
.dnnLogin  .dnnFormLabel { width:auto; }
.LoginPanel .dnnPrimaryAction{margin-left:82px;}
.LoginPanel .dnnLoginRememberMe{padding-left:82px;}
#dnn_ctr_Login_UP .dnnForm {min-width:280px; width:auto;}
div.dnnRegistrationForm .dnnForm {width:auto;}
div.dnnRegistrationForm .dnnFormItem label, div.dnnRegistrationForm .dnnFormItem .dnnFormLabel, div.dnnRegistrationForm .dnnFormItem .dnnTooltip {width:110px;}
#dnn_ctr_Register_UP  .dnnForm {min-width:280px; max-width:480px; width:auto;}
}

/************************************/
/*--------- Retina Styles ----------*/
/************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.menuclick { background-image:url(../images/retina/btn_menu@2x.png); -webkit-background-size:25px 19px; -moz-background-size:25px 19px; background-size:25px 19px; }
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background-image:url(images/retina/userLoginSprite@2x.png); -webkit-background-size:60px 60px; -moz-background-size:60px 60px; background-size: 60px 60px;}
.footer_categories ul li a:hover { background-image:url(images/retina/footer_categories@2x.png);-webkit-background-size:15px 20px; -moz-background-size:15px 20px; background-size: 15px 20px;}
.language_style  .language-button span { background-image:url(images/retina/icon_lang@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.login_style .login-button span { background-image:url(images/retina/icon_login@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.login_style .logout-button span { background-image:url(images/retina/icon_logout@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.mobile_menu  .menu-button span { background-image:url(images/retina/icon_menu@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.search_style .search-button span, #Search a { background-image:url(images/retina/icon_search@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.user_style .user-button span { background-image:url(images/retina/icon_user@2x.png);-webkit-background-size:20px 20px; -moz-background-size:20px 20px; background-size: 20px 20px;}
.user_profile { background-image:url(images/retina/profile_bg@2x.png);-webkit-background-size:1px 33px; -moz-background-size:1px 33px; background-size: 1px 33px;}
.faq-trigger a { background-image:url(images/retina/toggle_icon@2x.png);-webkit-background-size:16px 16px; -moz-background-size:16px 16px; background-size: 16px 16px;}
.faq-trigger.active a { background-image:url(images/retina/toggle_icon02@2x.png);-webkit-background-size:16px 16px; -moz-background-size:16px 16px; background-size: 16px 16px;}
}