/* Elements */

html { margin:0; }
body { margin:0; }

h1 { margin:0; font-family:pt_sansbold; font-weight:normal; font-size:22px; color:#6d6d6d; }
h2 { margin:0 auto 0 auto; padding-top:15px; width:480px; height:80px; background:url(/img/header/ribbon-background.png) no-repeat; font-family:pt_sansregular; font-size:36px; font-weight:normal; text-transform:uppercase; text-align:center; color:#fff; }
h3 { margin:0; font-family:pt_sansbold; font-weight:normal; font-size:28px; text-transform:uppercase; color:#679ac9; }
h4 { margin:0; font-family:pt_sansbold; font-weight:normal; font-size:16px; }

p { margin:0 0 20px 0; font-family:pt_sansregular; font-size:15px; }

a { font-family:pt_sansregular; text-decoration:none; color:#679ac9; }
a.current { font-family:pt_sansbold; }

ul { margin:-5px 0 20px 0; font-family:pt_sansregular; font-size:15px; }
ol { margin:0 0 20px 0; font-family:pt_sansregular; font-size:15px; }
li { margin:0 0 5px 0; }

strong { font-family:pt_sansbold; font-weight:normal; }


/* Button */

div.layered-button { display:inline-block; width:200px; margin-top:20px; border-radius:4px; }
div.layered-button div.button { padding:10px 0; text-align:center; }
div.layered-button div.button a { font-family:pt_sansregular; font-size:18px; text-decoration:none; text-transform:uppercase; color:#fff; }

div.blue-button { background-color:#679ac9; margin-right:20px; border:1px solid #679ac9; }
div.blue-button div.button { border:1px solid #95b8d7; }

div.black-button { background-color:#000; border:1px solid #000; }
div.black-button div.button { border:1px solid #555555; }



/* Header */

#header-wrapper { position:fixed; z-index:998; top:0; left:0; width:100vw; height:100px; background:linear-gradient(to bottom, #9fbde0 68px, #231f20 69px, #231f20 94px, #c7d3e3 95px, #d6e0ee 152px) repeat-x; }
#header-wrapper header { position:relative; width:92vw; margin:0 auto; }

header div.logo img { position:absolute; top:10px; left:0; height:100px; }

header #motto { position:absolute; top:70px; left:108px; font-family:pt_sans_narrowregular; font-size:16px; color:#fff; }

header nav { position:absolute; right:0; top:32px; height:40px; line-height:40px; }
header nav a { display:inline-block; margin-left:24px; font-family:pt_sans_narrowbold; font-size:16px; text-decoration:none; text-transform:uppercase; color:#fff; }
header nav a:hover { color:#0c2142; }
header nav a.selected { color:#0c2142; }


/* Subheader */

#subheader-wrapper { margin:100px 0 0 0; height:180px; background:linear-gradient(to bottom, #e5effa 1px, #e3edfa 180px) repeat-x; }

#subheader-content { position:relative; margin:0 auto; width:80%; }
#subheader-content h1 { margin:0; padding:25px 0 0 0; text-align:center; font-family:pt_sansbold; font-weight:normal; font-size:36px; text-transform:uppercase; color:#679ac9; }
#subheader-content p { margin:0 auto; padding:0; width:50%; text-align:center; font-family:pt_sansregular; font-size:20px; color:#679ac9; line-height:1.4em; }



/* Content */

div.wrapper { width:100vw; height:calc(100vh - 346px); margin:0 0 0 0; overflow-x:hidden; overflow-y:auto; }
div.content { width:92vw; margin:0 4vw 0 4vw; }



/* Layout - Grid */

table.grid { margin:0 auto; width:100%; }

td.grid-cell { vertical-align:top; width:50%; padding:25px 0 50px 30px; margin:0; }

tr:first-child td { border-top:none; }
tr td:first-child { border-left:none; }
tr td { border-left:1px solid #e7f0fb; border-top:1px solid #e7f0fb; }

td.grid-cell h3 { margin:0; line-height:1.2em; }
td.grid-cell h3 a { font-family:pt_sansbold; font-weight:normal; font-size:27px; text-transform:uppercase; }

td.grid-cell div.motto { margin:0; font-family:pt_sansitalic; font-size:22px; text-decoration:none; color:#6d6d6d; line-height:1em; }

td.grid-cell div.about { margin-top:10px; }
td.grid-cell div.about div.synopsis { display:table-cell; vertical-align:top; width:70%; padding-right:20px; }
td.grid-cell div.about div.synopsis p { margin:0 0 12px 0; font-family:pt_sansregular; font-size:15px; }

td.grid-cell div.about div.headlines a { font-family:pt_sansbold; font-size:16px; color:#679ac9; text-decoration:none; }

td.grid-cell div.about div.operations { display:table-cell; width:30%; }

td.grid-cell div.layered-button { display:block; margin-top:0; margin:0 0 10px 0; width:calc(100% - 20px); }

td.grid-cell div.testimonial { margin:10px 20px 0 0; padding-top:10px; border-top:1px solid #e7f0fb; }
td.grid-cell div.leadin { font-family:pt_sansbold; font-size:16px; color:#000; }
td.grid-cell div.testimonial div.quote { margin:10px 0 0 0; padding:0 0 0 25px; background:0 2px url(/img/icon/blockquote.png) no-repeat; font-family:pt_sansitalic; font-size:16px; color:#6d6d6d; }


/* Layout - Main */

div.main { display:inline-block; vertical-align:top; height:calc(100vh - 366px); width:calc(70% - 20px); padding:20px 20px 0 0; }

/* Layout - Sidebar */

div.sidebar { display:inline-block; vertical-align:top; height:calc(100vh - 366px); width:calc(30% - 1px); padding-top:20px; }



/* Checked List */

div.checked-list { margin:0 0 20px 0; }
div.list-item { position:relative; margin-bottom:5px; font-family:pt_sansregular; font-size:15px; }
div.list-item span.square { position:absolute; top:2px; left:5px; width:12px; height:12px; border-style:solid; border-width:2px; background-color:#fff; }
div.list-item span.checkmark { position:absolute; top:0; left:7px; font-size:20px; line-height:1em; }
div.list-item div.message { margin-left:30px; }


/* Footer */

#footer-wrapper { position:fixed; z-index:998; bottom:0; left:0; width:100vw; height:66px; background:linear-gradient(to bottom, #cedef2, #e7f0fb) repeat-x; }
#footer-wrapper footer { width:92vw; margin:0 auto; text-align:center;  }

footer nav { display:inline-block; height:30px; line-height:30px; }
footer nav a { font-family:pt_sansregular; font-size:14px; text-decoration:none; color:#434d5d; }
footer nav a.selected { font-family:pt_sansbold; }
footer nav a:hover { font-family:pt_sansbold; }
footer nav span.delimiter { margin:0 7px; }

footer nav.social { margin-left:10px; }
footer a.social { margin-right:4px; padding:0 2px 4px 0; border-radius:12px; background-color:#8cafd9; }
footer a.social img { vertical-align:middle;  width:22px; height:22px; }
footer a.social:hover { background-color:#6491c6; }

footer div.copyright { margin:9px auto 0 auto; font-family:pt_sansregular; font-size:13px; line-height:1.1em; color:#29426e; }