/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

html, body { height:100%; margin:0 auto; padding:0; font-family: 'Open Sans', sans-serif; }

h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; }
h1 { font-weight: bold; font-size: 2.85em; text-shadow: 1px 1px #fff;}
p { font-size: 1.8em; font-weight: 500; text-shadow: 2px 2px 1px #fff;}
a { color: #cf6b01; width: 50px; height: 50px; text-align: center; border-radius: 50%; border: 2px solid #cf6b01; display: inline-block; margin: 10px 3px 10px 3px; -webkit-transition: 0.5s; transition: 0.5s; }
a:hover { color: #fff; text-decoration: none; background: #cf6b01; }
a .fa { line-height: 50px; font-size: 1.5em;}
.our-color { color: #cf6b01; }
.copy-color { color: #888; font-size: 1.2em; }

#error { font-size: 1em; color: #e83233; margin: 10px; }
#success { font-size: 1em; color: #cf6b01; margin: 10px; }

form input { margin: 20px auto; height: 40px; border: 1px solid #a4a4a4; outline: none; padding: 0 15px; }
form input#email-subscribe { width: 300px; color: #b3b3b3; -webkit-transition: 0.5s; transition: 0.5s; }
form input#email-subscribe:focus { border-color: #b3b3b3; }
form input#subscribebtn { color: #fff; background: #cf6b01; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s; }
form input#subscribebtn:hover { background: #a4a4a4; color: #000; }

#container { background:#fff; height:80%; margin:0 auto; padding:0; overflow:hidden; }

#container .brand { 
background: url("silent_su_bg.jpg") repeat-x scroll 0 0 transparent; 
border-bottom: solid 4px #a4a4a4;
width:100%; 
height:40%; 
margin:0 auto; 
position:relative; }
/*#container .brand { background:#000; width:100%; height:40%; margin:0 auto; position:relative; }*/

#container .brand h1 { color:#000; display:inline-block; position:absolute; top:50%; left:50%; }
#container .brand p { color:#000; display:inline-block; position:absolute; top:70%; left:50%; }

#container #content { background:transparent; width:100%; height:50%; margin:0 auto; position:relative; overflow:hidden; }
#container #content .content { display:inline-block; position:absolute; top:50%; left:50%; text-align: center; }