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


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

/* html5reset.css - minified! */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*  IMPORT FONTS  ============================================================================= */


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/Content/fonts/bebasneue-webfont.eot');
    src: url('/Content/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/bebasneue-webfont.woff') format('woff'),
         url('/Content/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('/Content/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	
	@font-face 
	{
	font-family: 'BebasNeueRegular';
	src: url('/Content/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
	}
}


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

THE RESPONSIVE GRID SYSTEM
Taken from http://www.responsivegridsystem.com/

*************************************************
*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin-top: 1%;
	margin-right: 0;
	margin-bottom: 1%;
	margin-left: 1%;
}

.ie7 .col {	margin: 1% 0 1% 2.3%;}
.col:first-child { margin-left: 0; }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}
.span_2_of_3 { width:65.8333333333%;  }
	
	.span_1_of_3 {
	width:27%;
	background-color:white;
	border: 1px dashed #09C;
	padding-right: 1%;
	padding-left: 1%;
	text-align: center;
}		
				
		
.span_3_of_4 { width:74.375%; }
	.span_2_of_4 { width:48.75%; }
		.span_1_of_4 {
	width:23%;
	text-align: center;
}
			
.span_4_of_5 { width:79.5%;}
	.span_3_of_5 { width:59.0%; }
		.span_2_of_5 { width:38.5%; }
			.span_1_of_5 { width:18.0%;}
		
.span_5_of_6 {	width:82.9166666667%; }
	.span_4_of_6 { width:65.8333333333%; }
		.span_3_of_6 { width:48.75%; }
			.span_2_of_6 { width:31.6666666667%; }
				.span_1_of_6 { width:14.5833333333%; }

.span_6_of_7 { width:85.3571428571%; }
	.span_5_of_7 {	width:70.7142857143%; }
		.span_4_of_7 { width:56.0714285714%; }
			.span_3_of_7 { width:41.4285714286%; }
				.span_2_of_7 { width:26.7857142857%; }
					.span_1_of_7 { width:12.1428571429%; }
						
.span_7_of_8 { 	width:87.1875%; }
	.span_6_of_8 { width:74.375%; }
		.span_5_of_8 {	width:61.5625%; }
			.span_4_of_8 { width:48.75%; }
				.span_3_of_8 { width:35.9375%; }
					.span_2_of_8 { width:23.125%; }
						.span_1_of_8 { width:10.3125%; }

	
/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
/* quarters */
.span_1_of_4:nth-child(4n+1),
.span_2_of_8:nth-child(4n+1) { clear:both; margin-left:0; }
/* thirds */
.span_1_of_3:nth-child(3n+1),
.span_2_of_6:nth-child(3n+1),
.span_3_of_9:nth-child(3n+1) { clear:both; margin-left:0; }
/* halves */
.span_1_of_2:nth-child(odd),
.span_2_of_4:nth-child(odd),
.span_3_of_6:nth-child(odd),
.span_4_of_8:nth-child(odd),
.span_5_of_10:nth-child(odd) { clear:both; margin-left:0; }

/*  GENERAL SELECTORS ============================================================================= */

body                 {
	font: normal 100%/1.5 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff;
	overflow-x:hidden;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00CCCC;
}

h1{
	margin:0;
	padding:0;
	color:#000;
	font-size:16px;
	font-weight:bold;
}

h2, h3, h4, h5     	{ margin:0; padding:0;color:#000; font-size:14px; font-weight:normal; }


a                    	{
	text-decoration:none;
	color:#0080C0;
	font-weight:normal;
	cursor:pointer;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	transition: color 0.1s linear;
}
a:hover                	{
	text-decoration:underline;
	color:#666666;
	font-weight: normal;
}

hr                     	{
	float:left;
	clear:both;
	background:url(../Images/horizontal-dot.gif) repeat-x top left;
	height: 3px;
	border: 0;
	width: 100%;
	margin:14px 0 20px 0;
	color: #000;
}

p,
ul,
ol 					{ margin-bottom: 1em; }
.clear              { clear:both; }
.bulletlist			{ list-style-type:disc; margin:1em; line-height:1.8; }

form { margin:0; padding:0; }

input, select, textarea, tel { font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;  padding:0.6em; font-size:0.9em; border:1px #ccc solid; border-radius:8px; }

img 					{ border:0; max-width: 100%; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a.gen					{   padding:0.5em 0.9em; color:#333; font-size:0.9em; background: #129ecd;
    background-color: rgba(18,158,205,1);
background-image: -webkit-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:      -o-linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
background-image:         linear-gradient(top, rgba(47,185,231,1) 0%,rgba(18,158,205,1) 100%);
-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
border: solid 1px rgba(3,94,163,1);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
a.gen:hover {
	background-image: -webkit-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
	background-image:    -moz-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
	background-image:     -ms-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
	background-image:      -o-linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
	background-image:         linear-gradient(top, rgba(47,167,213,1) 0%,rgba(3,139,183,1) 100%);
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
	border: 1px solid rgba(0,102,153,1);
}

ul.genlist { list-style-type:disc; margin:0 1em; }
ul.genlist li { padding-bottom:6px; }

img.alignright { float:right; margin:6px 0 6px 16px; }

select { cursor:pointer; }

/*  TEMPLATE ============================================================================= */

#skiptomain 	{ display: none; }

header 			{ float:left; width:100%;  padding-top:0.3em; padding-bottom:.1em;}

a#logo			{ float:left;  display:block; width:328px; height:58px; no-repeat; margin:27px 0 0px 0; text-indent:-9999em; }

.navIcon		{ display:none; }
	
#topnav			{ float:right;  margin:8px 0 0px 0; width:auto; }
#topnav li 		{ list-style-type: none; float:left; display:block;  }
#topnav li a 		{ display:block; font-size:0.9em; color:#000; padding:8px 10px;  font-weight:400; text-decoration:none; }
#topnav li a:hover { text-decoration:none; color:#2fb9e7;   }

#nav			{ float:right;  clear:right; margin:-3px 0 -0.4em 0; padding:0; width:auto; }
#nav li 		{ list-style-type: none; float:left; display:block;  }
#nav li a 		{ display:block; font-size:1em; color:#000; padding:8px 12px;  font-weight:400; text-decoration:none; border-bottom:4px #fff solid; }
#nav li a:hover { text-decoration:none; border-bottom:4px #2fb9e7 solid; color:#2fb9e7;   }

#nav li.mobLink { display:none; }

/* Hover Menu */
ul#nav li.hassub { position:relative; background:url(../images/icon-drop.png) no-repeat center right; padding-right:7px; margin-right:2px;  }
ul#nav li.hassub a { border:0; }
ul#nav li.hassub:hover {     
	background: #eee; 
	z-index:9999;  
	-moz-border-radius: 5px 5px 0px 0px;  
	-webkit-border-radius: 5px 5px 0px 0px;  
	border-radius: 5px 5px 0px 0px;  
}
ul#nav li.mobOnly { display:none; }		

.dropdown_1column,  
.dropdown_2columns {  
    margin:4px auto;  
    position:absolute; 
    z-index: 9999;
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:5px;   
    border-top:none;   
    background:#eee;  
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px; 
    }

.dropdown_1column {width: 210px;}  
.dropdown_2columns {width: 400px;} 

ul#nav li:hover .dropdown_1column,  
ul#nav li:hover .dropdown_2columns {  
	left:0px;  
	top:2em; 
	z-index: 9999; 
	-webkit-box-shadow: 2px 6px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 2px 6px 6px rgba(0,0,0,.25);
	box-shadow: 2px 6px 6px rgba(0,0,0,.25);
} 

.col_1,  
.col_2 {  
    display:inline;  
    float: left;  
    position: relative;  
    padding: 5px; 
    line-height: 1.3em;
}  

.col_1 {width:200px;}  
.col_2 {width:390px;}

ul#nav li ul {  
    list-style:none;  
    padding:0; margin:0;  
}  
ul#nav li ul li {     
    position:relative; 
    padding:3px 6px;  
    margin:0;  
    float:none;  
    text-align:left;
    width:200px;
}  

ul#nav li ul li a {
	padding: 0px; font-size:82.5%; text-shadow:1px 1px 0 #eee;
}

ul#nav li ul li:hover {  
    background:none;  
    border:none; 
} 

h3 {  font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; font-size:1.4em; line-height:1.2; margin:1em 0 0.2em 0; padding:0;  }
h3.mainhd { float:left; width:100%; }
h3.mainhd a { float:right; margin-bottom:0; font-family:'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; }

h4 				{ font: normal 1.1em 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#000; padding:0 0 0.4em 0; font-weight:bold; }

#page_intro		{
	float:left;
	width:100%;
	padding:2em 0 1.5em 0;
	margin:0px;
	box-shadow:0px 4px 4px rgba(0,0,0,0.1) inset;
	text-align:center;
	background-image: url(../Images/home.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#page_intro h1	{
	color:#fff;
	font-size:2.3em;
	line-height:1.3;
	padding:0 0 0.1em 0;
	font-weight:normal;
}
#page_intro p	{ color:#fff; color:rgba(255,255,255,0.9); font-size:1.1em;  padding:0 4em 0.1em 4em; margin:-0.2em 0 0 0; font-weight:normal;  }
#page_intro a	{ color:#fff; border-bottom:1px #fff dotted; }
	#page_intro p.blog-breadcrumb { margin:0; padding:0; }
	#page_intro a.backto { float:none; display:inline-block;color:#000; margin-top:1em; }
#page_intro .line { width:60px; height:2px; display:inline-block; background:#fff; }

section, .inner				{
	width:80%;
	max-width: 75em; /* 1200px / 16 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.content			{
	float:left;
	width:100%;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

footer			{ float:left; background:#2d3b42; color:#ccc; width:100%; padding:1em 0 1.5em 0;   }
footer ul		{ float:left; list-style-type:none;  }
footer li, footer li a { float:left;   padding:0 0 0.1em 0; color:#999; }
footer li a:hover { color:#fff; }
footer .col { font-size:0.9em; }
#belowfooter			{ float:left; background:#1d262b; color:#ccc; width:100%; padding:0 0 1em 0;   }
#belowfooter section { width:100%; max-width:100%; }
#belowfooter ul { float:left; width:100%; margin:0; padding:0 0 0.5em 0; font-size:0.9em;  }
#belowfooter li { float:left; width:20%; text-align: center; }
#belowfooter li a { color:#999; display:block; padding:.75em 0; border:1px rgba(255,255,255,0.05) solid; border-top:0; border-left:0;}
#belowfooter li a:hover { color:#fff;background: #415860;
background: -moz-linear-gradient(top,  #415860 0%, #1d262b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415860), color-stop(100%,#1d262b));
background: -webkit-linear-gradient(top,  #415860 0%,#1d262b 100%);
background: -o-linear-gradient(top,  #415860 0%,#1d262b 100%);
background: -ms-linear-gradient(top,  #415860 0%,#1d262b 100%);
background: linear-gradient(to bottom,  #415860 0%,#1d262b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415860', endColorstr='#1d262b',GradientType=0 );
 }

footer h5 { clear:both;font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; color:#fff; text-transform:uppercase; font-size:1.6em; }

a.totop { padding:0.8em 0;  position:absolute; width:90%; margin:-7em 0 0 0; display:none; color:#fff; text-align:center; background: #2fb9e7;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; font-size:1.2em;}

.pad { padding:1.5em; }
	
/*  HOMEPAGE ============================================================================= */

#home_intro		{ float:left; color:#fff; width:100%; padding:2em 0 0 0; margin:0px; background:#2fb9e7 url(/images/home_intro_bg.gif) repeat fixed; text-align:center; box-shadow:0px 4px 4px rgba(0,0,0,0.1) inset;  }
#home_intro h1	{ color:#fff; font-size:2.1em; line-height:1.3; font-weight:bold; padding:0.1em 1em 0 1em; margin:0 0 -0px 0; font-weight:700; }
#home_intro h2	{ color:#fff; font-size:1.7em; padding:0 1em 0.5em 1em; font-weight:normal; }
.home-intro { padding:0 1em; margin:1.2em 0 -0.8em 0; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
.home-intro:hover { margin:1em 0 -0.6em 0;  }
#home_intro .calltoaction { margin-bottom:1em; }

	
.calltoaction, .ctasmall { border-radius:8px; background: #ffee66; /* Old browsers */
background: -moz-linear-gradient(top, #ffee66 2%, #ffaa22 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffee66), color-stop(100%,#ffaa22)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffee66 2%,#ffaa22 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffee66 2%,#ffaa22 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffee66 2%,#ffaa22 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffee66 2%,#ffaa22 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee66', endColorstr='#ffaa22',GradientType=0 ); /* IE6-9 */ color:#333; padding:11px 24px; font-weight:normal; border:0; text-shadow: 0 1px 0 #FFEE66; 
-moz-box-shadow: 5px 5px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 3px 5px rgba(0,0,0,0.2);
box-shadow: 5px 5px 3px rgba(0,0,0,0.2); font-weight:700; color:#000; font-size:1.4em; float:none; display:inline-block;
-webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

.calltoaction:hover, .ctasmall:hover {
	background: #ffea43; /* Old browsers */
	background: -moz-linear-gradient(top, #ffea43 2%, #ff9d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffea43), color-stop(100%,#ff9d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffea43 2%,#ff9d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffea43 2%,#ff9d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffea43 2%,#ff9d00 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea43', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */
	color:#000;
	-moz-box-shadow: 5px 5px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 5px 3px 5px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 3px rgba(0,0,0,0.4);
	background-color: #F00;
	background-position: bottom;
}

.ctasmall { font-size:13px; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); float:left; padding:9px 18px; margin-bottom:1em; }

.calltoaction b { padding-right:1em; border-right:1px rgba(0,0,0,0.2) solid; }
	.calltoaction i {  -webkit-transition: all 0.1s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
	.calltoaction:hover i { /*-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);*/ margin-left:-.5em; }

a.gen i, .outline-button i, .ctasmall i, .calltoaction i { padding-left:0.75em; }

#home_intro .line { width:60px; height:2px; display:inline-block; background:#ffcf2c; }
	#home_intro h1 { text-shadow:1px 1px 0px rgba(0,0,0,0.2); }
	#home_intro h2 { padding:0; color:#fff; color:rgba(255,255,255,0.8); text-shadow:1px 1px 0px rgba(0,0,0,0.2);  }
	#home_intro .calltoaction { margin-top:1em; }
	
.flex-caption p { float:right; clear:right; text-align:right; max-width:36%; margin:0 1em 0.5em 0;}	
.featured_header { float:left; width:100%; text-align:center; font-size:1.8em; padding:0 0 0.3em 0; }
	.featured_header h3 { display:inline-block; border-top:1px #333 solid; border-bottom:1px #333 solid; padding:0; font-size:1.25em;  }
		.featured_header h3 a { color:#000;  }
		.featured_header h3 a:hover { color:#2eb8e7;  }
	.featured_header h4 { font-size:15px; }
.h_latest { float:left; width:100%; margin:0; text-align:center; }
.h_latest h4 { margin:0.5em 0 0 0; padding:0; font-size:1.1em;  font-weight:bold; }

.outline-button { border:1px #d0d0d0 solid; -webkit-border-radius: 8px;     -moz-border-radius: 8px;     border-radius: 8px;padding:.7em; display:inline-block; font-size:0.9em; margin-top:0.7em;  }
.outline-button:hover { border:1px #2eb8e7 solid; }

a.view, a.backto { float:left; color:#333; font-size:0.8em;  padding:0.5em 0.7em; margin:0 1em 0.5em 0; text-shadow:1px 1px 0px #fff; background: #fff;
    -webkit-border-radius: 8px;     -moz-border-radius: 8px;     border-radius: 8px; box-shadow:2px 2px 0px rgba(0,0,0,0.05); border:1px #d0d0d0 solid;}
a.view img { float:left; margin-right:0.4em; border-radius:0 !important; border:0 !important; box-shadow:none !important; }
	a.view img:hover { border:0 !important; border-radius:0 !important; box-shadow:none !important; }
a.view:hover, a.backto:hover {  border:1px #2eb8e7 solid;color: #2eb8e7;}
 
.news_title a 	{  font-size:1.3em; font-weight:bold;  }
.news_title a:hover { color:#000; border-bottom:1px #000 dotted; }
.blog_date 	{ font-size:0.9em;  color:#000; padding:0 0 0.5em 0;}

/*  SERVICES ============================================================================= */
#smenu 			{ float:left; width:100%; padding:.1em 0 0 0; border-bottom:1px #fff solid; margin-bottom:1em; }
#smenu h4  { float:left; font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; text-transform:uppercase; font-weight:normal; clear:both; font-size:1.2em; padding-top:.3em; margin:0; padding:.3em 0 0 0; }
#smenu a:hover { color:#000; }
#smenu ul { float:right;  }
#smenu li { float:left;  }
#smenu li a { float:left; display:block;font-size:0.725em; border:1px #eee solid;-webkit-border-radius: 8px;     -moz-border-radius: 8px;     border-radius: 8px;padding:.6em; margin-left:.25em; background:#fff;  }
#smenu li a:hover {  color:#000; }
#smenu li.active a:hover, #smenu li.active a { float:left; display:block;position:relative;  color:#fff; background:#000; }


#services			{ float:left; width:100%; }
.service_intro 		{ float:left; width:90%; margin:1em 5% 0 5%; clear:left;  text-align:center; font-size:1.1em;  border-top:2px #2eb8e7 solid; padding:1em 0 0.5em 0; color:#666; }
.services_quote .author	{ text-align:center;  color:rgba(255,255,255,0.6); color:#999; }
.services_quote { text-align:center; margin-bottom:-1em; /*background: #2d3b42;
background: -moz-linear-gradient(left, #2d3b42 0%, #425160 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2d3b42), color-stop(100%,#425160));
background: -webkit-linear-gradient(left, #2d3b42 0%,#425160 100%);
background: -o-linear-gradient(left, #2d3b42 0%,#425160 100%);
background: -ms-linear-gradient(left, #2d3b42 0%,#425160 100%);
background: linear-gradient(to right, #2d3b42 0%,#425160 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3b42', endColorstr='#425160',GradientType=1 );*/ color:#fff; color:rgba(255,255,255,0.6); padding:0;}
.services_quote_bg { /*background:url(/images/h_services_bg.png) repeat;*/ padding:1.5em 0 2.5em 0;}

.calluswrap {
	float:left;
	width:60%;
	background:rgba(0,0,0,0.8);
	background:#1d262b;
	text-align:center;
	color:#fff;
	color:rgba(255,255,255,0.7);
	margin-top: 1em;
	margin-right: 20%;
	margin-bottom: 1em;
	margin-left: 20%;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
.callus { float:left; clear:both; width:100%; font-size:0.9em;  }
.calluswrap h3 {
	font-size:1.3em;
	color:#fff;
	margin:.2em 0 .2em 0;
}
.callus p { font-size:1.2em; }
.callus a { float:none; }

.services-content {
	background-color: #eee;
}
.service 			{
	float:left;
	width:100%;
	padding:0 0 1em 0;
	font-family: proxima-nova, "Source Sans Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.service-img-wrap 		{
	float:right;
	width:40%;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.service-img 		{  border:7px #fff solid;}


.service aside 		{
	float:left;
	width:97%;
	padding-right:0.5em;
	margin-top: 0.5em;
	margin-right: 2%;
	margin-bottom: 0;
	margin-left: 1.5%;
}
.service h2 {
	clear:both;
	font-size:1.6em;
	margin:0 0 .25em 0;
	font-weight:700;
}
.service aside p {
	font-size:1em;
	color:#000;
	text-shadow:1px 1px 0px #fff;
}

.related-blogs { border-top:1px #eee solid; margin-top:.5em;padding-top:.5em; }
.related-blogs h3 {
	font-size:1.1em;
	font-family: proxima-nova-extra-condensed-n7, proxima-nova-extra-condensed, BebasNeueRegular, "Arial Condensed", sans-serif;
}
.related-blogs .categories li { width:50%;  }
	.related-blogs .categories li a  {
	border:0;
	font-size: 1em;
	font-weight: bold;
}
	

h2.pagetitle	{ font-size:1.8em; font-weight:bold; }
.hdintro		{ color:#000; font-size:1.2em; }

/*  PROJECT PAGE ============================================================================= */
.wrap {
	float:left;
	width: 100%;
	background-color: #CCC;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px dotted #333;
}

.wrap2 {
	float:left;
	width: 100%;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px dotted #09C;
	text-align: center;
}


.backto { float:right; }
.projectpage h3 { margin-top:0; }
.projectpage blockquote { width:98%;  text-align:left; margin-right:2%; }


/*  BLOG PAGE ============================================================================= */
 
.blog_sidebar	{ float:right; width:32%; margin-top:-1em; }
.blog_sidebar h3 { clear:both;  }
.categories { float:left; width:100%; margin:0 0 2em 0; }
.categories li { float:left; width:100%;  }
.categories img { float:left; width:52px; margin:0 0.5em 0 0;   }
.categories a { float:left; width:100%; font-family: 'BebasNeueRegular', Arial Condensed, sans-serif; text-transform:uppercase; font-size:1.3em; display:block; padding:0.3em 0 0 0; border-bottom:1px #fff dotted; line-height:2.4; font-weight:normal; letter-spacing:0.5px; }
.blog_post h2 a:hover { border-bottom:1px dotted #000; color:#000; }
.blog_sidebar a:hover { color:#000; }
.tag-icon { background:#000; border-radius:80px; width:40px; height:40px; float:left; text-align:center; line-height:2; margin-right:0.5em; margin-top:0.25em; }
	.tag-icon i { color:#fff; }
	.tag-icon i.fa-twitter { background:#000; }
	
/*  OVERRIDES ============================================================================= */

.noleft				{ margin-left:0; }
.floatright			{ float:right !important; }

/*  404 ============================================================================= */

/*  MEDIA QUERIES ============================================================================= */

/* e.g. iPad Portrait */
@media screen and (max-width: 1190px)
{
	section, .inner { width:90%; }
	#nav li a { font-size:0.9em; padding:8px 9px; }
	.slide1 { background-size:90%;   }
	

	#home_intro .slide2 a.calltoaction { width:auto; display:inline-block;  }
}

@media screen and (max-width: 1100px)
	{
		.discovery { background-image:url(/Images/how-discover2.jpg); }
		.discovery_bg { display:none; }
		.discovery, .design, .development, .delivery { background-size:600px; }
		.discovery_text, .design_text, .development_text, .delivery_text { margin-bottom:3em; }
	}
	
@media screen and (max-width: 1024px)
{
	
	.about-img { width:50%; }
}

@media screen and (max-width: 1000px)
{
	.flex-caption p	{ display:none; }

	.discovery, .delivery { background-position:-50% 100%; }
	.design, .development { background-position:150% 100%; }
	.discovery_text, .design_text, .development_text, .delivery_text { width:40%; }
	
	a#logo { margin:2.2em 0 0.1em 0; background-size:280px; width:280px;}
}

/* e.g. Smaller tablets and Larger Smartphones */
@media screen and (max-width: 940px)
{
	header { margin-bottom:-1em;  }
	a#logo { margin:1.2em 0 0.1em 0; background-size:250px;}
	.navIcon		{ float:right;  display:block; cursor:pointer; position:absolute; top:26px; right:1em; height:46px; -webkit-transition: all .2s; transition: all .2s;  }
		.navIcon .bar { display:block; float:left; background:#2fb9e7; width:24px; height:3px; margin:3px 0; clear:both; -webkit-transition: margin .2s; transition: margin .2s; border-radius:8px; }
		.navIcon img { width:40px; }
		.navIcon  { color:#2fb9e7; font-size:24px; line-height:20px; padding:10px; }
		.navIconOpen  { /*background:#2fb9e7; color:#fff;*/  }
			.navIconOpen .bar { margin:0; }
			.navIconOpen .bar:first-child { margin:0 0 9px 0; }
			.navIconOpen .bar:last-child { margin:9px 0 0 0; }
			
	ul#nav li.mobOnly { display:block; }
	#show_menu { float:left; width:100%; display:none; }
	
	#topnav			{ display:none; float:left; clear:left; width:100%; margin:0; padding:0; }
		#topnav li 	{ width:33%; text-align:center;   }
		#topnav li a { padding:0em; }
	
	#nav { float:left; width:100%; padding:0;margin:-0.5em 0 1em 0; }
		#nav li { width:100%; border-bottom:1px #e0e0e0 solid;  }
		#nav li a { padding:0; border:0; display:block; font-size:1.1em; }
		#nav li a:hover { border:0; }
	ul#nav ul { padding:0; margin:0; }
	ul#nav ul li:hover ul { position:relative; margin:0; display:block; box-shadow:none; }
	ul#nav li, ul#nav li:hover { background-image:none; }
	ul#nav li.hassub:hover {  text-indent:0.5em; -moz-border-radius: 0; -webkit-border-radius: 0;  border-radius: 0;}
	ul#nav li.hassub:hover ul { background:none;  }
	ul#nav li, ul#nav li.hassub { margin:0; padding:0.3em 0;width:100%; }
	.dropdown_1column,  
	.dropdown_2columns { position:relative; top:0; left:0;  display:none; width:100%; background:#none; margin:0; padding:0; -moz-border-radius: 0; -webkit-border-radius: 0;  border-radius: 0; }
	ul#nav li:hover .dropdown_1column,  
	ul#nav li:hover .dropdown_2columns {  top:0; left:0; display:block; }
	ul#nav li ul { width:100%; }
	ul#nav li ul li { padding:0.5em 0 0 0; border:0; width:100%;  }
	.col_1,  
	.col_2 { padding:0; width:100%; }
	#nav li.mobLink { display:block; }
		
	#home_intro h1 {  font-size:1.8em; line-height:1.4; }
	#home_intro h2 { font-size:1.6em; }
	.h_services_header { width:90%; margin:0 5%; }
	.h_services_header h2 { font-size:1.6em; }
	
	.copyright { font-size:0.7em; border:0; }
	
	#page_intro p	{ max-width:100%; padding:0; }
	
	.filtermenu ul li  { width:46%; }
	
	/* Who we are - hide left menu */
	#catcher, #smenu { display:none; }
	#services, #whoweare { float:left; width:100%; }
	
	.video_container, .video { height:336px; }
}

@media screen and (max-width: 930px) {
	
	.h_services .span_1_of_4 { width:48.75%; margin-bottom:1em; }
	.h_services .span_1_of_4:nth-child(odd) { margin-left:0; clear:both;}
	
}
@media screen and (max-width: 860px)
	{
		.how_intro h1, .we-work-with h2 { font-size:2em; }
		.discovery { margin-top:0; }
		.discovery, .delivery { background-position:-200% 100%; }
		.design, .development { background-position:300% 100%; }
		.discovery_text, .design_text, .development_text, .delivery_text { width:50%; margin-bottom:3em; }
		.how-we-work h2, .we-work-with h4 { font-size:1.2em; }
	}
		

@media screen and (max-width: 820px)
	{
		.who-meet .span_1_of_4 { width:47.5%; }
			.who-meet .span_1_of_4:nth-child(odd) { margin-left:0;  }
		
		.who-statistics img { width:60%; }	
	}
	
@media screen and (max-width: 770px) {
	#home_intro h1 {  font-size:1.6em; line-height:1.4; }
	#home_intro h2 { font-size:1.4em; }
}


@media screen and (max-width: 768px) {
		
	.f_newsletter h5 { margin-top:1.5em; }
	#belowfooter li { width:50%;  }

}
@media screen and (max-width: 760px) {
	#home_intro h1, #home_intro h2 { padding:0 1em; }
}
@media screen and (max-width: 740px)
{
	.discovery, .design, .development, .delivery { background-size:400px; }
	.discovery, .delivery { background-position:-100% 100%; }
	.design, .development { background-position:200% 100%; }
}
	
@media screen and (max-width: 700px) {

	.client_list li { width:48%; }
	footer { margin-top:3em; }
	a.totop { display:block; }
	.f_web, .f_mobile, .f_digital { display:none; }
	.f_contact { margin-top:-1em; width:100%;}
	.f_newsletter, .f_twitter { width:100%; }
	.f_twitter { margin-top:2em !important; }
	
	.h_services_header h2 { font-size:1.2em; }
}

@media screen and (max-width: 600px)
{
	.about-img { float:left; width:100%; margin:0 0 1em 0; }
	.who-meet .span_1_of_4 { width:100%; margin-left:0; }
	.who-statistics .col { margin:2em 0 1em 0; }
	.who-statistics img { width:60%; }
	
	.featured_header h3 { font-size:1.1em; }
	
	.how_intro h1, .we-work-with h2 { font-size:1.7em; }
	.discovery, .delivery { background-position:bottom left; padding:0 0 210px 0; text-align:right; }
	.design, .development { background-position:bottom right; padding:0 0 210px 0; }
	.discovery_text, .design_text, .development_text, .delivery_text { width:100%; margin-top:2em; margin-bottom:3em; }
	.discovery, .design, .development, .delivery { background-size:288px; }
	
	.who-meet, .projects, .development_wrap { background:#eaeaea; }
}
	
@media screen and (max-width: 580px)
{
	.portfolio .span_1_of_3,
	.span_1_of_3, .span_2_of_3, .span_3_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5,
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 	{
		width: 100%; margin:0 0 1em 0;
	}
	.f_newsletter { padding:0; }
	.portfolio .span_1_of_3 { margin:1em 0; }
	.other-projects { margin-top:1em; }
	
	.f_contact { margin:-1em 0 -1em 0; } 
	
	/* Hide any elements that make the page too much to digest on a mobile */
	.mobhide 		{ display:none; }
	
	#page_intro h1	{ font-size:1.8em; padding-bottom:0.2em; }
	h2.pagetitle	{ font-size:1.4em; }
	.staff			{  width:47%; margin-left:0%; margin-right:3%; }

	.blog_postlist,
	.blog_sidebar {	width: 100%;  margin:0;}
	
	.blog_post h1 { font-size:1.7em; }
	.author-details { float:left; width:100%; margin:0 0 1em 0; }
	
	.h_services { padding:0; border:0; }
	.h_services section { padding:0; width:100%; }
	.h_services img { height:30px; float:left; margin:0 0.3em 0.5em 1em; }
	.h_services h5 {  float:left; margin:0.0em 0.3em 0.2em 0.5em; }
	.h_services a { float:right; margin:-0.2em 1em 0.5em 1em; font-size:0.7em; }
	.h_services p { display:none; }
	.h_services .span_1_of_4 { width: 100%; margin:0; padding:0.8em 0 0.2em 0; }
	
	.filtermenu ul li  { width:100%; }
		
	.service aside {  width:100%; }
	.service_intro { font-size:1em; }
	.service-img-wrap {  float:left; width:100%; padding:1em; text-align:center; margin:0;}
		
	.h_latest { padding:0 2em; }
	.project_quote .author { width:40%; margin:0 30%; }
	.project_quote blockquote { float:left; width:100%; }
	
}

/* e.g. Mobiles/iPhone/etc */
@media screen and (max-width: 480px)
{	
	
	a#logo	{ width:42px; height:42px; background:url(/images/logo-edward-robertson-small.gif) no-repeat; background-size:100%; margin:1.2em 0; }
	
	h3 .ctasmall { font-size:11px; padding:8px 14px; }
	.h_testimonials .author_logo { width:80px; }
	
	.examples a { width:100%; margin:0 0 0.5em 0;  }
	
	.h_news, .h_testimonials { width:auto; padding:0 0.5em 0 0.5em; }
	.news_title a { font-size:1em; }
	
	#home_intro h1 {  font-size:1.25em; line-height:1.3; padding-bottom:0.7em;  }
	#home_intro h2 { font-size:1.15em; line-height:1.3;padding-bottom:0.7em;  }
	#home_intro .calltoaction { font-size:1.15em; }
	
	
	
	#page_intro h1	{ padding:0.2em 0 0.3em 0;  }
	
	.client_logos li { width:50%; }
	.client_list li { width:100%; padding-right:0; }

	.office { width:100%; padding:0; }
	
	.project_quote .author { width:52%; margin:0 24%; }
	
	.staff			{ line-height:1.5; }
	.name			{ padding:0.1em 0 0 0;  }
	.jobtitle		{ margin-top:-0.3em; }
	
	.video_container, .video { height:200px; }
}

@media screen and (max-width: 430px)
{
	.h_services a { float:left; margin:0 0 1em 60px; clear:both; font-size:.9em; }
}

/* e.g. Smaller smartphones */
@media screen and (max-width: 320px)
{
	
	
	.mobilenav select { font-size:0.8em; }
	.video_container, .video { height:150px; }
}

/* Force Nav and TopNav to show past 931px; */
@media only screen and (min-width: 941px) {
	#show_menu,
	#topnav { display:block !important; }
}

/* new proxima font overwrites */
body, input, select, textarea, tel, h3.mainhd a, h4 { font-family: "proxima-nova", 'Source Sans Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
	   #home_intro h1, .h_services_header h2 { font-weight:800; }
	   #home_intro h2, .h_services_header p  { font-weight:300; }
	   ul#nav li ul li a { font-size:0.8em; font-weight:300; }
	   
	   h3, footer h5, a.totop, #home_intro .slide2 h5, .h_services h5, #smenu h4, .categories a { font-family: "proxima-nova-extra-condensed-n7", "proxima-nova-extra-condensed", 'BebasNeueRegular', Arial Condensed, sans-serif; text-transform:uppercase; }
	   .featured_header h3 { border:0; }
	   #page_intro  {
	text-shadow:1px 1px 0px rgba(0,0,0,0.2);
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0080C0;
	border-bottom-color: #0080C0;
	background-color: #0080C0;
	height: 130px;
	margin-top: 1em;
}