/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Tablet Styling
 */
 
 
/* headings */
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 }

/* topbar */
 #topbar .main-inner {}
 
 /* main */
.main { max-width: 980px}

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

.spotlight.columns-4 .modulebox.last {clear: both}

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

#content.hl,
#content.hr { width: 100%; max-width: 67%; float:left }

#left.hl,
#right.hr { min-width: auto; width: 100%; max-width: 33%; float:left }

#left.hl.hr,
#right.hl.hr { min-width: auto; width: 100%; max-width: 49.9%; float:left }

#content.hr.hl { width: 100%; max-width: 100%; float:left }

#right { width:100%; min-width: 220px; max-width: 49.9% }
#left { width:100%; min-width: 220px; max-width: 49.9% }

#content.hl.hr div.moduletable .inner {
    margin: 0;
}
#content.hl.hr .component-wrapper {
    margin: 1.5em 0;
}

/* mainnav */
#mainnav .menu {	white-space: nowrap; }

/* responsive menu */
ul.mini.menu {display:none;}

.mainnav .menu > li.deeper ul {margin-left: 17px}

#mainnav-wrapper.pills .mainnav .menu > li > a {margin: 10px 10px; padding: 0 10px }
#mainnav-wrapper.pills .mainnav .menu > li.deeper > ul {margin-left: 10px}

.mainnav .menu > li > a {
	margin: 0 17px;
}


.mainnav ul.menu {}

/* menu styles */
#mainnav-wrapper.clean .mainnav .menu > li.deeper > ul {
    margin-left: 17px;
}


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

/* typography */
/* font */
body {
	/*font-size: 14px;*/
	-webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
}
.typo-column .typo-img-wrap {width: 95% !important}
.typo-colswrap.cols-4 .typo-column:last-child .typo-img-wrap {/*width: 33.2% !important*/}
.typo-colswrap.cols-4 .typo-column:last-child .typo-img-wrap div {width: 100%}

.typo-colswrap.cols-4 .typo-column {	width: 32.5%; margin:0 } 
div.item-page .typo-colswrap.cols-4 .typo-column {	width: 33%; margin:0 } 
.typo-colswrap.cols-4 .typo-column:last-child { /*margin:0; width: 100%*/ }
.typo-colswrap.cols-4 .typo-column:last-child img{}
.typo-colswrap.cols-3 .typo-column { }
.typo-colswrap.cols-2 .typo-column { }


.css3-columns4 {
    -moz-column-count: 3; -webkit-column-count: 3;
    -moz-column-gap: 15px; -webkit-column-gap: 15px;
}
.css3-columns3 {
}

div.blog div.items-row.cols-4 div.blog-item { width: 33%;}
div.blog div.items-row.cols-3 div.blog-item { width: 33%;}
div.blog div.items-row.cols-2 div.blog-item { /*width: 48%;*/}
div.blog div.items-row.cols-1 div.blog-item { /*width: 100%;*/}


/* Logo */ 


/* Search */
#search {}

#search.active {}


#search .search {
  border: none;
}

#search .inputbox {width: 100px}

#search .button {
  display: none;
}

#pathway .main-inner { }

.breadcrumbs a { display:none }

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

#footer-wrapper .main-inner { }

div.top-link {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    bottom: 0px;
	right: 20px;
}

.social-text {
    display: none;
}

.social-icons li {display:inline-block; float:left; margin: 0 0 0 1px}
.social-icons li.first, .social-icons li.first a{border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0;}
.social-icons li.last, .social-icons li.last a{border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0;}

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

/* slideshow */
.flex-direction-nav li:last-child a  { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 }


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

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