/*
HTML5 Reset :: style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:
Eric Meyer :: http://meyerweb.com
HTML5 Doctor :: http://html5doctor.com
and the HTML5 Boilerplate :: http://html5boilerplate.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
article, aside, figure, footer, header, nav, section, details, summary { display: block; }
/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }
/* we use a lot of ULs that aren't bulleted.
don't forget to restore the bullets within content. */
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
table { font-size: inherit; font: 100%; }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* make buttons play nice in IE */
button { width: auto; overflow: visible; }
/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* prevent BG image flicker upon hover */
.ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/** end of css resets **/
/* basics */
body {font-family: Helvetica,Arial,sans-serif; font-size:12px; font-weight: normal; }
a { text-decoration: none; color:#1D2859;}
/* dimensions */
body > header { padding-top:10px; margin:0 auto; height:90px; width:880px; overflow: hidden; }
body > nav { background: #1D2859; }
body > section { margin:0 auto; min-height:200px; width:880px; overflow: hidden; margin-top:100px; }
body > footer { margin:0 auto; width:880px; margin-top:60px; margin-bottom:40px; font-size:11px; }
/* header */
header #logo { }
header #search { float: right; }
header #search input[type="text"] { color:#1D2859; border:1px solid #ccc; padding:3px 4px; color:#1D2859; width:165px; }
header #search input[type="submit"] { background: url(../images/icons/search.png) no-repeat; border: none; margin-left: -20px; margin-top: 7px; }
header div.social { color:#1D2859; text-transform: uppercase; font-size: 14px; clear:both; margin-top:10px; float:right; }
header div.social a { width:15px; height: 15px; display: block; float: right; margin-left:0px; background: url('../images/icons/social_icons.png') no-repeat; }
header div.social a:last-child { margin-left: 10px; }
header div.social a.linkedin { background-position: 0px 1px; }
header div.social a.facebook { background-position: -15px 1px; }
header div.social a.twitter { background-position: -30px 1px; }
header div.social a.youtube { background-position: -45px 1px; }
/* main nav */
nav.main ul { margin: 0 auto; width: 920px; }
nav.main ul li { font-size:14px; text-transform: uppercase; float: left; padding:6px 48px 7px; }
nav.main ul li:first-child { padding-left: 0px; }
nav.main ul li .onHover { background: #FFCB06; display: none; height: 6px; margin-top: 7px; position: absolute; width: 65px; }
nav.main ul li.about .onHover { margin-left: -10px; }
nav.main ul li.stephanieSpeaks .onHover { margin-left: 30px; }
nav.main ul li.videos .onHover { margin-left: -7px; }
nav.main ul li.contact .onHover { margin-left: 11px; }
nav.main ul li.martinins .onHover { margin-left: 40px; }
nav.main ul li:hover .onHover, nav ul li.selected .onHover { display:block; }
nav.main ul li a { color:#fff; }
/* homepage */
section.homepage { margin-top:20px; }
section.homepage .carousel { height: 300px; }
section.homepage .carousel .slide { display: none;}
section.homepage .carousel .slide:first-child { display: block; }
section.homepage .carousel .slide .img { display:block; width: 600px; height: 300px; float: left; }
section.homepage .carousel .slide .info { display:block; float: left; width:270px; height: 300px; border-left:10px solid #FFCB06; background: #1D2859; color:#fff; }
section.homepage .carousel .slide .info .inner { padding:40px 40px;}
section.homepage .carousel .slide .info .inner h2 { text-transform: uppercase; font-size:16px; margin-bottom: 35px; }
section.homepage .carousel .slide .info .learnMore { text-align: right; margin-top:40px; }
section.homepage .carousel a.prev { border-bottom: 18px solid transparent; border-right: 18px solid #D0CFCE; border-top: 18px solid transparent; display: block; height: 0; margin-left: -38px; position: absolute; text-indent: -3900px; margin-top: -180px; width: 0; z-index: 10;}
section.homepage .carousel a.prev:hover { border-right: 18px solid #DAB413;}
section.homepage .carousel a.next { border-bottom: 18px solid transparent; border-left: 18px solid #D0CFCE; border-top: 18px solid transparent; display: block; height: 0; margin-left: 900px; position: absolute; text-indent: -3900px; margin-top: -180px; width: 0; z-index: 10;}
section.homepage .carousel a.next:hover { border-left: 18px solid #DAB413; }
section.homepage .carousel ul.pagination { margin-top: -30px; margin-left:780px; padding: 0 0 0 25px; position: absolute; z-index: 10; }
section.homepage .carousel ul.pagination li { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); display: block; float: left; margin-right: 5px; }
section.homepage .carousel ul.pagination li a { display: block; width: 12px; height: 12px; text-indent: -3200px; }
section.homepage .carousel ul.pagination li.current { background: none repeat scroll 0 0 #DAB413; }
section.homepage hr { background:#D7D7D7; border: medium none; display: block; height: 3px; margin: 30px 0;}
section.homepage > article { min-height:205px; float: left;}
section.homepage div.articleSep { height:245px; float: left; width:1px; background:#D7D7D7; margin:0 15px; }
section.homepage article.gray_box { position:relative; background: #D7D7D7; color:#1D2859; padding:20px 30px; }
section.homepage article.gray_box h4 { text-transform: uppercase; font-size:16px; margin-bottom:15px; }
section.homepage article.gray_box .triangle {
border-bottom: 14px solid transparent;
border-left: 14px solid #1D2859;
border-top: 14px solid transparent;
margin-left: -30px;
margin-top: -5px;
cursor: pointer;
position: absolute;
}
section.homepage article.gray_box .more { background:#FFCB06; color:#1D2859; text-transform: uppercase; padding:4px 6px; position: absolute; bottom: 0px; right: 0px; font-weight: bold;}
section.homepage article.gray_box ul li { margin-bottom: 10px; }
section.homepage article.latest_news { width:225px; }
section.homepage article.whats_hot { width:173px; }
section.homepage article.videos { width: 300px; }
section.homepage article.videos .video { clear:both; margin-bottom:15px; }
section.homepage article.videos .video .thumb { float:left; width:59px;}
section.homepage article.videos .video .info { margin-left:65px; color:#1D2859; }
section.homepage article.videos .video .info a { text-decoration: underline; margin-top:2px; display: block; text-transform: uppercase; }
/* about */
section.about .imgLeft { float:left; width:210px; margin-right:60px;}
section.about .txtRight { float:left; width: 485px; color:#1D2859; line-height: 22px; }
/* about */
section.ppn .imgLeft { float:left; width:210px; margin-right:60px;}
section.ppn .txtRight { float:left; width: 485px; color:#1D2859; line-height: 22px; }
section.ppn .txtRight p { margin-bottom:10px; }
/* contact us */
section.contact .mapLeft { float:left; width:135px; margin-right:60px; }
section.contact .mapLeft #map_canvas { height:197px; width:133px; border:1px solid #D7D7D7; margin-bottom: 15px; }
section.contact .mapLeft .address { color:#1D2859; font-weight: bold; line-height: 18px; }
section.contact .formRight { float: left; width:680px; color:#ABABAB; text-transform: uppercase; }
section.contact .formRight form .col { width:33%; float: left; }
section.contact .formRight form .col span { font-weight: bold; }
section.contact .formRight form .col input { width:90%; padding:4px 5px; border:1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
section.contact .formRight form textarea { margin-top:20px; width:96%; height: 150px; border:1px solid #ccc; padding:5px; }
section.contact .formRight form input.submit { background: url(../images/buttons/blue_submit.png) no-repeat 0 0; width: 72px; height: 21px; border: 0px; float: right; margin-top:15px; margin-right: 2.5%;}
section.contact .formRight form ::-webkit-input-placeholder { color:#BCBCBC; text-transform: uppercase;}
section.contact .formRight form ::-moz-placeholder { color:#BCBCBC; text-transform: uppercase;} /* firefox 19+ */
section.contact .formRight form :-ms-input-placeholder { color:#BCBCBC; text-transform: uppercase;} /* ie */
section.contact .formRight form input:-moz-placeholder { color:#BCBCBC; text-transform: uppercase;}
section.contact .formRight div.errors { width: 90%; }
/* videos */
section.videos article.videos { margin-top:40px; }
section.videos article.videos .video { margin-bottom:15px; float:left; width:420px; }
section.videos article.videos .video.odd { clear:both; }
section.videos article.videos .video.even { margin-right:0px; float: right; }
section.videos article.videos .video .thumb { float:left; width:59px;}
section.videos article.videos .video .thumb img { width:60px; height:60px; }
section.videos article.videos .video .info { margin-left:65px; color:#1D2859; }
section.videos article.videos .video .info a { text-decoration: underline; margin-top:2px; display: block; text-transform: uppercase; }
section.videos article.video { margin-top:15px; text-align: center; }
section.videos article.video div.videoLink { margin-left:150px; }
/* stephanieSpeaks */
section.stephanieSpeaks { margin-top: 20px; }
section.stephanieSpeaks .navLeft { float: left; width:185px; padding:10px 10px; background:#D7D7D7; margin-right:60px; }
section.stephanieSpeaks .navLeft b span { color:#1D2859; }
section.stephanieSpeaks .navLeft b { color:#ccc; }
section.stephanieSpeaks .navLeft a { color:#999999; line-height: 18px; }
section.stephanieSpeaks article.entry { float:left; width:615px; }
section.stephanieSpeaks article.entry div.headline { background:#FFCB06; color:#fff; font-size:16px; font-weight: bold; margin-bottom:10px; padding:4px 10px;}
section.stephanieSpeaks article.entry div.text { line-height: 18px; }
section.stephanieSpeaks article.entry div.text p { margin-bottom: 15px; }
section.stephanieSpeaks article.entry div.text ul { margin:10px 0px 10px 10px; }
section.stephanieSpeaks article.entry div.text ul li { list-style: disc; margin-left: 20px; }
section.stephanieSpeaks article.entry div.text img.blogPic { border: 1px solid #D7D7D7; float: left; margin-right: 10px; margin-top:6px; }
section.stephanieSpeaks .image_spacer{ float: left; width: 185px; padding: 10px 10px; margin-right: 60px }
section.stephanieSpeaks .postimage img{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 40%; height: 40%; }
/* footer */
footer { text-align:center; color:#727272; font-size:12px; }
footer a { text-decoration: underline; color:#727272; }
/* common */
section h4.pageTitle { text-transform: uppercase; color:#1D2859; margin:0; border-bottom: 3px solid #D7D7D7; font-size:20px; padding-bottom:5px; margin-bottom:15px; float: left; }
section h4.pageTitle em { font-size: 14px; color:#7B7B7B; font-weight: normal; vertical-align: middle; }
div.errors { padding:10px 20px; border: 1px solid #D28181; background:#D7D7D7; text-transform: none; color:#131C57; margin-bottom: 15px;}
div.errors ul li { list-style: disc; margin-left: 15px; }
div.success { padding:10px 20px; border: 1px solid #4A842D; background:#D7D7D7; text-transform: none; color:#131C57; margin-bottom: 15px;}
.scroller { width:100%; }
.scroller .viewport { width: 96%; height: 105px; overflow: hidden; position: relative; }
.scroller .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scroller .overview p:last-child { margin-bottom:0px; }
.scroller .scrollbar { position: relative; float: right; width: 15px; margin-right: -5px; }
.scroller .scrollbar .track { background-color: #DAB413; height: 100%; width:3px; position: relative; }
.scroller .scrollbar .track .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-left:-5px; background:#131C57; }
.scroller .scrollbar .track .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scroller .disable{ display: none; }