/*
	Name: HERO HTML5
	Date: October 2012
	Description: HTML5 Page Template for Hero
	Version: 1.0
	Author: Syamil MJ
	Author URI: http://aquagraphite.com
*/

/* Reset CSS */
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, font, 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 {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

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

/***** Global *****/
/* Body */
body {
	background: #FFFFFF;
	color: #000305;
	font-size: 14px; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 21px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headings */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}
	
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #C74350;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {
	background-color: #C74350;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}
	
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}

hr {
	background: #d8d8d8;
	height: 1px;
	border: none;
	margin: 30px 0 30px;
}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
	
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/* fixes */
.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.cf{display:block;}
* html .cf{height:1%;}

/*  Content Wrappers
--------------------*/
#wrap { 
	margin: 40px auto;
	width: 960px;
}
#content { 
	padding: 20px;
	background: #FFF;
}

/** Banner **/
#banner { 
	background: #121212;
	line-height: 0;
	color: #fefefe;
}
	#banner .intro-text { 
		padding: 20px 0 20px 20px;
		width: 440px;
	}
	#banner .intro-text h2 { 
		font-size: 43px;
		font-weight: 700;
		margin: 0 0 20px;
	}
	#banner .intro-text p {
		font-size: 17px;
		font-weight: 700;
		line-height: 30px;
	}
	#banner .banner-img { float: right; }
	#banner .banner-img img { 
		max-width: 100%;
	}

/** Content **/
h2.headline {
	font-size: 43px;
	font-weight: 700;
	margin: 0 0 10px;
}
/*Columns*/
.row .column {
	float: left;
	margin-left: 3%;
	margin-right: 0;
}

.row .span12 {width: 100%;}
.row .span11 {width: 91.25%;}
.row .span10 {width: 82.5%;}
.row .span9 {width: 73.75%;}
.row .span8 {width: 65%;}
.row .span7 {width: 56.25%;}
.row .span6 {width: 47.5%;}
.row .span5 {width: 38.75%;}
.row .span4 {width: 30%;}
.row .span3 {width: 21.25%;}
.row .span2 {width: 12.5%;}
.row .span1 {width: 3.75%;}

.row .span-first {
	margin-left: 0;
}

/* Buttons */
.btn, a.btn{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px; line-height: 17px; text-align: center;
	font-style: normal;
	font-weight:bold;
	margin: 0 0 10px;
	cursor:pointer;
	display: inline-block;
	text-shadow: 0 1px 0 rgba(255,255,255,.2);	
	text-decoration: none;
	border: 1px solid #e3e3e3;
	border-color: #c4c4c4 #b8b8b8 #adadad;
	padding: .5em 1em .5em; 
	background-color: #d5d5d5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#c7c7c7'); /* IE6 & IE7 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#c7c7c7')"; /* IE8+ */
	background: -ms-linear-gradient(top,#ebebeb,#c7c7c7); 
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#c7c7c7));
    background: -moz-linear-gradient(top, #ebebeb,  #c7c7c7);
    background: linear-gradient(#ebebeb, #c7c7c7);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.2);  /* box shadow */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.2); 
    box-shadow: 0 1px 2px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
	position:relative; /* chrome bold text fix */
	/* For IE7 */
	zoom: 1;
	*display: inline;}
	
.btn:hover { 
    text-decoration: none; border-color: #bababa #b0b0b0 #a6a6a6;
    /* background color (gradient) */
    background: #e0e0e0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cfcfcf'); /* IE6 & IE7 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cfcfcf')"; /* IE8+ */
	background: -ms-linear-gradient(top,#ededed,#cfcfcf); 
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#cfcfcf));
    background: -moz-linear-gradient(top, #ededed,  #cfcfcf);
    background: linear-gradient(#ededed, #cfcfcf);
    /* shadows */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.2); 
    -moz-box-shadow:    0 1px 2px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.2); 
    box-shadow:         0 1px 2px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.2);}
    /* button active styles */
        .btn:active { 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#dedede'); /* IE6 & IE7 */  
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#dedede')"; /* IE8+ */
		background: -ms-linear-gradient(top,#c7c7c7,#dedede);
		background: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#dedede));
		background: -moz-linear-gradient(top, #c7c7c7,  #dedede);
		background: linear-gradient(#c7c7c7, #dedede); }
    /* primary button text color */
        .btn, .btn:hover, a.btn:link, a.btn:visited, a.btn:hover { color: #565656}		
    /* big buttons */
        .btn.large, a.btn.large { font-size: 14px; line-height: 1.3; padding: .5em 2em; }
    /* small buttons */
        .btn.small, a.btn.small { font-size: 12px; line-height: 1.3; padding: .3em 1em; }
	/* demo buttons */
		a.btn.demo {min-width: 130px; /* for demo only */}
		a.btn.large.demo {min-width: 100px; /* for demo only */}
		a.btn.large.demo {min-width: 150px; /* for demo only */}
	/* button align */
		.btn.left {float:left;} .btn.right {float:right;}

/* Partners */
#partners_1 img { 
	max-width: 100%;
}
#partners_4 .partner { 
	background: #f5f5f5;
	height: 160px;
	width: 18.4%;
	position: relative;
	text-align: center;
	margin-left: 2%;
}
	#partners_4 .partner.span-first { margin-left: 0; }
	#partners_4 .partner > div { padding: 10px; }
	#partners_4 .partner h5 {
		font-size: 18px;
		font-weight: 700;
		margin: 10px 0 40px;
		text-align: center;
		color: #064B97;
		height: 38px;
	}
	#partners_4 .partner .btn { 
	}

/* Socials */
.fb-like { margin: 0 0 20px; }