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, output, ruby, section, summary,
time, mark, audio, video,
input, textarea, select {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	color: #6A7275;
	font-family: lato;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
.content{
	background-color:#fff;
}
nav .container {
	background-color:#222;
}
.container{
	background-color:#fff;
}
.footer{
	width:100%;
	height:80px;
	background-color:#47adfc;
}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

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;
}

/* Some basic settings */

h1 { font-size: 48px; font-weight:700; }

h2 { font-size: 26px; }

h3 { font-size: 22px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

ol { list-style: decimal; }

ul { list-style: disc; }

li { margin-left: 25px; }

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,
table,address,fieldset,blockquote { margin-bottom: 20px; }

hr {
	background: #fff;
	clear: both;
	color: #fff;
	border: 1px;
	height: 2px;
	margin: 0 0 40px;
	padding: 20px 0 0;
}
	/* Webkit Fix */
	@media screen and (-webkit-min-device-pixel-ratio:0){hr {height: 1px;}}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}
/* ==== Contact Form */
#pages .textInput {
	background:url(images/inputText.png) no-repeat left top; 
	color:#8e8f94; 
	border:none; 
	line-height:20px; 
	height:19px; 
	width:250px; 
	padding:6px 10px;
}
#pages .textInput:focus {background-position:left -33px;}
#pages .textInput.error {background-position:left -66px; color:#e34b4b;}

#pages .textarea {
	background:url(images/inputTextarea.png) no-repeat left top; 
	color:#8e8f94; 
	border:none; 
	height:125px; 
	width:250px; 
	line-height:20px;
	padding:6px 10px;
	overflow:auto;
	resize:none;
}
#pages .textarea:focus {background-position:left -139px;}
#pages .textarea.error {background-position:left -279px; color:#e34b4b;}

#pages #contactForm {padding-top:15px;}
#pages #contactForm p {margin-bottom:9px;}
#pages #contactForm #response {text-align:center; margin-bottom:0;}
#pages #contactForm .errorText {display:none; color:#c22c2c;}

#pages #contactForm .contactFooter {text-align:right; padding-top:8px; line-height:24px; height:24px; margin-bottom:0;}
#pages #contactForm .contactFooter .requierd {float:left;}
#pages #contactForm .contactFooter #loading {margin-right:4px; margin-top:4px; display:none;}
#pages #contactForm .contactFooter #submit {float:right;}
#pages #contactForm .contactFooter #submit input {width:95px;}