/*
	Theme Name: Foundation Data
	Theme URI: N/A
	Description: Custom Designed Theme using the Base of TwentyTen
	Author: Brenton Wong (Backend) / Jayson Ulrich (Design)
	Author URI: http://www.brentonwong.co.nz/ / http://creativejayse.com/
	Version: 1.0
*/


/* Table of Contents

* Reset
* Hyperlinks
* Body
* Wrapper
* Header
* Homepage Feature Slider
* Twitter
* Main Navigation
* Secondary Navigation
* Main Content Holder
* Sub Content Holder
* Case Study Content Holder
* Sidebar
* Sidebar - Redbox
* Sidebar - News + Slider
* Horizonal Rule
* Clearfix
* General Stylings

*/


/* Reset
------------------------------------------------------------ */

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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-size:13px;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}


/* Hyperlinks
------------------------------------------------------------ */

a:link, 
a:visited { 
	color:#FC0604; 
	text-decoration:none; 
}

a:hover { 
	text-decoration:underline; 
}

a img { 
	border:none;
}


/* Wrapper
------------------------------------------------------------ */

#wrapper {
	position:relative;
	width:940px;
	margin:0 auto;
	background-color:#FFF;
}


/* Header
------------------------------------------------------------ */

#header {
	width:940px;
	margin-top:9px;
}

#branding {
	position:relative;
	float:left;
	width:300px;
	height:90px;
	margin-top:30px;
}

#search {
	position:relative;
	float:right;
	width:600px;
	top:45px;
	margin:0 -5px 0 0;
	padding:0;
}

.search {
	position:relative;
	float:right;
	width:285px;
	height:39px;
	border:1px solid #EEEEEE;
	top:-3px;
	color:#AAAAAA;
	font-size:14px;
	padding:2px 10px;
}

.ie7 input.search,
.ie8 input.search { 
	padding-top:10px; 
	height:31px; 
}


/* Homepage Feature Slider
------------------------------------------------------------ */

#feature {
	position:relative; 
	float:left;
	width:940px; 
	height:324px; 
	z-index:100; 
	
}





/* Main Navigation
------------------------------------------------------------ */

#nav { 
	position:absolute;
	top:90px;
	margin-right:40px;
	float:right;
	width:940px;
	text-align:right;
	font-family:'Open Sans', Arial, sans-serif;
}

#nav li.current-menu-item a, 
#nav li.current-menu-parent a { 
	color:#FC0604;  
}

#nav li a:link, 
#nav a:visited { 
	color:#525252; 
	text-decoration:none; 
}

#nav li a:hover { 
	text-decoration:underline; 
}

#nav li { 
	display:inline;  
	font-size:12px;
	margin-left:7px; 
	color:#525252; 
	font-weight:400; 
}


#mobile-menu {
	display:none;
}

.ie7 #nav { position:relative; }


/* Secondary Navigation
------------------------------------------------------------ */

#secondary-nav { 
	position:relative; 
	width:945px; 
	height:60px; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	overflow:hidden;
}

#menu-sub-menu li.menu-item { 
	font-size:30px;
	color:#525252;
	font-weight:800; 
	display:inline-block;
	padding:0;
	width:25%;
	margin: 0 -4px 0 0;
	background-color:#ededed;
	border-top: 1px outset #e1e1e1;
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid #d9d9d9;

}

#menu-sub-menu li.menu-item a {
	font-size:20px;
}

#menu-sub-menu li.menu-item:first-child {
	border-left:none;
}

#menu-sub-menu li.menu-item:last-child {
	border-right:0px solid #e1e1e1;
	border-right-style:outset;
}





#menu-sub-menu li.menu-item a:link, 
#menu-sub-menu li.menu-item a:visited { 
	color:#525252; 
	text-decoration:none; 
	display:block;
	text-align:center;
	line-height:50px;
	
	margin:0;

}

#secondary-nav li.menu-item a:hover { 
	text-decoration:underline; 
}


/* Main Content Holder
------------------------------------------------------------ */

#main {
	position:relative;
	width:940px; 
	min-height:100px;
	float:left;
}


/* Sub Content Holders
------------------------------------------------------------ */

#front-content {
	position:relative;
	width:587px;
	float:left;
	padding:48px 30px 0 15px; 
}

#front-content a:link, 
#front-content a:visited { 
	color:#FC0604; 
	text-decoration:none; 
}

#front-content a:hover { 
	text-decoration:underline; 
}

#front-content p, 
#front-content { 
	color:#6C6C6C; 
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:25px; 
	line-height:150%;
}

#front-content li { 
	font-size:12px; 
	line-height:150%;
}

#front-content ul { 
	list-style: circle; 
	margin-left:50px; 
}

#content { 
	padding-bottom:0px; 
	padding-top:15px;  
}


/* Case Study Content Holders
------------------------------------------------------------ */

#case-content {
	position:relative;
	width:910px;
	float:left;
	padding:28px 15px 0 15px; 
}

.case-study { 
	position:relative;
	width:100%;
	display:block;
	clear:both;
	color:#6C6C6C; 
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:25px; 
	line-height:130%;
}

.case-study p { 
	color:#6C6C6C;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:25px; line-height:130%;	 }

.case-studies-title {
	padding-top:15px; 
}


/* Sidebar
------------------------------------------------------------ */
#sidebar, #sidebar-hidden {
	position:relative;
	width:308px;
	float:left;
	padding:30px 0 0 0;
}

/* Sidebar - Redbox
------------------------------------------------------------ */

#redbox { 
	display:block;
	width:auto;
	color:#FFF;
	background-color:#FC0604;
	padding:20px 0 10px 15px;
	font-size:20px;
	line-height:120%;
	font-weight:900;
	margin-left:5px;
	margin-bottom:40px;
	font-family:Arial, Helvetica, sans-serif;
}

#redbox a:link, #redbox a:visited {
	text-decoration:underline;
	color:#FFF;
	font-size: 13px;
	}

#redbox a:hover {
	text-decoration:none;
	color:#FFF;
	font-size: 13px;
}


/* Sidebar - News + Slider
------------------------------------------------------------ */

#news { 
	display:block;
	width:auto;
	height:auto;
	float:right;
	border-left:1px solid #AAAAAA;
	
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
}

#news .header { 
	font-size:25px;
	font-weight:bolder;
	color:#FC0604;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding:0 10px;
	
	
}

.news-entry {
	display:hidden;
	padding:10px;
}

.entry-meta {
	margin-top:0px;
	padding-bottom:5px; 
	font-style:italic;
}

.news-entry .title { 
	font-size:13px;
	font-weight:600;
	color:#6D6D6D;
	display:block;
	margin-bottom:-10px;
}

.news-link:link, 
.news-link:visited { 
	color:#FC2423; 
	font-weight:bold; 
	font-size:13px;
}

.news-link:hover { 
	text-decoration:none; 
}

.news-excerpt { 
	line-height:130%; 
	color:#666666;
	font-size:13px;
}

.date { 
	font-size:13px;
	display:block; 
	margin-bottom:-10px; 
}

.news-title {
	font-weight:bold;
}

.news-entry {
	display:hidden;
}


/* Frontpage Styles
------------------------------------------------------------ */

.fp-title h1 { 
	font-size:30px;
	font-weight:bold; 
	line-height:130%;
	display:block;	
	padding-bottom:10px;
	color:#000; 
}

.fp-subtext {
	font-size:13px;
	font-weight:normal;
	color:#666666;
	line-height:120%;
}

.fp-sec-heading { 
	font-size:28px;
	font-weight:bold;
	color:#666666;
	line-height:120%;
	display:block;
	padding-bottom:10px;
}

.sec-link:link, 
.sec-link:visited {
	color:#FC0604;
	font-style:italic;
	font-size:25px;
	text-decoration:none;
}

.sec-link:hover {
	text-decoration:underline;
}


/* Horizontal Rule
------------------------------------------------------------ */

hr { 
	border:none; 
	height:1px;
	color:#AAAAAA;
	background-color:#AAAAAA;
	margin:25px 0;
}


/* Clearfix
------------------------------------------------------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* General Styling
------------------------------------------------------------ */

h2 { 
	font-size:18px;
	font-weight:bold; 
	line-height:120%; 
	color:#000; 
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px; 
	display:block; 
}

h3 {
	font-size:15px;
	font-weight:bolder; 
	line-height:120%; 
	color:#FC0604; 
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px; 
	display:block; 
}

h4 {
	font-size:13px;
	font-weight:bolder; 
	line-height:120%; 
	color:#FC0604; 
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px; 
	display:block; 
}

code {
	padding: 10px;
	border: 2px solid #CBCBCB;
	color:#555;
	font-size:13px;
	font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
	background-color:#FAFAFA;
	display:block; 
}

strong {
	font-size:13px;
	font-weight:bold;
}

em {
	font-style:italic;
}





/* Global Page Styles
------------------------------------------------------------ */

.page h1 { 
	font-family:'Open Sans', Arial, sans-serif; 
	font-weight:bold; 
	font-size:14px; 
	margin-top:10px; 
	display:block;
	line-height:150%;
}

.team-profiles { 
	position:relative; 
	float:left; 
	width:100%; 
	padding-bottom:20px; 
}

.img-padding { 
	padding:0 0 10px 10px;
}


/* Contact
------------------------------------------------------------ */

.contact-form { 
	position:relative; 
	float:left; 
}

.contact-header { 
	color:#000; 
	font-weight:bold; 
}

textarea { 
	max-width:100%; 
	min-width:100%; 
}

.contact-details { 
	position:relative; 
	float:left; 
	width:180px; 
}


/* IE Styles
------------------------------------------------------------ */

.ie7 .alignright {
	float:right;
}

/* Footer
------------------------------------------------------------ */

#footer { 
	position:relative; 
	width:940px; 
	margin:40px 0 0; 
	height:30px; 
	border-top:1px solid #AAAAAA; 
	float:left; 
	padding:10px 0 0 3px; 
}

.footer-content { 
	font-size:12px;
	color:#999999; 
	font-family:Arial, Helvetica, sans-serif; 
}


/* Landscape phones and down */
@media (max-width: 939px) {
		
	body {
		font-size:13px;
	}
		
	#wrapper{
		position:relative;
		display:block;
		width:auto;
		padding:20px 20px 10px;
	}
	
	#header, #branding {
		width:100%;
		display:block;
		padding:0;
		height:auto;
		margin:0;
	}
	
	
	#feature {
		width:100%;
		height:auto;
		padding-top:20px;
		margin-bottom:-50px;
	}
	
	#main{ 
		margin-top:50px;
		width:100%;
		display:block;
	}
	
	#front-content {
		width:100%;
		display:block;
		padding:0;
	}
	
	#front-content img {
		max-width:90%;
		height:auto;
	}
	
	#mobile-menu {
		margin-left:10px;
		display:inline-block;
		position:relative;
		float:right;
	}
	
	#mobile-menu a:link, #mobile-menu a:visited {
		text-decoration:none;
		font-size:20px;
		color:#AAA;
	}
	
	#branding {
		float:left;
	}
	
	#branding img {
		max-width:90%;
		height:auto;
		padding:0;
		margin-right:-10px;
	}
			
	#feature {
		display:block;
		width:100%;
		height:auto;
	}
	
	#secondary-nav, #searchform , #nav{
		display:none;
	}
	
	#footer {
		margin:50px 0 0 0;
		padding:10px 0;
		width:100%;
	}
	
	#redbox, #news { 
		display:block;
		padding:0;
	}
	
	#news {
		border:none;
		margin:20px 0 0;
		border-top:1px solid #AAAAAA;
		width:100%;
		display:block;
		padding:20px 0;
		height:150px;
	}
	
	#case-content {
		display:block;
		width:100%;
		padding:0;
	}
	
	#case-content img{
		max-width:90%;
		height:auto;
	}
	
	img {
		width:auto;
		height:auto;
	}
	
	.news-entry {
		width:100%;
		padding:0;
		margin:0;
		font-size:13px;
	}
	
	#redbox {
		display:none;
	}
	
	#sidebar {
		display:block;
		margin:0;
		padding:0;
		min-height:auto;
		width:100%;
	}
	
	#sldies {
		display:none;
	}
	
	#news .header { font-size:16px; }
	
	
	#slides .slides_container {	
		display:block;
		padding:0; margin:0;
		
	}
	
		
	.pagination {
		display:none;
	}

	.news-flash {
		display:none;
		padding:0; margin:0;
	}
	
	.fp-title h1, .fp-sec-heading  {
		font-size:20px;
	}
	
	#sidebar-hidden {
		display:none;
	}
	
}