/**
/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Mobile Styling
 */
 
#panel-wrapper {display:none}

/* topbar */
 #topbar .main-inner { }
 .today {display:none}
 
#contact { display:block; width: 100% }

@media only screen and (max-width:320px) { #contact ul { margin-top:0 } #contact { float:none } }

#contact ul:last-child { }

/* main */
.main {
	min-width:300px;
	max-width:480px
}

#header {}
#header .main-inner {padding: 10px 20px}

#bottom-wrapper .main-inner {padding-top:0}

.main-inner {margin: 0 20px !important}

/* spotlights */
.spotlight.columns-1 .modulebox {width: 100%}
.spotlight.columns-2 .modulebox {width: 100%}
.spotlight.columns-3 .modulebox {width: 100%}
.spotlight.columns-4 .modulebox.last,
.spotlight.columns-4 .modulebox {width: 100%}


/* modules & content */
div.moduletable, .component-wrapper {
    margin-bottom: 0 !important 
}

#top-wrapper div.moduletable:first-child { /*margin-top: 0 !important;*/ }

#content.hr .component-wrapper,
#content.hl .component-wrapper,
#content.hl.hr .component-wrapper {margin-left:0; margin-right:0}

#left,
#right,
#content.hl,
#content.hr {width: 100%; float:left;}
#content.hr.hl {width: 100%; float:left;}
#content.hr.hl .component-wrapper {margin-left:0; margin-right:0}
#content-top p:last-child, 
#content-top ul:last-child { }

#content.hl,
#content.hr,
#content.hr.hl,
#left.hl, #right.hr,
#left.hl.hr, #right.hl.hr { width: 100% }

#content #left-inner {width:100%; float:none; margin-right: 0}

#left.hl.hr div.moduletable .inner, #left.hl div.moduletable .inner,
#right.hl.hr div.moduletable .inner, #right.hr div.moduletable .inner,
#left div.moduletable .inner,
#right div.moduletable .inner,
#content.hl.hr div.moduletable .inner {margin: 0}

#right {}

#header .main-inner,
#mainnav-wrapper .main-inner,
#pathway .main-inner { width: auto}
#mainnav-wrapper.main {/*background-image:none*/}

#pathway .main-inner { }

#content-top .moduletable ol:last-child, #content-top .moduletable p:last-child, 
#content-top .moduletable pre:last-child, #content-top .moduletable blockquote:last-child, 
#content-top .moduletable ul:last-child, #content-top .moduletable dl:last-child, 
#content-top .moduletable dt:last-child, #content-top .moduletable dd:last-child {}

/* typo */
.typo-pre-title,
.typo-table.horizontal thead tr th {
    line-height: 1.5;
	padding: 5px 15px;
}

.blog h2 { margin-bottom: 10px; line-height:1}

/* slideshow */
.flexslider.template {max-width: 480px; width: auto; margin: 0 auto}
.flex-direction-nav li:last-child a  { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 }
.hidemobile { display: none }

#top-wrapper, #content, #left, #right {
    padding-top: 0;
}

#topmenu { float:none; text-align:center }

#topmenu li { margin: 0 5px}

/* logo */
h1.logo { width: 250px; display:block; margin: 0 auto}
h1.logo a { background-size: 100% !important; padding: 0; width: 250px;  }
#header-1 { width: 100%; text-align:center; margin:0 }
#header-2 li i.icon-facebook {
    width: 0.6em;
}

.social-icons li a {margin: 0}

#header-1 p, #header-1 ul,
#header-2 p, #header-2 ul {margin:0}

.contact form fieldset dt {
    width: 100%; padding: 0
}

/* mainnav */
.mainnav .menu > li ul > li:hover > a,
.mainnav .menu li.active ul li a {
    color: #333 !important;
}

.mainnav li.mini > a:hover {}

.mainnav li.mini > a.active { }

.mainnav .menu > li.deeper ul {padding: 0}

/*.mainnav li.mini  > a,
.mainnav li.mini  > a:hover,
.mainnav li.mini  > a:focus,
.mainnav li.mini:hover  > a,
.mainnav li.mini:focus  > a,
.mainnav ul.mini > li.mini > ul {border-color:#333}*/

.mainnav {}
.mainnav .main-inner {overflow:hidden;}
.mainnav ul.menu {display: none }
.mainnav ul.menu.mini {display: block; width: 100%; padding: 0 }

.mainnav ul.menu.mini ul.menu.open {display: block }

.mainnav .mini * {
	-moz-transition: none !important; 
	-webkit-transition: none !important; 
	transition: none !important;
}
.mainnav .menu > li.deeper ul {-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; border: 0}

.mainnav ul.mini  > li { border-right: 0; width: 100%; background: none}
.mainnav .menu > li.deeper ul li {padding: 0; margin: 0}

.mainnav li.mini li,
.mainnav .menu > li.deeper.active ul li,
.mainnav li.mini.deeper.parent ul.menu > li {
	display: block; clear:both; float:none; box-shadow:none; -webkit-box-shadow:none;
	border-bottom: 1px solid #ddd !important; border-right: 0; background:none; margin: 0; padding: 0
}

.mainnav .menu > li.active { box-shadow:none; -webkit-box-shadow:none; background-color: transparent !important}
.mainnav .mini li.active > a {color: #fff !important}

.mainnav ul.menu > li.active.deeper ul {background-color: transparent !important}

/*#mainnav-wrapper .mainnav .menu li.deeper ul li { border-bottom: 1px solid #666666 !important}*/

#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li:last-child,
#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li li:last-child {border-bottom: 0 !important; border-top: 0; background:none}

.mainnav .menu li ul li a {
    color: #555;
}

.mainnav li.mini ul.menu > li > a {border:0; float:none;}

.mainnav li.mini.deeper > ul { 
	margin-left: 0; margin-top: 45px; left: 0; top: 0; 
	opacity: 1; filter: alpha(opacity=100); display:none
}

.mainnav .menu li.deeper ul {width: 100%; }


/* below */
.mainnav ul.menu li.deeper li.deeper:hover > ul {
    left: 0; top: 0;
    margin-left: auto;
    opacity: 1; filter: alpha(opacity=100);
    position: relative;
}

.mainnav .menu > li > a { margin: 0 20px }
.mainnav ul.menu.mini li.mini ul.menu {position:relative !important; margin-top:0; left:0;top:0;float:left; margin-bottom: 1.5em; margin: 0 }

.mainnav ul.menu.mini li.mini > ul.menu { border-top: 1px solid #ddd !important }

.mainnav ul.menu.mini li ul.menu li ul,
.mainnav ul.menu.mini li ul.menu li ul li ul  {
	position:relative; left:auto; top: auto; 
	margin-top:0; margin-left:0; border:0; display:none;
	opacity: 1; filter: alpha(opacity=100);
	border-top: 1px solid #ddd;
}

div.top-links div > a {
    padding: 6px 0 0 0;
}

.mainnav .menu > li.deeper ul li { background-color: transparent }
.mainnav .menu > li ul li:hover > a {text-decoration: none; color:#333}
.mainnav .menu > li ul > li:hover > a { color: #333; }
.mainnav ul.menu.mini > li.mini > a { 
   border-bottom-color: transparent;
    border-left: 4px solid #ccc;
    border-top-color: transparent;
    height: 26px;
    line-height: 26px;
    margin: 7px 0;
    padding-left: 15px;
	color: #777
}
.mainnav ul.menu.mini > li.mini > a.active,
.mainnav ul.menu.mini > li.mini:hover > a { border-left: 4px solid #333; color: #333 }
.mainnav .menu ul li.active > a { color:#111 !important }

.mainnav ul.menu.mini li a {text-transform:uppercase; box-shadow:none !important; -webkit-box-shadow:none !important;}

.mainnav .mini li ul li.active, 
.mainnav .mini li ul li.active:hover, 
.mainnav .mini li ul li.active:active, 
.mainnav .mini li ul li.active:focus {background-color: #f0f0f0 !important}

.mainnav ul.menu.mini li ul.menu > li:hover {background-color: #f0f0f0 !important}
.mainnav ul.menu.mini li ul.menu > li:hover li:hover {background-color: #f6f6f6 !important}
.mainnav ul.menu.mini li ul.menu > li:hover li:hover li:hover {background-color: #f9f9f9 !important}
.mainnav ul.menu.mini li ul.menu li a {border: 0 !important}

.mainnav ul.menu.mini li ul.menu a { display:block; text-transform:uppercase; width: auto !important; border:0; padding-left: 0; height: 35px; line-height: 35px }
.mainnav ul.menu.mini li ul.menu li ul li a { display:block; padding-left:35px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li a { display:block; padding-left:45px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li ul li a { display:block; padding-left:55px; text-transform:none; }

.mainnav ul.mini li.active:hover > a { }
.mainnav .mini li ul li.active {background-color: transparent !important; background-image: none !important;}

.mainnav .mini li ul li:hover,
.mainnav .mini li ul li.active:hover, 
.mainnav .mini li ul li.active:active, 
.mainnav .mini li ul li.active:focus { background-image: none !important;}

/*.mainnav ul.menu li.parent li.parent > ul,*/
.mainnav ul.menu li.parent li.parent li.parent > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent > ul {display:none /*!important;*/}

/*.mainnav ul.menu li.parent li.parent:hover > ul,*/
.mainnav ul.menu li.parent li.parent li.parent:hover > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > ul {/*display:block !important;*/}

.mainnav ul.menu li.parent li.parent li.parent:hover,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover { }

.mainnav ul.menu li.parent li.parent li.parent:hover > a,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > a,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover > a { }

/* arrows */
.menu li ul li.deeper {background-image: none;}

.menu li ul li ul li > a {
    background-image: url(../../images/arrow-b.png);
    background-position: 24px 13px;
    background-repeat: no-repeat;
}

.menu li ul li ul li > a:hover {}

.menu li ul li ul li.parent.active > a {color: #333}

.menu li ul li ul li.parent.active > a:hover {}

.menu li ul li ul li ul li > a {background-position: 35px 13px;}
.menu li ul li ul li ul li ul li > a {background-position: 45px 13px;}
.menu li ul li ul li ul li ul li ul li > a {background-position: 55px 13px;}

.mainnav .menu > li.active ul > li.active,
#mainnav-wrapper .menu li.active ul > li.deeper.active {background: none !important}


 /* typography */
/* fonts */
body {
  /*font-size: 14px;*/
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}

h2.itemTitle, h3.catItemTitle,
h3, .column h3, .typo-column h3,
div.moduletable h3, div.login h1:first-child,
.blog-featured h1:first-child, .item-page h1:first-child, 
.contact h1:first-child, .blog h1:first-child, .componentheading, 
div.search h1:first-child, div.registration h1:first-child {line-height: 1 !important}

div.moduletable span.mod-desc { margin:0 }

.typo-column .typo-img-wrap {width: 96% !important}

.typo-colswrap.cols-2 .typo-column,
.typo-colswrap.cols-3 .typo-column,
.typo-colswrap.cols-4 .typo-column {
    margin: 0 !important;
    width: 100% !important;
	clear:both;
}

.css3-columns2,
.css3-columns3,
.css3-columns4 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
}

div.blog div.items-row.cols-4 div.blog-item,
div.blog div.items-row.cols-3 div.blog-item,
div.blog div.items-row.cols-2 div.blog-item,
div.blog div.items-row.cols-1 div.blog-item { width: 100%; }

div.portfolio.cols-2 div.itemContainer,
div.portfolio.cols-3 div.itemContainer,
div.portfolio.cols-4 div.itemContainer,
div.portfolio.cols-5 div.itemContainer,
div.portfolio.cols-6 div.itemContainer {width: 100%}


/* Search */
.phrases-box, .ordering-box {width:100%; float:none;}
.ordering-box  {margin-top:1.5em;}
#search {}

#search .inputbox:focus,
#search .inputbox { }

#search { position: absolute; top:0; right:0}

#search.active {
}


#search .search {
  border: none;
}



#search .inputbox,
#search .inputbox:focus {
}

#search .button {
  display: none;
}

#search .inputbox {}

#roksearch_results .page,
#roksearch_results { width: 85% !important; left: 7% !important }

div.container-scroller {width:100%}

div.roksearch_row_btm {display:none}


/* mainnav */
#mainnav {}
#mainnav-wrapper .main-inner {margin: 0 20px !important}

#mainnav .menu {}

#top-wrapper, #content, #left, #right { }
#top-wrapper.ht, #content.ht, #left.ht, #right.ht { }

/* menu styles */
#mainnav-wrapper.clean .mainnav .menu > li > a {
	border-bottom: 0 none;
    border-left: 3px solid #DDDDDD;
    border-top: 0 none;
    height: 33px;
    line-height: 35px;
}

#mainnav-wrapper.clean .mainnav .menu > li.deeper ul li > a {line-height: 35px}
#mainnav-wrapper.clean .mainnav .menu > li:hover > a {
    border-bottom-color: transparent;
	border-left-color:#333
}

#mainnav-wrapper.big .mainnav ul.menu > li.deeper > ul {margin: 0}
#mainnav-wrapper.big .mainnav .menu > li {border:0}
#mainnav-wrapper.big .mainnav .menu > li:hover {background:none}
#mainnav-wrapper.big .mainnav .menu > li > a {
	border-bottom: 0 none;
    border-left: 3px solid #DDDDDD;
    border-top: 0 none;
    height: 35px;
    line-height: 35px;
}

#mainnav-wrapper.big .mainnav .menu > li.deeper ul li > a {line-height: 35px;}
#mainnav-wrapper.big .mainnav .menu > li > a { padding: 0 5px }
#mainnav-wrapper.big .mainnav ul.menu.mini > li.mini > a {font-size:14px; padding: 10px 5px 10px 20px }
#mainnav-wrapper.big .mainnav .menu > li:hover > a {
    border-bottom-color: transparent;
	border-left-color:#333
}

#mainnav-wrapper.pills .mainnav .menu > li > a { background: none; color:#555 }
#mainnav-wrapper.pills .mainnav .menu > li.deeper > ul {margin-left: 0}
#mainnav-wrapper.pills .mainnav li.mini li {float:left; width: 100%}
#mainnav-wrapper.pills .mainnav .menu > li.deeper > a {line-height: 20px}

#mainnav-wrapper.pills .mainnav li.mini > a {background: #555; color: #fff;}
#mainnav-wrapper.pills .mainnav li.mini > a.active {background: #10B7E1; color: #fff;}
#mainnav-wrapper.pills .mainnav li.mini > li > a {background: #none; color: #555;}
#mainnav-wrapper.pills .mainnav .menu > li:hover > a { /*background-color: transparent*/ }


/* other */
table.acymailing_form {
	width: 100%;
}

table.acymailing_form input.inputbox {
    padding: 5px 0 5px 10px;
    width: 95%;
}

.contact-form label#jform_contact_email_copy-lbl {
	width: 150px;
}

.container-main ul li {
	background-position: left 8px;
}

/* price tables */
td.space,
.vertical-table th:first-child,
.vertical-table th.first,
.vertical-table td:first-child,
.vertical-table td.first {display:none}
.vertical-table .button {font-size: 10px; display:block; padding:0px !important}
span.table-price {
    font-size: 24px;
}
span.table-price-line {
    font-size: 11px;
}
span.table-price-heading {
    font-size: 9px;
}

div.contact textarea, 
div.contact input {width:100%}

div.contact fieldset {padding:0; margin:0 0 1.5em}

/* pagination */
li.pagination-prev a,
li.pagination-prev span,
li.pagination-prev a,
li.pagination-next span,
li.pagination-next a,
li.pagination-start span,
li.pagination-start a,
li.pagination-end span,
li.pagination-end a { display:block !important}

div.pagination { float: left }
div.pagination ul {
    float: left;
    margin: 1.5em 0 /*0*/;
}


.breadcrumbs a {display:none;}
.breadcrumbs span.showHere {display:none}
#footer-social { display:none;}


#social { float:none; clear:both; margin:0}
#social ul { padding: 7px 0; border-top: 1px solid #555; margin: 0; float:left; width: 100%}
.social-icons li i { margin-top: 2px; width: 1em }


.social-icons li {display:inline-block; float:left; margin: 0}
.social-icons li.first, .social-icons li.first a{ }
.social-icons li.last, .social-icons li.last a{ }

.social-icons li:hover span.social-text { text-indent: -6em; }
.top-links span.social-text { display:none }

#openfeedback,
#openlogin, 
.social-icons li a { }
.social-icons li i { }

.social-icons { margin: 15px 0 0 }
#header .social-icons {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 60%;
}

#header-2 { width: 100%; margin-bottom: 5px }
#header-2 div { text-align:center }
#header-2 li { float:none }

#openlogin, #openfeedback { }	
#openfeedback {left: 82px;}

#footer-wrapper { }

span.designedby {
    clear: both;
    float: left;
    width: 100%;
}


div.top-link {
    border-radius: 5px 5px 0 0;
    bottom: 0;
    right: 25px; 
}
div.top-link:hover a{ color: #ccc}

#gototop {font-size: 30px;}



.recaptchatable .recaptcha_image_cell, 
#recaptcha_image, #recaptcha_image img {width: 245px !important; height: auto !important;}
.recaptchatable td {background:none !important;}
#recaptcha_image {position:relative; float:left; margin:0; padding:0}
#recaptcha_image img {border:1px solid #ddd !important; border-radius: 3px; -webkit-border-radius: 3px;}
#recaptcha_table .recaptcha_input_area {margin-left: 0 !important}

#recaptcha_table .recaptcha_r3_c1,
#recaptcha_table .recaptcha_r2_c1 {display:none;}

div.portfolio #itemListLeading, div.portfolio #itemListPrimary, 
div.portfolio #itemListSecondary {margin-bottom: 0}

#footernav {float:none;  float: none; width:100%; clear:both;}
#footernav ul.menu > li { padding: 0; border: 0}
#footernav ul.menu > li a { }

/* DNP portfolio */
div.portfolio-item {width: 100%}

/* DNP News */
ul.dnp_news.horizontal.cols-2 li {width: 100%}
ul.dnp_news.horizontal.cols-3 li {width: 100%}
ul.dnp_news.horizontal.cols-4 li {width: 100%}
ul.dnp_news.horizontal img{width: 100%}