/*
-----------------------------------------------
Style Sheet

Site: family
Author:   Triple3 Host
Web: www.triple3host.com
Copyright: 2012 Triple3 Host
License: Creative Commons (cc)

Version:  general styles v.1 - 2012.10
----------------------------------------------- */


/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}audio:not([controls]) {display: none;height: 0;}[hidden] {display: none;}html {font-size: 100%; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}html,button,input,select,textarea {font-family: sans-serif;}body {margin: 0;font-family: sans-serif;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}h2 {font-size: 1.5em;margin: 0.83em 0;}h3 {font-size: 1.17em;margin: 1em 0;}h4 {font-size: 1em;margin: 1.33em 0;}h5 {font-size: 0.83em;margin: 1.67em 0;}h6 {font-size: 0.75em;margin: 2.33em 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}blockquote {margin: 1em 40px;}dfn {font-style: italic;}mark {background: #ff0;color: #000;}p,pre {margin: 1em 0;}code,kbd,pre,samp {font-family: monospace, serif;_font-family: 'courier new', monospace;font-size: 1em;}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}q {quotes: none;}q:before,q:after {content: '';content: none;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}dl,menu,ol,ul {margin: 1em 0;}dd {margin: 0 0 0 40px;}menu,ol,ul {padding: 0 0 0 40px;}nav ul,nav ol {list-style: none;list-style-image: none;}img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}svg:not(:root) {overflow: hidden;}figure {margin: 0;}form {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; /* 1 */padding: 0;white-space: normal; /* 2 */*margin-left: -7px; /* 3 */}button,input,select,textarea {font-size: 100%; /* 1 */margin: 0; /* 2 */vertical-align: baseline; /* 3 */*vertical-align: middle; /* 3 */}button,input {line-height: normal;}button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */*overflow: visible;  /* 4 */}button[disabled],input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */*height: 13px; /* 3 */*width: 13px; /* 3 */}input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; /* 1 */vertical-align: top; /* 2 */}table {border-collapse: collapse;border-spacing: 0;}

/* meyer 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;}
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;}
/* HTML5 Boilerplate */html,button,input,select,textarea {color: #222;}
body {font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}::selection {background: #b3d4fc;text-shadow: none;}a:active, a:focus {outline: 0;}
/* A better looking default horizontal rule */
hr {display: block;height: 1px;border: 0;border-top: 1px solid #eefbff;border-bottom: 1px solid #dae2e5; margin: 0 auto; margin: 4em 0 4em 0;padding: 0;clear: both; width: 100%;}
hr.lesspadded {display: block;height: 1px;border: 0;border-top: 1px solid #eefbff;border-bottom: 1px solid #dae2e5; margin: 0 auto; margin: 1em 0 1em 0;padding: 0;clear: both; width: 100%;}
hr.dim {display: block;height: 1px;border: 0;border-top: 1px solid #fff;border-bottom: 1px solid #f0f5f6; margin: 0 auto; margin: 0 0 4em 0;padding: 0;clear: both; width: 100%;}

img {vertical-align: middle;}fieldset {border: 0;margin: 0;padding: 0;}textarea {resize: vertical;}


.bold{font-weight: bold;}
.underlined{text-decoration: underline;}
.br {clear:both;}
.left {float:left;}



/* ==========================================================================
FONTS
========================================================================== */
/* proxima nova regular */
@font-face {font-family: 'proxima_nova_rgregular';src: url('fonts/proximanova-regular-webfont.eot');src: url('fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-regular-webfont.woff') format('woff'),url('fonts/proximanova-regular-webfont.ttf') format('truetype'),url('fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');font-weight: normal;font-style: normal;}
/* proxima nova light */
@font-face {font-family: 'proxima_nova_ltregular';src: url('fonts/proximanova-light-webfont.eot');src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/proximanova-light-webfont.woff') format('woff'),url('fonts/proximanova-light-webfont.ttf') format('truetype'),url('fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');font-weight: normal;font-style: normal;}
/* lato bold */
@font-face {font-family: 'latobold';src: url('fonts/lato-bol-webfont.eot');src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lato-bol-webfont.woff') format('woff'),url('fonts/lato-bol-webfont.ttf') format('truetype'),url('fonts/lato-bol-webfont.svg#latobold') format('svg');font-weight: normal;font-style: normal;}
/* lato regular */
@font-face {font-family: 'latoregular';src: url('fonts/lato-reg-webfont.eot');src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lato-reg-webfont.woff') format('woff'),url('fonts/lato-reg-webfont.ttf') format('truetype'),url('fonts/lato-reg-webfont.svg#latoregular') format('svg');font-weight: normal;font-style: normal;}


/*******************************************************************
GENERAL CONTROLS
******************************************************************/

html, body {
margin: 0 auto;
padding: 0;
}

body {
text-align: center;
font-family: proxima_nova_ltregular, sans-serif;
color: #63553e;
background-color: #fcfcfc;
}

body a:link, body a:active, body a:visited {
color: #0e7cc7;
text-decoration: none;
}

body a:hover {
text-decoration: none;
color: #aaa;
text-decoration: none;
}

p {
color:#aaa;
}


/*
Headlines light blue
-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0; margin-bottom: 0.1em;font-family: "latobold", sans-serif;font-weight: normal;color: #2c3e50;}
h1 {font-size: 1.8em;line-height: 1em;font-weight: normal;}
h2 {font-size: 1.5em;margin-bottom: 0.3em;}
h3 {font-size: 1.6em;margin: 0;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

h2 {color:#aaa;
	margin-top: 20px;}


/*******************************************************************
=CONTAINER & CONTENT
******************************************************************/
#container {
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%;
}

/* content */
#content {
margin: 0;
padding: 0;
width: 100%;


}

/*******************************************************************
=HEADER
******************************************************************/

#header {

text-align: left;
margin: 0 auto;
margin-top:20%;
padding: 0;

}



/*******************************************************************
=FOOTER STYLES
******************************************************************/
#footer {
margin: 0;
padding: 0 0 25px 0;
width: 940px;
clear: both;
text-align: center;
}


#footer ul {
color: #ccc;
font-size: 12px;
line-height: 14px;
margin-top: 2px;
margin-right: 22px;
list-style-type: none;
text-align: center;
}

#footer li {
display: inline;
text-align: center;
}

/* ==========================================================================
BLING
========================================================================== */
hr.separator { clear: both; height: 1px; margin: 30px 0; border: none; background-color: #f2f2f2; }
hr.separator.separator-gradient { background-color: #e2e2e2; background: -webkit-linear-gradient(right, rgba(200, 210, 215, 0) 0%, #e2e2e2 30%, #e2e2e2 70%, rgba(200, 210, 215, 0) 100%); background: -moz-linear-gradient(right, rgba(200, 210, 215, 0) 0%, #e2e2e2 30%, #e2e2e2 70%, rgba(200, 210, 215, 0) 100%); background: -o-linear-gradient(right, rgba(200, 210, 215, 0) 0%, #e2e2e2 30%, #e2e2e2 70%, rgba(200, 210, 215, 0) 100%); background: linear-gradient(right, rgba(200, 210, 215, 0) 0%, #e2e2e2 30%, #e2e2e2 70%, rgba(200, 210, 215, 0) 100%); }


/* ==========================================================================
Media Queries
========================================================================== */


/* Mobile Phones ========================================================================== */
@media only screen and (max-width: 35em) {
#content  {width: 80%;margin: 0 auto}
.logo{width: 100%;}
	}