/*
Theme Name: Rapid Renovations
Theme URI: rapidrenovations.com.au
Description: WordPress Theme for Rapid Renovations. Not to be used by any other company.
Author: NA DESIGNS
Version: 1.1
License: GNU General Public License
*/

html, body, ul, li, .wrapper { padding: 0; margin:0; }
html { background: url('_/images/RR-content-bg.png') repeat; }
.wrapper { width: 900px; margin: 0 auto; }

/* ------> HEADER STYLES --- */
#grey-top { background: #ededed url('_/images/RR-top-bg.png') repeat; height: 97px; width: auto; clear: none; }
#logo { float:left; padding:0; margin:20px 0; height:57px; width:369px; background:url('_/images/RR-logo.png') no-repeat; text-indent:-9999px; }
#phone-details { float:right; padding:0; margin:0; height:57px; width:310px; }
#phone-details img { padding-left:10px; }
#nav-bar { background: #cc3333 url('_/images/RR-nav-bg.png') repeat-x; border-bottom: 3px solid #ededed; height: 42px; width: auto; clear: none; }
#nav-bar ul { text-align: center; }
#nav-bar li { list-style: none; display: inline-block; }
#nav-bar li a { display: block; height: 44px; padding: 12px 10px 0 10px; margin: 0 5px; text-decoration: none; }
#nav-bar li a:hover { background: url('_/images/RR-rollover.png') repeat-x; color: #ededed; }
.sub-menu { display: none; background: #222; width: 135px; margin: 0 0 0 5px; padding: 0; margin-top: -11px; }
#nav-bar li:hover .sub-menu { display: block; position: absolute; z-index: 10; }
#nav-bar li .sub-menu li { display: block; margin: 15px; padding: 0; text-align: left; }
#nav-bar li .sub-menu li a { display: block; margin: 0; padding: 0; height: auto; color: #ccc; }
#nav-bar li .sub-menu li a:hover { background: none; text-decoration: underline; color: #ccc; }

#header-img { height: 315px; width: auto; clear: none; border-bottom: 3px solid #ededed; }
#slider { margin: 20px 0; }

/* ------> CONTENT STYLES --- */
#contents { clear:none; }
#content-divider { background:url('_/images/RR-divider.png') repeat-x; height:19px; clear:none; }
#blocks ul { height:200px; }
#contents .block { width:225px; margin-top:25px; float:left; list-style:none; }
.info { background:url('_/images/RR-footer-bg.png') repeat; list-style:none; }
.info li { padding-right:20px; }
#services-list li { list-style:none; padding-bottom: 10px; }
#services-list li img { vertical-align:text-top; }

/* ------> CONTENT STYLES QUOTES --- */
#contents-quotes { background:url('_/images/RR-footer-bg.png') repeat; min-height: 635px; width:585px; padding-top: 20px; border-bottom: 5px solid #cc3333; }
.wrapper-quotes { padding-left: 20px; }
.wrapper-quotes ul { width: 237px; }
.wrapper-quotes li { list-style: none; background: url('_/images/RR-input-bg.png') repeat-x; height: 50px; padding: 0 8px; padding-top: 5px; margin: 15px 0; }
.left { float:left; }
.right{ float:left; margin-left: 70px; }
.left input, .right input { background: none; height: 20px; width: 100%; border: none; margin: 5px 0; color: #ccc; }
.single { clear: left; }
.single ul { height: auto; width: auto; padding: 0; margin: 0; }
.single li { background: none; float: left; height: auto; padding: 7px 40px 10px 0; margin: 0; }
#project-description ul { padding:0; margin: 0; }
#project-description li { list-style: none; background: url('_/images/RR-input-bg.png') repeat-x; width: 529px; height: 100px; padding: 0 8px; padding-top:5px; }
#project-description textarea { background: none; border: none; height: 60px; width: 100%; margin: 5px 0; color: #ccc; }
#budget li { background: none; }
#budget select { border: none; background: url('_/images/RR-input-bg.png') repeat; height: 40px; width: 150px; margin: 5px 0; border-bottom: 1px solid #ccc; }
#budget option { color: #333; background: #ccc; }
#submit { border: none; width: 82px; height: 34px; background: url('_/images/RR-input-bg.png') repeat; color: #cc3333; border-bottom: 1px solid #ccc; cursor: pointer; margin-right: 20px; margin-top: 25px; }

/* ------> CONTENT STYLES TEMPLATE --- */
#contents-template #blocks ul { display: block; height: auto; padding-bottom: 10px; }

/* ------> FOOTER STYLES --- */
#footer { background:url('_/images/RR-footer-bg.png') repeat-x; height:113px; padding-top:20px; margin-top:50px; width:100%; float:left; border-bottom: 5px solid #cc3333; }
#footer .block { width:300px; float:left; list-style:none; }
#supply-member li { float:left; list-style:none; }
#supply-member img { padding-top: 8px; }
p#submit-form { display:block; background:url('_/images/RR-input-bg.png') repeat; padding:7px 8px; margin:15px auto; width:180px; text-align:right; }

#footnotes { width:100%; float:left; margin:10px auto; }

/* ------> FONT STYLES --- */
body { font-family:Tahoma, Geneva, sans-serif; color:#ddd; font-size:14px; font-weight: normal; }
h1, h2, h3 { padding:0; margin:0; font-weight:normal; }

#phone-details h2 { font-size: 36px; color: #cc3333; }
#phone-details p { font-size: 16px; color: #cc3333; }
#nav-bar a { font-size: 16px; color: #ddd; }
#contents .block p { padding-top:10px; padding-bottom:10px; }
#contents .block h2 { display:block; height:60px; padding:10px 0; font-size: 24px; }
#quote h2 { font-size: 30px; }
#submit-form { font-size:13px; }
#submitform { color: #ccc; text-decoration: none; }
#footnotes { text-align:center; font-size:12px; }

#contents-template h2 { font-size: 34px; font-style: normal; margin: 0; padding: 0; display:inline  }
#contents-template h3 { font-size: 24px; font-style: normal; color: #cc3333; margin: 0; padding: 0; display:inline  }
#contents-template a { color: #ccc; text-decoration: none; }
#contents-template a:hover { text-decoration: underline; }

.wrapper-quotes h2, .wrapper-quotes p { text-shadow: 1px 1px 3px #000; 
-ms-text-shadow: 1px 1px 3px #000; /* for ie 9+ */ 
-webkit-text-shadow: 1px 1px 3px #000; /* for chrome */
-moz-text-shadow: 1px 1px 3px #000; /* for firefox */
filter: glow(color=black,strength=5), alpha(opacity=70); }
.wrapper-quotes h2 { font-style: normal; font-size: 30px; }
#submit { font-size: 17px; }