/**  Import all external fonts **/
/** @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700); **/

/**  Reset all margins to zero **/

h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, a, a:hover, form, input, textarea, blockquote, table, tr, tr td, td  { margin: 0; padding: 0; }
img { border: none; }
ul {  }

/** Debugging classes to outline elements **/

.red-border { border: 1px solid #f00; } 
.green-border { border: 1px solid #0f0; }
.blue-border { border: 1px solid #00f; }

.clear { clear: both; }

/**Style the default HTML elements **/

h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Geneva, sans-serif; font-size: 15px; color: #002040; }
h1 { height: 149px; width: 300px; float: left; margin-left: 189px; background: url(../img/logo.gif) no-repeat; text-indent: -9999px;   }
h2 { font-family: Verdana, Geneva, sans-serif; padding: 5px 0; font-size: 15px; font-weight: normal; border-bottom: 1px solid #ddd; overflow: hidden; }
h3 { margin: 25px 0 5px; font-family: Verdana, Geneva, sans-serif; color: #0d9cc6; }
h3.top { margin-top: 10px; }
h3 { }
h4 { }

p {  }

blockquote {  }

a	 { color: #c09; text-decoration: none; }
a:hover { border-bottom: 1px dotted #c09; }
a:hover.no-underline { border-bottom: none; }
a.more, a:hover.more { margin-left: 10px; }


body { margin: 0; font-size: 14px; line-height: 1.5; font-family: Tahoma, Geneva, sans-serif; color: #444; }

#header {  background: #0497ca url(../img/header-bg-slice.png) repeat-x; height: 28px; color: #d6eef6; }
#header strong { color: #ede44d; }
#header ul { width: 960px; margin: auto; padding: 2px 0 4px 0; text-align: center; list-style: none; }
#header ul li { display: inline; margin-right: 18px; }
#header a, #header a:visited { color: #d6eef6; text-decoration: none; border-bottom: none; }
#header a:hover { border-bottom: 1px dotted #d6eef6; }

#banner { width: 960px; height: 140px; margin: 10px auto; }
#banner p { width: 300px; float: left; margin: 30px 0 0 80px; }
#banner p.comments { width: 280px; margin-left: 70px; padding: 10px 0 0 37px; background: url(../img/speech-marks.png) no-repeat top left; }
.commenter { display: block; font-family: 'Open Sans', sans-serif; font-weight: bold; }

#nav { clear: both; height: 44px; border-bottom: 1px solid #aaa; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: 1px 1px #fff; }
#nav ul { width: 960px; margin: auto; float: right; list-style: none; }
#nav ul li { float: left; position: relative; line-height: 39px; }
#nav ul li.home {  }
#nav ul li a { width: 150px; display: inline-block; padding: 0 20px 0 20px; color: #555; text-align: center; text-decoration: none; }
#nav ul li a:hover { color: #111; border-bottom: none; }

#content { padding-bottom: 50px; background: #f2f2f2 url(../img/content-bg.gif) no-repeat center top; overflow: hidden; border-top: 1px solid #bbb; border-bottom: 1px solid #999; }
.wrapper { width: 960px; margin: 0 auto; padding-top: 5px; }
.container { width: 758px; float: right; padding-top: 10px; border-top: 1px solid #fff; }
.container p { margin-bottom: 10px; }
.main-image { margin-top: 10px; margin-bottom: 4px; } 

#left-nav { float: left; list-style: none; margin: 0 40px 30px 0; text-align: right; }
#left-nav li { width: 140px; padding: 5px 20px 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; }
#left-nav li.active { font-weight: bold; }
#left-nav li.ln-top { border-top: none; }

li.non-link { color: #c09; text-decoration: none; }

#left-nav a { border-bottom: none; }
#left-nav a:hover { color: #002040; }
.sub-nav li.sn-bottom { border-bottom: 1px solid #ddd;  }
.sub-nav a { color: #666; font-size: 12px; }

.column { width: 348px; float: right; }
.left { margin-right: 60px; }
.right { padding: 0; }
.column ul {  margin: 10px 0 10px 30px; }
p.bottom-margin { margin-bottom: 30px; }
.large-col-img {  margin: 15px 0; }
.planner { margin: 15px 15px 0 0; border: 1px solid #ccc; }

.float-right { float: right; margin-left: 20px; }

form { width: 308px; margin-top: 20px; padding: 20px; border: 1px solid #ccc; font-size: 12px; color: #666; }
input { width: 285px; margin-bottom: 10px; padding: 8px 10px; font-size: 12px; color: #666; }
textarea { width: 287px; margin-bottom: 10px; padding: 8px 10px; font-family:Tahoma, Geneva, sans-serif; color: #666; }
input#form-submit, input#form-reset { width: 100px; margin-right: 8px; margin-bottom: 0; padding: 0; height: 30px; }
ul.contact { width: 170px; float: left; list-style: none; margin-left: 0; }
ul.contact li { margin-left: 0; }
ul.wide { width: 260px; }
iframe { margin-top: 20px; padding: 1px; border: 1px solid #ccc; }

.spacer{clear:both; height:1px;}
form#quote-form { width: 468px; margin-top: 20px; padding: 20px; border: 1px solid #ccc; font-size: 12px; color: #666; }
#quote-form input#form-submit, input#form-reset { width: 100px; margin-right: 8px; margin-bottom: 0; padding: 0; height: 30px; }

/** quote form */
.quote-form-container{
    width:460px;
}
#stylized label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:260px;
    margin-right: 10px;
    float:left;
    margin-bottom: 6px;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:260px;
}
#stylized input {
    float:left;
    font-size:12px;
    padding:4px 2px;
    text-align: center;
}
#stylized input.text {
    width:42px;
    height: 20px;
    margin:2px 20px 16px 10px;
    vertical-align: middle;
}
#stylized input.checkbox {
    width:42px;
    margin:3px 20px 21px 25px;
}

#stylized input.checkbox_with_question {
    width:42px;
    margin:3px 20px 21px 10px;
}

#stylized img.question {
    margin-top: 2px;
    float:left;
}

#stylized p.price {
    font-weight: bold;
}
#stylized button{
    margin-left:180px; margin-right: 8px; height: 40px;
    margin-top: 20px;
    text-align:center;
    color:#444;
    font-size:11px;
    font-weight:bold;
}

div.container {
    margin-bottom: 20px;
}

#price-display {
    margin-top: 30px;
    width: 460px;
    border: 1px solid #ccc;
    text-align: center;
}

#price-display p {
    font-size:14px;
    margin: 10px;
}

#quote-introduction p {
    font-size:14px;
    margin: 10px;
}

#quote-introduction {
    margin-bottom: 30px;
}

#magazine{
    width:750px;
    height:500px;
}

#magazine .turn-page{
    background-color:#eee;
    background-size:100% 100%;
}

/** */

ul.tabbed { padding-left: 40px; padding-bottom: 10px; }

#footer { padding-top: 20px; clear: both; border-top: 1px solid #ccc; font-size: 11px; color: #888; }
#footer .wrapper { width: 775px; padding-left: 200px; }
#footer img.logo { float: right; }

#footer ul { float: left; clear: left; list-style: none; margin: 5px; }
#footer li { float: left; padding-left: 5px; }

#footer ul.links li { padding: 0 7px 0 7px; border-right: 1px solid #bbb; }
#footer ul.links li.first {  padding-left: 5px; }
#footer ul.links li.last {  border-right: none; }

ul#copyright-info { width: 500px; float: none; }
ul#copyright-info li  { float: none; }
ul#legal li { margin-bottom: 30px;}