/*
aquainsurance.ca
blue  00b5cc
black 110F0D
*/

/* blueprint overrides */
.container { width: 790px; } /* only use up to span-20 for columns */

/* html elements */
html {overflow-y: scroll; } /* always show scrollbar */
body { color: #110F0D; }
a { color: #00b5cc;}
h1 { border-bottom: solid 1px #D0D0D0; font-size: 2.6em; }
h2 { margin-bottom: 0.25em; }
p, ol, ul { font-size: 1.1em; }

/* utility classes */
.relative { position: relative; }
.agilestyle { color: #000;}
.profile { float: left; margin: 0 15px 0 0; border: solid 1px #ccc; }

#header { background-image: url('/images/bg-header.png'); background-repeat: repeat-x; height: 110px; border-bottom: solid 2px #fff; }
#logo { display: block; height: 94px; width: 230px; position: absolute; top: 16px; right: 0;}
#intact { position: absolute; top: 16px; right: 0; }

#navigation { background: transparent url('/images/bg-navigation.png'); background-repeat: no-repeat; margin: 70px 0 0 0; padding: 1px 0 0 0; height: 40px; width: 100%; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; margin: 17px 0 0 65px; font-size: 1em; }
#navigation li { display: inline; margin-right: 31px; }
#navigation a { text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: .9em; color: #000;}
#navigation a:hover { color: #00b5cc; text-decoration: underline;}

#content { background: transparent url('/images/bg-content.png'); background-repeat: repeat-x; width: 100%; padding: 20px 0 0 0;}

#sidebar { padding: 0 10px 15px 0; background-image: url('/images/bg-sidebar-bottom.png'); background-repeat: no-repeat; background-position: bottom left; }
#programs { background: transparent url('/images/bg-programs.png'); background-repeat: no-repeat; padding: 10px 0 0 0; }
#programs h3 { text-transform: uppercase; color: #fff; font-size: 1.1em; font-weight: bold; text-align: center; width: 100%; padding: 16px 0 0 0; margin: 0 0 18px 0; }
#programs ul { margin: 0; padding: 0 0 10px 0; background-image: url('/images/bg-sidebar.png'); background-repeat: repeat-y; list-style-type: none; font-size: 1em; width: 100%; }
#programs li { display: block; text-align: left; margin: 5px 15px 0 15px; }
#programs a { background: #fff url('/images/bg-sidebar-item.png'); background-repeat: no-repeat; display: block; text-decoration: none; font-weight: bold; font-size: .9em; text-transform: uppercase; padding: 5px 0 3px 10px; color: #000;}
#programs a:hover { text-decoration: underline; background-color: #000; color: #00b5cc; text-decoration: none; }

#contact { background-image: url('/images/bg-content2.png'); background-repeat: no-repeat; padding: 10px 0 0 0; }
#contact p { background-image: url('/images/bg-sidebar.png'); background-repeat: repeat-y; margin: 0; padding: 5px 20px 5px 20px; font-size: 1em;}
#contact h3 { text-transform: uppercase; color: #fff; font-size: 1.1em; font-weight: bold; text-align: center; padding: 14px 0 0 0; margin: 0 0 18px 0; }
#coc { position: absolute; top: 5px; right: 0; }

#footer { padding-top: 20px; }
#footer p { text-align: center; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#logoParade { width: 550px; height: 50px; position: relative; margin-bottom: 35px; }
#logoParade div.scrollableArea img { float: left; margin-left: 50px; }
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea {position: relative;width: auto;height: 100%; }

#application_form_downloads { background: url('/images/application_forms.jpg') no-repeat; padding: 8px 0 10px; text-align: center; height: 64px; }
#application_form_downloads p { margin: 0; line-height: 1.2; }
#application_form_downloads h3 { margin: 0; color: #cc0000; font-weight: bold; }
#application_form_downloads a { color: #000; }
#application_form_downloads a:hover { text-decoration: none; }