/***********************************
Theme CSS
***********************************/
@font-face
{
	font-family: 'gudea';
	src: url('/assets/fonts/gudea-regular.eot');
	src: url('/assets/fonts/gudea-regular.eot?#iefix') format('embedded-opentype'),
		 url('/assets/fonts/gudea-regular.svg#gudea') format('svg'),
		 url('/assets/fonts/gudea-regular.woff') format('woff'),
		 url('/assets/fonts/gudea-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'roboto';
	src: url('/assets/fonts/roboto-regular.eot');
	src: url('/assets/fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
		 url('/assets/fonts/roboto-regular.svg#roboto') format('svg'),
		 url('/assets/fonts/roboto-regular.woff') format('woff'),
		 url('/assets/fonts/roboto-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'phone-mail';
	src:url('/assets/fonts/phone-mail.eot');
	src:url('/assets/fonts/phone-mail.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/phone-mail.woff') format('woff'),
		url('/assets/fonts/phone-mail.ttf') format('truetype'),
		url('/assets/fonts/phone-mail.svg#phone-mail') format('svg');
	font-weight: normal;
	font-style: normal;
}
/******************************
Main Layout
******************************/
body 
{
	background: #D4D5D7;
	color: #6D6F71;
	font-family: 'roboto', helvetica, arial, sans-serif;
}
	#outer
	{
		margin-bottom: 25px;
		margin-top: 25px;
	}
			#outer
		{
			-moz-box-shadow: 0px 2px 10px 0px #555555;
			-webkit-box-shadow: 2px 0px 10px 0px #555555;
			box-shadow: 0px 2px 10px 0px #555555;
		}
	
	#header {background: #FFFFFF;}
	#call-to-action {background: #FFFFFF;}
		#header, #call-to-action {font-family: 'gudea', 'roboto', helvetica, arial, sans-serif;}
	#main-content {background: #FFFFFF;}
		#main-content-inner {padding: 10px;}
	#footer {background: #6D6F71; color: #999999;}
		
/******************************
HTML
******************************/
a
{
	color: #6D6F71;
	text-decoration: none;
}
	a:hover
	{
		color: #7DC242;
	}
	a.underline
	{
		border-bottom: 1px solid #6D6F71;
	}
		a.underline:hover
		{
			border-color: #7DC242;
		}
	
	a.button, button, input[type="submit"]
	{
		background-color: #7DC242;
		box-shadow: 0px 1px 1px 0px #999;
	}



hr {background: #D4D5D7;}

/******************************
Headings
******************************/

h1, .h1
{
	color: #7DC242;
	font-family: 'gudea', 'roboto', helvetica, arial, sans-serif;
	font-size: 2.3em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}


h2, .h2
{
	color: #7DC242;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}

h3, .h3,
h4
{
	color: #7DC242;
	font-size: 1.2em;
}
	
/******************************
Images
******************************/

.pyro-image.alignment-right	{	margin-left: 35px;	}

/******************************
Forms
******************************/



/******************************
Sections
******************************/
/*************************
Header ******************/
#header-inner > .col
{
	margin-bottom: 0;
}
	.widget.header_logo
	{
		float: left;
	}
	.widget.header_phone
	{
		color: #7DC242;
		float: right;
		font-size: 2.15em;
	}
		.widget.header_phone a	{	color: #7DC242; }
	
	.widget.header_email
	{
		clear: right;
		float: right;
		font-size: 1.2em;
	}
	.widget.header_nav
	{
		clear: right;
		float: right;
	}

/*************************
Call to Action **********/
#call-to-action-inner > .col
{
	margin: 0;
	width: 100%;
}
	#call-to-action .widget.strapline
	{
		background: #7DC242;
		color: #FFFFFF;
		float: left;
		font-size: 2em;
		height: 250px;
		position: relative;
		width: 270px;
	}
		#call-to-action .widget.strapline span
		{
		    bottom: 25px;
		    left: 25px;
		    position: absolute;
		    right: 25px;
		}
	#call-to-action .widget.slideshow
	{
		float: left;
		max-width: 720px;
		width: 100%;
	}
/*************************
Sidebar *****************/
#sidebar .widget.sidebar_quote 
{
	background: #7DC242;
	color: white;
	font-family: 'gudea';
	font-size: 1.5em;
	padding: 30px 15px 0 30px;
	position: relative;
}
	.sidebar_quote blockquote:before
	{
		content: '"';
		font-family: monospace;
		font-size: 2.6em;
		font-style: italic;
		left: -1px;
		position: absolute;
		top: 10px;
	}
	.sidebar_quote blockquote:after
	{
		content: '"';
		font-family: monospace;
		font-size: 2.6em;
		font-style: italic;
		margin-left: -10px;
		vertical-align: top;
	}
	
/*************************
Case Studies ************/
#case-studies
{
	font-size: 1.4em;
}

/*************************
Pagination **************/
.pagination a
{
	color: #6D6F71;
}
	.pagination li.active a,
	.pagination a:hover
	{
		color: #6D6F71;
		background: #FFFFFF;
	}

/**************************
Footer *******************/
#footer a			{	color: #999999;	}
	#footer a:hover		{	text-decoration: underline;					}

.footer_social		{	margin: 10px 0;		}
.footer_social a	{	margin-right: 5px;	}

/******************************
Other HTML
******************************/

.attention
{
	font-size: 1.4em;
	line-height: 1.676em;
}

/******************************
Menus
******************************/
/**************************
Main Menu ****************/

#header .widget.navigation li
{
	float: left;
	position: relative;
}
	#header .widget.navigation li a
	{
		float: left;
		font-size: 1.85em;
		text-decoration: none;
		padding: 5px 7px;
		width: 100%;
	}
		#header .widget.navigation > ul > li > a
		{
			padding-bottom: 10px;
			padding-top: 11px;
		}
			#header .widget.navigation li.current > a,
			#header .widget.navigation > ul > li.has_current > a,
			#header .widget.navigation li a:hover
			{
				color: #7DC242;
			}
		
	#header .widget.navigation li ul
	{
		background: #7DC242;
		background: rgba(125, 194, 66, 0.85);
		display: none;
		position: absolute;
		top: 100%;
		width: 215px;
		z-index: 500;
	}
		#header .widget.navigation li:hover ul
		{
			display:none;
		}
			#header .widget.navigation li:hover > ul
			{
				display:block;
			}
			#header .widget.navigation li li
			{
				width: 100%;
			}
				#header .widget.navigation li li a
				{
					border-left: 2px solid transparent;
					color: #FFFFFF;
				}
				#header .widget.navigation li li.current a,
				#header .widget.navigation li li a:hover
				{
					border-color: #FFFFFF;
					color: #FFFFFF;
				}
				#header .widget.navigation li li ul
				{
					border-left: 2px solid #FFFFFF;
					left: 100%;
					top: 0;
				}

/**************************
Footer Menu **************/

#footer li a
{
	color: #999999;
}


/********************		Responsive		********************/
	
	
	


/********************		End Responsive		********************/

/***********************************
Site CSS
***********************************/
.widget.footer_copyright
{
    float: left;
    margin-right: 20px;
}
.ie8 .widget.header_logo img
{
    max-width: none;
}
#case-studies a:nth-child(4n+1)
{
 clear: left;
}
#footer
{
    font-size: 0.85em;
}

#header .widget.navigation li a
{
    font-size: 1.5em;
}
#header .widget.navigation>ul>li>a
{
    padding: 11px 20px 10px;

}