/* Always declare this */
* { padding: 0px; margin: 0px; }

/* General Purpose Classes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.spacer{ height: 15px; }
.italic{ font-style: italic; }
.bold{ font-weight: bold; }
.strike{ text-decoration: line-through; }
.clear {clear: both; }
.left { float: left; }
.right { float: right; }
.all_float_left * { float: left; }
.all_float_right * { float: left; }
.border { border: 1px solid black; }
.width33 { width: 33%; }
.width50 { width: 50%; }
.width100 { width: 100%; }

/* Dynamic Output */
ul#msg { margin-bottom: 15px; }
ul#msg.error { color: #FF0000; }  
ul#msg.success { color: #009900; }
ul#msg.warning { color:#FFCC00; }
ul#msg.note { color:#333333; }  

/* jQuery-specific */
.unclickable { cursor: default; }

/* Tables */
table { width: 100%; border-collapse: collapse; }
table, td { vertical-align: top; }

/* Lists */
ul.list_outside { list-style-position: outside; padding-left: 20px; margin-bottom: 15px; }
ul.list_inside { list-style-position: inside; margin-bottom: 15px;}
ol.list_outside { list-style-position: outside; padding-left: 30px; margin-bottom: 15px; }
ol.list_inside { list-style-position: inside; margin-bottom: 15px; }



/* Links */ 
a, img { border: none; }
a { text-decoration: none; color: #006699; }
a:hover { text-decoration: underline; color: #006699; }
a:visited { }
a:active { }
a:focus, a:active { outline: none; }
/*a.arrowed { background: url("/images/linkarrow.png") no-repeat 0px 50%; padding-left: 10px;  } */

/* Headers*/
h1 { color: #005E82; font: 18pt Verdana, Arial, Helvetica, sans-serif; }
h2 { color: #669933; font: 14pt Arial, Helvetica, sans-serif; }

/* Form */
p.required_note { font-style: italic; color: #999999; } /* All required field with... */
p.required_note span { color: red; }
label.required:before { content: "* "; color: #FF0000;   }
fieldset { padding: 15px; }
legend { padding: 0 5px;} 
textarea { font: 10pt Verdana, Arial, Helvetica, sans-serif; }
input[type=submit] { padding: 3px; }

/* Misc */
blockquote { margin-left: 20px; line-height: 2.0em; font-style: italic; }
blockquote:before { content: open-quote; font: bold 20pt "Times New Roman", Times, serif; line-height: .8em;}
blockquote:after { content: close-quote; font: bold 20pt "Times New Roman", Times, serif; line-height: .8em; }

/* ========== SITE SPECIFIC ========== */
html { height: 100%; }
body { font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #333333; height: 100%; background: #FFF url("/images/bg.jpg") repeat-x; }
p { margin-bottom: 15px; font: 10pt Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; }

#container { width: 988px; margin: auto; background: url(/images/container-bg.png) repeat-y top center;  }
#container_bot { width: 988px; margin:auto; margin-bottom: 50px; }

#wrapper { width: 976px; margin:auto; padding-bottom: 1px; }

#header { background: url(/images/headerbg.jpg) no-repeat top center; height: 138px; position: relative;  }

#header .logo { position: absolute; left: 15px; top: 5px;  }

#header .tagline { position: absolute; top: 50px; right: 15px; }

/*#header .tagline a { }*/

#header .phonenum { color: #666666; position: absolute; top: 3px; right: 95px; font: 20pt Arial, Helvetica, sans-serif; }

#header .social { position: absolute; top: 5px; right: 15px;  }

#header .nav { position: absolute; bottom: 0px; right: 15px; overflow: auto;  }

#header .nav ul { list-style: none; float: left; height: 45px; }

#header .nav ul li { float: left; margin: 0x 5px; height: 39px; display: block; height: 39px; }

#header .nav ul li a { display: block; font: bold 13pt Arial, Helvetica, sans-serif; padding: 0px 13px; height: 39px; line-height: 40px; color:#333333; }

#header .nav ul li a:hover { color: #005E82; text-decoration: none; }

#header .nav ul li .active .left_s { background: url(/images/activebtn-left-bg.png) no-repeat; padding-left: 8px; }

#header .nav ul li .active .right_s { background: url(/images/activebtn-right-bg.png) no-repeat top right; padding-right: 8px;  }

#header .nav ul li .active a { background: url(/images/activebtn-bg.png) repeat-x top center; padding: 0px 5px; color: #005E82; } 

#body { /*border: thin solid red;*/ min-height: 500px; overflow: auto; margin-bottom: 25px; }

#body > .content {width: 615px; float: left; margin-left: 10px; margin-top: 10px; /*border: thin solid red;*/ }

#body > .content h1 { margin-bottom: 15px; }

#body > .content li { line-height: 1.4em; }

#body > .content strong.list_header { font: bold 11pt Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; display: block; color: #669933; } 

#body > .content .box1 { background: url(/images/top-shadow.jpg) no-repeat top center;  padding-top: 30px; margin-bottom: 15px;  }

#body > .content .box1 > div {background: url(/images/bot-shadow.jpg) no-repeat bottom center; padding-bottom: 15px; overflow: auto; }

#body > .content .box1 h2 { margin-bottom: 5px; }

/* To emphasize lists in box1, indent */
#body > .content .box1 .list { padding-left: 10px; }

#body .sidebar { float: right; width: 333px;  margin-top: 5px;  }

#body .sidebar h3 { margin-bottom: 5px; font: 14pt Arial, Helvetica, sans-serif; }

#body .sidebar ul { list-style: outside circle; margin-left: 20px; }

#body .sidebar li { padding-left: 8px; line-height: 1.4em; text-transform: capitalize;}

#body .sidebar .services { margin-bottom: 15px; }

#body .sidebar .request_quote { overflow: auto; margin-bottom: 15px; margin-right: 10px; }

#body .sidebar .request_quote * { float: right; }

#body .sidebar { margin-left: 15px; margin-bottom: 25px; }

#body .sidebar .reviews { background: url(/images/sidebar-quality.jpg) no-repeat; width: 333px; height: 298px; padding-top: 1px;  }

#body .sidebar .reviews .content_wrap {  margin: 15px; margin-top: 25px; margin-left: 20px;}

/*#body .sidebar .reviews .content_wrap div { margin-bottom: 15px;  } */

#body .sidebar .reviews .content_wrap img {  }

#body .sidebar .reviews .content_wrap a {}

#footer { background-color: #003c53; padding: 15px; margin: 0px 5px; color: #FFFFFF; font-size: 8pt;   overflow: auto; }

#footer a { color: #FFFFFF; }

#footer .nav {  float: left; }

#footer ul { list-style: none; float: left; margin-right: 35px; }

#footer ul li { text-transform: uppercase; margin-bottom: 6px; }

#footer .copyright { float: right; width: 300px; line-height: 18px; }

#footer .copyright a { text-decoration: underline; }

/* ======== SECTION SPECIFIC ========= */

/*Testimonials Page */
#testimonials_page .testimonials { padding-top: 25px; }
#testimonials_page .testimonials > div { border-bottom: 1px dotted #CCCCCC; margin-bottom: 25px; padding-bottom: 10px;}

/*Things to know*/
#things2know h2 { margin-bottom: 5px; }

/* Contact Page */
#contact { }
#contact form { overflow: auto; }
#contact .field { overflow: auto; margin-bottom: 15px; }
#contact label { float: left; width: 230px; text-align: right;  }
#contact input, #contact textarea { float: left; margin-left: 15px; }
#contact input[type='text'] { width: 250px; } 
#contact textarea { width: 250px; height: 150px;}
#contact input[type='submit'] { margin-left: 240px; }

/* Quote Page */
#quote { }
#quote form { overflow: auto; }
#quote .field { overflow: auto; margin-bottom: 15px; }
#quote .field .input { margin-left: 15px; float: left; }
#quote label { float: left; width: 230px; text-align: right; }

#quote input[type='text'], #quote select, #quote textarea { float: left; margin-left: 15px; }
#quote input[type='text'] { width: 250px; } 
#quote textarea { width: 300px; height: 100px; } 
#quote input[type='checkbox'] { margin-bottom: 5px; } 
#quote input[type='submit'] { margin-left: 240px; }
#quote input[name='numOfRooms'] { width: 40px;  }

/*Blog Feed*/
#home .blogfeed { font: 9pt Verdana, Arial, Helvetica, sans-serif;  }
#home .blogfeed .item { margin-bottom: 15px; overflow: auto; border-bottom: 1px dotted #C1CBCE; padding-bottom: 10px; }
#home .blogfeed a.title { margin-bottom:5px; font: bold 10pt Arial, Helvetica, sans-serif; display: inline-block; color: #006699; text-transform: uppercase; }
#home .blogfeed p { margin-bottom: 10px;}
#home .blogfeed a.readmore:before { content: "Read More" !important;}