/* base.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/
html {}

body {background-color: #f49735; text-align: center; font: 13px/16px Arial, sans-serif; color: #333;}

div#wrapper {width: 900px; margin: 0 auto; padding-bottom: 40px; position: relative; text-align: left;}

div#header {background-color: #c52b1c;}

div#content {background: white url(../images/bg-content-top.gif) no-repeat; padding: 30px 60px 10px;}

div#footer {background: #2e110a url(../images/bg-footer-top.gif) no-repeat; padding: 40px 60px 30px;}

div#copyright {background: transparent url(../images/bg-copyright-top.gif) no-repeat; height: 60px; padding: 0 60px;}

.column {float: left;}

.column.left {width: 509px; padding: 10px 40px 10px 0; border-right: 1px solid #2e110a;}
.column.right {width: 175px;padding: 10px 0 10px 40px; border-left: 1px solid #2e110a; position: relative; left: -1px;}

.clear {clear: both;}


/*
--------------------------
FONTS/LINKS
--------------------------
*/
h1, h2, h3, h4, h5, h6 {}

h1 {}

h2 {font: 24px/26px Georgia, serif; color: #c52b1c; padding-bottom: 10px;}

h2 span#byline {display: block; font-size: 11px; color: #2e110a; text-transform: uppercase; letter-spacing: 1px;}

h3, h4, h5 {font: 11px/normal Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10px;}

h3, h5 {color: #2e110a;}

h3 span {color: #71615d;}

h4 {color: #c52b1c;}

h5 {}

h6 {}

p {}

em, i {font-style: italic;}

strong, b {font-weight: bold;}

div#header p {padding: 0 0 15px 60px; width: 480px; font: 16px/26px Georgia, serif; color: white;}
div#header p#intro-links {font-size: 12px; padding: 40px 0 40px 60px;}
div#header p#intro-links a {color: #F49735;}

div#header p#intro-links a#newsletter {background: #F49735; color: #c52b1c;}

div#content div#testimonials blockquote p {font: 16px/normal Georgia, serif; font-style: italic; color: #c52b1c;}
div#content div#testimonials blockquote p span {display: block; font: 10px/normal Arial, sans-serif; color: #2e110a; text-transform: uppercase; padding: 5px 0 0 5px; letter-spacing: 1px;}

div#copyright p {text-align: right; padding-right: 110px; padding-top: 20px; font: 12px/normal Georgia, serif; color: #2e110a;}

div#content .column.right p {padding-bottom: 15px;}

div#content .column.left p,
div#content .column.left blockquote {font: 13px/22px Arial, sans-serif; color: #333; padding-bottom: 15px; width: 509px;}
div#content .column.left p img {float: left; margin: 0 10px 10px 0;}

div#content .column.left blockquote {padding-bottom: 0px; margin-bottom: 15px;}
div#content .column.left blockquote p {padding-left: 10px; padding-bottom: 0; border-left: 1px solid #ccc;}

hr {border: none; height: 2px; background: transparent url(../images/bg-hr.gif); margin-bottom: 20px; width: 509px;}

div#content .column.left ul,
div#content .column.right ul,
div#content .column.left ol,
div#content .column.right ol {padding-bottom: 20px; padding-left: 40px;}

div#content .column.right ul,
div#content .column.right ol {padding-left: 20px;}

div#content .column.left ol li,
div#content .column.right ol li {list-style-type: decimal; padding-bottom: 5px;}

div#content .column.left ul li,
div#content .column.right ul li {list-style-type: square; padding-bottom: 5px;}

div#content .column.right ul.tools {padding-bottom: 30px; padding-left: 0;}
div#content .column.right ul.tools li {font: 12px/normal Georgia, serif; padding-bottom: 5px; list-style-type: none;}

/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

a:link, a:visited {color: #c52b1c; text-decoration: none;}
a:active, a:hover, a.active {color: #c52b1c; text-decoration: underline;}

a.highlighted,
li.highlighted a {color: #f49735 !important; text-decoration: underline; font-family: Arial, sans-serif;}


/*
--------------------------
MAIN NAVIGATION
--------------------------
*/
ul#navigation {height: 40px; margin-left: 60px;}
ul#navigation li {float: left; height: 20px; padding-top: 20px; margin-right: 47px;}
ul#navigation li a {display: block; background-repeat: no-repeat; background-position: 0 0; height: 20px;}
ul#navigation li a:hover, ul#navigation li.active a {background-position: 0 100% !important;}

ul#navigation li.active {background: url(../images/bg-nav-active.gif) no-repeat 50% 0;}

ul#navigation li#about {width: 50px; margin-right: 39px;}
ul#navigation li#about a {background-image: url(../images/nav-about.gif); width: 42px;}

ul#navigation li#our-services a {background-image: url(../images/nav-our-services.gif); width: 88px;}
ul#navigation li#our-clients a {background-image: url(../images/nav-our-clients.gif); width: 80px;}

ul#navigation li#blog {width: 50px; margin-right: 27px;}
ul#navigation li#blog a {background-image: url(../images/nav-blog.gif); width: 30px;}

ul#navigation li#contact-us a {background-image: url(../images/nav-contact-us.gif); width: 75px;}

ul#navigation li#question {width: 20px;}
ul#navigation li#question a {width: 20px; height: 20px;}

h1#floricane-logo {float: none; position: relative; left: -40px; width: 320px; height: 100px; padding-bottom: 10px;}
h1#floricane-logo a {display: block; no-repeat 0 0 !important; width: 320px; height: 100px;}

div#company-description {width: 301; height: 360px; position: absolute; top: 40px; right: 0; background: transparent url(../images/question-balloon1.png);}
body#interior div#company-description {display: none;}



/*
--------------------------
CUSTOM
--------------------------
*/

div#footer div#footer-content {background: url(../images/bg-footer-content.gif) repeat-y 260px 0px; width: 780px;}

div#footer .column {width: 260px; margin-right: 30px; padding-top: 5px; background: transparent;}
div#footer .column.last {width: 200px; margin-right: 0;}

div#footer .column ul {padding-right: 30px;}
div#footer .column.last ul {}

div#footer .column ul li {font: 13px/normal Georgia, serif; color: white; padding: 5px 0;}
div#footer .column ul li a {text-decoration: underline; color: white;}
div#footer .column ul li p {font: 12px/normal Arial, sans-serif; color: #938a87;}

div#footer .column ul li a.highlighted,
div#footer .column ul li.highlighted a {font-size: 12px;}

div#footer .column h5 {padding-bottom: 15px;}

div#footer ul li .lowlighted{color: #80726e !important;}

div#comments blockquote {font: 14px/normal Georgia, serif; color: #333; font-style: italic; padding-bottom: 15px;}
div#content .column.left div#comments blockquote p {padding-bottom: 5px; line-height: 15px;}
div#comments blockquote span {display: block; font-size: 11px; font-style: normal; color: #666;}
div#comments blockquote span span.floricane-author {color: #c52b1c; display: inline;}

div#page-tools {background: url(../images/bg-page-tools.gif) repeat-y 50% 0; width: 519px; padding-top: 5px;}
div#page-tools div#comment-form, div#page-tools div#email-form {width: 210px;}
div#page-tools div#comment-form {float: left;}
div#page-tools div#email-form {float: right;}


p#newsletter {background: #2E110A; padding: 30px 0 0; text-align: right; font-size: 16px;}
p#newsletter a {text-decoration: underline;}


body.testimonials div#content .column.left blockquote {margin-top: 10px;}
body.testimonials div#content .column.left blockquote p {font-size: 15px;}
body.testimonials div#content .column.left blockquote p span {font-size: 12px; color: #666; display: block; padding-left: 40px;}


/*
--------------------------
FORM STUFF
--------------------------
*/
div#content .column.left form ul {padding-left: 0;}
div#content .column.left form ul li {list-style-type: none;}
form label {font: 11px/normal Arial, sans-serif; color: #333;}
form input, form textarea {font: 11px/Arial, sans-serif; color: #333; background: #ccc; padding: 5px; border: none; width: 200px;}

form input.submit {font: 10px/normal Arial, sans-serif; color: white; background: #c52b1c; padding: 5px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; width: auto;}

div#content .column.right p {color: #333; line-height: 18px; font: 13px/20px Georgia, serif; font-style: italic;}

div#content .column.left p a,
div#content .column.right p a {text-decoration: underline;}