@charset "UTF-8";
/* 

CSS Document for Charter Window
Site designed and developed by Chris Kennedy
for ckladesign, llc

http://ckladesign.com/
ck@ckladesign.com

*/

/* CSS Reset
--------------------------------------*/
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; font-weight:normal;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* HTML
--------------------------------------*/
body {background: #fff url(../images/background.png) repeat-x; font-family: Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: lighter; font-size: 15px; line-height: 1.3;}
a:link, a:visited {color: #11628b; text-decoration: underline;}
a:hover, a:active {color: #5991ae; text-decoration:none;}
h1, h2 {font-size: 28px;}
h3, h4 {font-size: 22px;}
iframe {margin: 0; padding: 0;}
p, h1, h2, h3, h4 {margin-bottom: 14px;}
p {line-height: 1.5;}
strong {font-weight: bold;}
small {font-size: 11px;}
ul {list-style-type:none;}

/* Layers (in order of appearance)
-------------------------------------*/

#header, #navigation, .content  {margin: 0 auto; width: 960px;}

#header h1 {background: transparent url(../images/charter_window_logo.png) 0 20px no-repeat; width: 300px; height: 132px; margin: 0 auto;}
#header h1 span {display: none;}
#header h2 {font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif; color: #842b37; text-align: center; font-size: 22px; margin-top: 15px; margin-bottom: 0;}

#phone {position: absolute; width: 160px; margin-left: 800px; top: 2px; background: #fff url(../images/phone.jpg) bottom left repeat-x; color: #fff; font-size: 17px; padding: 10px 0 8px 0; text-align:center; font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif; border-left: 1px solid #176a95; border-right: 1px solid #176a95;border-bottom: 1px solid #176a95;}
#phone a:link, #phone a:visited {color: #176a95; text-decoration: none;}
#phone a:hover, #phone a:active {color: #1290c3; text-decoration:none;}

#navigation {margin-top: 23px; height: 38px; color: #f4f0e6; overflow:visible;}
#navigation li {display: table-cell; float: left; clear: right; list-style-type: none; width: 138px; height: 30px; padding: 10px 10px 0 10px; border-right: 1px solid #83abbc; text-align:center; font-size: 15px; line-height: 1;}
#navigation a:link, #navigation a:visited {color: #d9eaf2; text-decoration: none;}
#navigation a:hover, #navigation a:active {color: #fff; text-decoration:none;}
#navigation li:hover {background: url(../images/nav-li-hover.png)}



#blue {width: 100%; background: #0f5376 url(../images/blue.png) repeat-x; height: 420px; clear: both;}
#blue p {color: #eef0e1;}
#blue h3 {line-height: 1;}

#logos {width: 100%; clear: both; padding: 30px 0; background-color: #f1f1f1; clear: both; text-align:center; border-top: 2px solid #bb8c0a; border-bottom: 2px solid #bb8c0a;}
#logos img, #logos a, #logos img a {border: none;}
#logos.homelogo {border-top: none; padding-top: 40px; background-color: #fff;}

#footer {color: #6c6c6b; text-align:center; padding-bottom: 40px; width: 100%;}
#footer a:link, #footer a:visited {color: #176a95; text-decoration: none;}
#footer a:hover, #footer a:active {color: #5991ae; text-decoration:underline;}
#footer ul {text-align: center; margin: 30px 0 20px 0;}
#footer li {display: inline; padding: 0 20px; font-size: 15px;}
#footer p {font-size: 13px; margin: 0 0 4px 0;}
#footer small {color: #aaaaaa;}


/* Classes (alphaetically)
--------------------------------------*/
table.brands {margin: 0 auto;}
.column, .twocolumn, .sidebar {float: left; clear: right; display:table-cell; margin: 0 10px;}
.column, .sidebar {width: 300px;}
.twocolumn {width: 600px;}
.twocolumn, .sidebar {margin-bottom: 50px;}
.content {margin-top: 50px;}
.content h2 {margin-bottom: 14px;}
.divider {margin: 35px 0;}
.formstack {border: 1px solid #cbcbcb;}
.homelink {border-left: 1px solid #83abbc;}
.header { margin-left: 10px;}

.slideshow {float: right; margin-bottom: 40px; margin-top: 10px;}
.three {padding-top: 40px; color: #fff;}
.column h3.top {font-size: 26px; font-weight: lighter;}
.three a:link, .three a:visited {color: #eef0e1; text-decoration: underline;}
.three a:hover, .three a:active {color: #fff; text-decoration:none;}
.column p {line-height: 26px; font-weight:100;}
.map {margin-bottom: 20px;}
.phone {background: url(../images/highlighter.gif) -20px 0 no-repeat; font-size: 16px;}
.bigphone {background: url(../images/highlighter.gif) -20px 0 no-repeat; font-size: 20px;}
.big {font-size: 20px;}
.sidebar p {color: #000;}
.sidebar h3, .content h3, .content h4 {font-size: 20px;}
.sidebar_list {list-style-type: disc; margin-left: 12px; padding-left: 22px; line-height: 2;}
.callout {border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; font-size: 17px; margin-top: 6px; padding: 12px 0;}
.sidebar p.callout {color: #222;}