body, #result {background-color:#005595;font-family:Helvetica,Arial,sans-serif;color:#fff; }

body { background: -webkit-gradient(radial, 50% 50%, 100, 50% 50%, 1000, from(#0078cf), to(#005595)); 
background: -moz-radial-gradient(center 45deg, circle farthest-corner, #0078cf 0%, #005595 100%);
} 

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

#header, #content, #footer {padding-top:30px; padding-bottom:40px;}

#header {margin-top:100px; margin-bottom:60px;}

#footer {position:relative; bottom:10px; font-weight:bold;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12{margin-left:auto;margin-right:auto;width:960px;}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}

.center {margin-left:auto;margin-right:auto;width:10px;}


/* Grid >> Children (Alpha ~ First,Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0;}
.omega{margin-right:0;}
/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1{width:60px;}
.container_12 .grid_2{width:140px;}
.container_12 .grid_3{width:220px;}
.container_12 .grid_4{width:300px;}
.container_12 .grid_5{width:380px;}
.container_12 .grid_6{width:460px;}
.container_12 .grid_7{width:540px;}
.container_12 .grid_8{width:620px;}
.container_12 .grid_9{width:700px;}
.container_12 .grid_10{width:780px;}
.container_12 .grid_11{width:860px;}
.container_12 .grid_12{width:940px;}
/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1{padding-left:80px;}
.container_12 .prefix_2{padding-left:160px;}
.container_12 .prefix_3{padding-left:240px;}
.container_12 .prefix_4{padding-left:320px;}
.container_12 .prefix_5{padding-left:400px;}
.container_12 .prefix_6{padding-left:480px;}
.container_12 .prefix_7{padding-left:560px;}
.container_12 .prefix_8{padding-left:640px;}
.container_12 .prefix_9{padding-left:720px;}
.container_12 .prefix_10{padding-left:800px;}
.container_12 .prefix_11{padding-left:880px;}
/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1{padding-right:80px;}
.container_12 .suffix_2{padding-right:160px;}
.container_12 .suffix_3{padding-right:240px;}
.container_12 .suffix_4{padding-right:320px;}
.container_12 .suffix_5{padding-right:400px;}
.container_12 .suffix_6{padding-right:480px;}
.container_12 .suffix_7{padding-right:560px;}
.container_12 .suffix_8{padding-right:640px;}
.container_12 .suffix_9{padding-right:720px;}
.container_12 .suffix_10{padding-right:800px;}
.container_12 .suffix_11{padding-right:880px;}
/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1{left:80px;}
.container_12 .push_2{left:160px;}
.container_12 .push_3{left:240px;}
.container_12 .push_4{left:320px;}
.container_12 .push_5{left:400px;}
.container_12 .push_6{left:480px;}
.container_12 .push_7{left:560px;}
.container_12 .push_8{left:640px;}
.container_12 .push_9{left:720px;}
.container_12 .push_10{left:800px;}
.container_12 .push_11{left:880px;}
/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1{right:80px;}
.container_12 .pull_2{right:160px;}
.container_12 .pull_3{right:240px;}
.container_12 .pull_4{right:320px;}
.container_12 .pull_5{right:400px;}
.container_12 .pull_6{right:480px;}
.container_12 .pull_7{right:560px;}
.container_12 .pull_8{right:640px;}
.container_12 .pull_9{right:720px;}
.container_12 .pull_10{right:800px;}
.container_12 .pull_11{right:880px;}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

input {width:400px; font-size:18px; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-style:solid; border-color:#fff;}

#form-submit {background:#fff; margin-top:25px; width:405px;}

#result-box { text-align:center;}