@import url(bootstrap/css/bootstrap.css);
@import url(css/all.css);
@import url(css/mobile.css);
@import url(css/tablet.css);
@import url(css/trans-banner.css);
@import url(css/camera.css);
@import url(css/fancybox.css);
@import url(js/colorpicker/css/colorpicker.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:#2C2C2C; color:#333333;}
html,body{ margin:0; padding:0; height:100%; font:normal 12px/1.5 Arial, Tahoma, Helvetica, Verdana, sans-serif; color:#333333;}
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;border:0;}
img{ 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 :#2C2C2C; text-decoration:underline;}
A:active { color :#333333; text-decoration : none;}
.color_text { color:#2C2C2C; }
.color_bg{ background:#2C2C2C; }

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;}

/*--------- Breadcrumb style ----------*/
.breadcrumb_style { padding:5px 10px 15px 10px; font-size:13px; }
.breadcrumb_style2 { padding:0 10px 15px 10px; margin-top:-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:#2C2C2C; text-decoration:none; }

/*--------- Mobile User Style ----------*/
.User2, A.User2:link, A.User2:visited, A.User:active { padding:0px 5px; color:#333333; font-size:12px; text-decoration:none;}
A.User2:hover { color :#666666; text-decoration:underline;}

/*--------- 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;}

/*--------- 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;}



@media handheld, only screen and (max-width: 960px) {
.toggle_left { float:none; margin:0 auto;}
.toggle_right { float:none; width:auto;}
.faq-wrap { margin:10px 2% 10px 2%;}
}