/*
+---------------------------------------------------------------+
|	e107 website system - Bootstrap Base Template
|	by Spinning Planet (ben@spinningplanet.co.nz)
|
|	Released under the terms and conditions of the
|	GNU General Public License (http://gnu.org).
+---------------------------------------------------------------+
*/

@charset "UTF-8";
@import url("css/e107_style.css");
@import url("css/plugin_style.css");

/*//// BOOTSTRAP ADDONS ///////////////////////*/

.row-fluid ul.thumbnails li.span12 + li { margin-left : 0px !important; }
.row-fluid ul.thumbnails li.span6:nth-child(2n + 3) { margin-left : 0px !important; }
.row-fluid ul.thumbnails li.span4:nth-child(3n + 4) { margin-left : 0px !important; }
.row-fluid ul.thumbnails li.span3:nth-child(4n + 5) { margin-left : 0px !important; }
.row-fluid ul.thumbnails li.span2:nth-child(6n + 7) { margin-left : 0px !important; }

.container {
	min-width:980px !important;	
}

/*/////////////////////////////////////////////*/

/*//// DOM ////////////////////////////////////*/

body {
	background:#FFFFFF url(images/bg_silhouette.png) bottom center repeat-x fixed;	
}

body, td {
	font: 200 16px/145% 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333333;	
}

::-moz-selection {
	background: #F47325;
	color: #FFFFFF;
}

::-webkit-selection {
	background: #F47325;
	color: #FFFFFF;
}

::selection {
	background: #F47325;
	color: #FFFFFF;
}

/*/////////////////////////////////////////////*/

/*//// HEADER /////////////////////////////////*/

#header {
	margin-top: 20px;
}
 
#logo {	
	min-width: 445px !important;
	height:auto;
	cursor:pointer !important;
}

#phonenumber {		
}

#phonenumber [class^="icon"] {
	font-size:85% !important;	
}

#phonenumber.phonenumber_internal {
	color:#000000 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;		
}

/*/////////////////////////////////////////////*/

/*//// NAVIGATION /////////////////////////////*/

#main-nav-menu {	
}

.themenav {
	background: #474847;	
}

/* -- Top Level */
.themenav-container .themenav a {
	padding:0 30px;
	color:#FFFFFF;
}

.themenav-container > .themenav > li.hover > a {
	color: #F47325 !important;
}

.themenav-container > .themenav > li > a {
	height:40px;
	line-height:40px !important;
}

/* -- drop Level */

.themenav-container .themenav > li.hover > ul {	
	padding:0 0 20px 0;
	
	background: #474847;	
		
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	
}

.themenav-container .themenav li li a {
	padding:10px 30px 0 30px;	
}

.themenav-container  .themenav li li.hover a {
	color: #F47325 !important;
}

/* -- sub Levels */

.themenav-container .themenav li li.hover ul {
	padding:0 0 20px 0;
	
	background: #474847;	
		
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.themenav-container .themenav li li li a {
	padding:10px 15px 0 15px;		
	font-size:16px;
}


/* ------ DONT EDIT ------ */
.themenav-container {
	position:relative;
	z-index:101;	
}

.themenav-container .toggleMenu {
    display:  none;
}

.themenav-container .themenav {
	list-style: none;
	margin:0;
	padding:0;
	*zoom: 1;
}

.themenav-container .themenav:before,
.themenav-container .themenav:after {
    content: " "; 
    display: table; 
}

.themenav-container .themenav:after {
    clear: both;
}

.themenav-container .themenav ul {
    list-style: none;
    width: auto;
}

.themenav-container .themenav li {
    position: relative;
}

.themenav-container .themenav a i {
	font-size:16px !important;	
}

.themenav-container .themenav > li {
    float: left;
}

.themenav-container .themenav > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}

.themenav-container .themenav > li > a {
    display: block;
}

.themenav-container .themenav li  ul {
    position: absolute;
    left: -9999px;
}

.themenav-container .themenav > li.hover > ul {
    margin-top:-1px !important;
	left: 0;
}

.themenav-container .themenav li li.hover ul {
    left: 100%;
    top: 0;
}

.themenav-container .themenav li li a {
    display: block;
	white-space:nowrap;

    position: relative;
    z-index:100;
}

.themenav-container .themenav li li a i {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-8px;	
}

.themenav-container .themenav li li li a {
    z-index:200;
}

/*/////////////////////////////////////////////*/

/*//// FEATURE ////////////////////////////////*/

#feature {
}

/*/////////////////////////////////////////////*/

/*//// INATERNAL CONTENT //////////////////////*/

#content {
	clear:both;
	min-height: 450px;
	width: auto;
	background:url(images/bg_internal.jpg) right top no-repeat;
	background-size: cover;
}

#content-table {
	height: 100%;
	width: auto;
	display:table;
	padding:80px;
}

#content-cell {
	display:table-cell;
	vertical-align:middle;
	max-width:500px;	
}

/*/////////////////////////////////////////////*/

/*//// WELCOME ////////////////////////////////*/

#welcome, #contact {
	padding-top:20px;
}

/*/////////////////////////////////////////////*/

/*//// CASE STUDIES ///////////////////////////*/

.news_item_container:first-child {
	margin-top: -20px;
}

.news_item_container {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom:50px;
}

.news_item_container:last-child {
	margin-bottom:0px;
}

.news_item_tint {
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
}

.news_item {
	padding:80px;
	max-width:500px;	
}

/*/////////////////////////////////////////////*/

/*//// CONTACT ////////////////////////////////*/

#contact {
	clear:both;
	padding-top:20px;
}

/*/////////////////////////////////////////////*/

/*//// CALLS TO ACTION ////////////////////////*/

#callstoaction {
	padding:20px 0 0 0;	
}

#callstoaction_links {
	margin:0 5%;
	padding:0;
}

#callstoaction_links li  {
	margin:0 -1px;
	padding:0;
	width:33.33%;
	border-left:1px solid rgba(255,255,255,0.5);
}

.callstoaction_link a {
	display:block;
	height:50px;
	background:	#F47325;
	color:#FFFFFF !important;
	
	font: 200 16px/50px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 1.00);	
	text-align:center;
}

.callstoaction_link a:hover, .callstoaction_link a:active, .callstoaction_link a.current {
	background: #474847;	
}

/*/////////////////////////////////////////////*/

/*//// FOOTER /////////////////////////////////*/

#footer {
	border-top:1px solid #FFFFFF;
	margin-top:20px;
	color: #000000;
	font: 200 11px/100% 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#footer > div {
	padding:15px 0 0 0;
	-webkit-box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	box-sizing:border-box !important;
}

/*/////////////////////////////////////////////*/

/*//// FOOTER LINKS ///////////////////////////*/

#footer_links li {
	border-left:1px solid #666666;	
}

#footer_links li:first-child {
	border-left: 0px solid #FFFFFF;
}

#footer_links li a {
	padding:0 5px;	
}

/*/////////////////////////////////////////////*/

/*//// BACK TO TOP ////////////////////////////*/

#toTop {
	position:fixed; 
	bottom:18px;
	right:20px;
	cursor:pointer;
	display:none;
	z-index:100;
}

/*/////////////////////////////////////////////*/

/*//// TYPOGRAPHY /////////////////////////////*/

a {
	color: #F47325;
	text-decoration: none;
}

a:hover {
	color: #474847;
	text-decoration: none;
}

#footer a {
	color: #000000;	
}

#footer a:hover {
	color: #F47325;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Passion One', Helvetica, Arial, sans-serif;
	font-weight:400;
	line-height:100%;
	color: #474847;
	text-transform:uppercase !important;
}

h1 {
	font-size: 50px;	
}

h2 {
	font-size: 45px;	
}

h3 {
	font-size: 40px;	
}

h4 {
	font-size: 35px;	
}

h5 {
	font-size: 30px;	
}

h6 {
	font-size: 25px;	
}

/*/////////////////////////////////////////////*/

/*//// RESPONSIVE /////////////////////////////*/

@media (max-width: 1200px) {
	
}
 
/* Portrait tablet to landscape and desktop */ 
@media (max-width: 979px) {
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	
}

/*/////////////////////////////////////////////*/