/*
Theme Name: Sydney Sheds & Garages
Theme URI: http://www.sydneysheds.com.au
Description: Sydney Sheds and Garages is a family owned business specialising in the distribution of custom made steel framed buildings.
Author: Phillip Peet
Author URI: http://www.philbossdesign.com.au
*/

/* Resets */

*{margin:0; border:0; padding:0; outline:0}
body{font-family:Verdana, Arial, Helvetica, sans-serif}
#starburst{background:url(images/starburst.png) no-repeat top center; height:251px; position:absolute; z-index:1; width:100%}
#header{background:url(images/bground-sky-new.jpg) repeat-x top center; height:251px}
#bar{background:url(images/nav-bground.png) repeat-x top left; height:52px}
#panel span.call {font-size: 17px !important}

.page-id-13 #main ul {
    list-style: outside none none;
    margin: 0;
}

.page-id-13 #main ul li a {
    background: #ccc url('http://www.sydneysheds.com.au/wp-content/themes/sydneysheds/images/icon-pdf.jpg') 10px 10px no-repeat;
    color: #000;
    display: inline-block;
    margin: 0 0 5px;
    padding: 20px 20px 20px 60px;
    width: 558px;
}

.page-id-13 #main ul li a:hover{
background-color:#e74d40;
text-decoration:none;
color:#fff
}

.gallery-caption{
background: none repeat scroll 0 0 #000;
    font-size: 12px;
    margin: -4px 1px 10px !important;
    padding: 5px 5px 10px;
}

.parent-pageid-11 #main img, .parent-pageid-9 #main img, .page-id-11 #main img{border: 2px solid black !important}

.rsUni .rsGCaption{padding:8px !important; bottom:0px !important; width:100% !important; left:0 !important}

.wrapper{margin:0 auto; width:960px}
#intro{float:left; margin:50px 0 0; width:634px}
#panel{float:left; width:310px; margin:10px 0 0}
#panel span{font-size:13px !important; font-weight:normal; padding:0 0 0 12px; color:#FFF; margin:0}

/* Headings */

h1{font:36px/36px "DINPro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF}
h2{font:20px/20px "DINPro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF}
h3{font:18px/18px "DINPro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#2c438c; text-transform:uppercase; padding:0 0 10px}
p {font:14px/22px "Helvetica", "Arial", sans-serif; color:#252525; padding:0 0 15px 0}
td, th{font:14px/22px "Helvetica", "Arial", sans-serif; color:#252525; padding:0 0 5px 0}
a{color:#314f92; text-decoration:none}
a:hover{text-decoration:underline}
#internal h1{font:36px/36px "DINPro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; padding:0 0 30px 0}

/* Navigation */

#header ul {list-style:none; font-size:14px; position:absolute; z-index:2}
#header li{float:left}
#header li a{height:52px; display:block; color:#FFFFFF; text-decoration:none; margin:0 2px 0 0; padding:0 15px /* 0 24px */; font:13px/52px verdana; arial }
#header li a:hover, #header li.active a, #header .current_page_item a, #header .current_page_ancestor a{background:url(images/nav-bground-hover.png) repeat-x}

/* Navigation Classes */

/*
.home, .page-item-5{background:url(images/nav-icon-home.png) 4px 18px no-repeat}
.services,.page-item-7{background:url(images/nav-icon-services.png) 4px 18px no-repeat}
.products, .page-item-9{background:url(images/nav-icon-products.png) 4px 18px no-repeat}
.gallery, .page-item-11{background:url(images/nav-icon-gallery.png) 4px 18px no-repeat}
.downloads, .page-item-13{background:url(images/nav-icon-downloads.png) 4px 18px no-repeat}
.links, .page-item-15{background:url(images/nav-icon-links.png) 4px 18px no-repeat}
.colour, .page-item-17{background:url(images/nav-icon-colour.png) 4px 18px no-repeat}
.contact, .page-item-19{background:url(images/nav-icon-contact.png) 4px 18px no-repeat}
.quote, .page-item-21{background:url(images/nav-icon-quote.png) 4px 18px no-repeat}
*/

.logo{background:url(images/sydney-sheds-logo-colour.png) no-repeat top left; margin:70px 0 0; display:block; width:280px; height:120px; clear:both; float:left; text-indent:-9999px; position:absolute; z-index:3}

#skyline{background:url(images/city-skyline.png) center top no-repeat; height:160px; clear:both; position:relative; top:91px}

#home{background:#e5e5e5 url(images/home-bground.jpg) repeat-x; clear:both; color:#FFFFFF} /* This min height needs to be addressed*/
#internal{background:#e5e5e5 url(images/internal-bground.jpg) repeat-x; clear:both; color:#FFFFFF} /* This min height needs to be addressed*/
#internal ol li{color:black; margin:0 0 20px; font-size:14px; font-family:Verdana, Geneva, sans-serif}

/* Carousel */

.shadow{background:url(images/shadow.png) no-repeat top left; height:350px; width:8px; position:absolute; z-index:9; margin:-3px 0 0 626px}
#carousel{clear:both; width:634px; height:350px; margin:30px 0 0}
.slider-wrapper{clear:both; width:634px; height:350px; margin:30px 0 0}
#carousel ul {list-style: none; width:1600px; margin: 0; padding: 0; position:relative}
#carousel li {display:inline; float:left}
.textholder {font-size:14px; padding:6px; color:#FFF}
.textholder p{opacity:1}
#carousel ul.lcp_catlist p {display:block !important}
#carousel ul.lcp_catlist li a{display:none}
#carousel ul.lcp_catlist li p a{display:block}

/* Cross Fading Buttons */

.shed-button{background:url(images/shed-collection-button-over.jpg) no-repeat top left; display:block; height:42px; width:206px; text-indent:-9999px; float:left; margin:15px 15px 0 0}
.shed-button a{background:url(images/shed-collection-button-off.jpg) no-repeat top left; display:block; height:42px; width:206px; text-indent:-9999px}

.design-button{background:url(images/design-shed-button-over.jpg) no-repeat top left; display:block; height:42px; width:184px; text-indent:-9999px; float:left; margin:15px 0 0}
.design-button a{background:url(images/design-shed-button-off.jpg) no-repeat top left; display:block; height:42px; width:184px; text-indent:-9999px}

/* Quote Request */
.quote-button{background:url(images/quote-button-over.jpg) no-repeat top left; width:304px; height:75px; display:block; text-indent:-9999px}
/*.quote-button:hover{background:url(images/quote-button-over.jpg) no-repeat top left; width:304px; height:75px; display:block; text-indent:-9999px}*/

/* Why choose Sydney Sheds */ /* Need to fix spacing underneath Why choose Sydney Sheds?? */

#benefits{background:url(images/colourbond-bground.jpg) no-repeat top left; width:304px; height:458px; clear:both}
#benefits-inner{padding:20px 5px}
#benefits ul{list-style:none; padding:30px 0 0 10px}
#benefits ul li{ background:url(images/tick.jpg) 0 5px no-repeat; line-height:26px; padding:0 0 0 20px}
#benefits h2{padding:0 0 20px 10px; height:0}
.fair-dinkum{background:url(images/fair-dinkum-sheds-logo.png) top center no-repeat; width:292px; height:84px; text-indent:-9999px; display:block; margin:10px 0 0}

.content{float:left; width:940px}

#accreditations{height:40px; background:#111; clear:both; font-family:Verdana, Geneva, sans-serif}
#accreditations p{margin:0 auto; color:#FFF; width:980px; text-align:center; line-height:40px; font-family:Verdana, Geneva, sans-serif}

#member-logos{height:200px; background:#FFF}
#member-logos ul{margin:0 auto; width:980px; list-style:none}
#member-logos ul li{float:left}
#member-logos ul li a{width:245px; display:block; text-indent:-9999px; height:200px}

/* Logo Hovers */

.shed-safe{background:url(images/logo-shed-safe-over.jpg) no-repeat top center}
.shed-safe:hover{background:url(images/logo-shed-safe-over.jpg) no-repeat top center}

.aus-steel{background:url(images/logo-aus-steel-over.jpg) no-repeat top center}
.aus-steel:hover{background:url(images/logo-aus-steel-over.jpg) no-repeat top center}

.master-builders{background:url(images/logo-builders-ass-over.jpg) no-repeat top center}
.master-builders:hover{background:url(images/logo-builders-ass-over.jpg) no-repeat top center}

.hia{background:url(images/logo-hia-over.jpg) no-repeat top center}
.hia:hover{background:url(images/logo-hia-over.jpg) no-repeat top center}

/* Footer */

#footer{height:150px; background:#111; font-size:13px; color:#e5e5e5; clear:both; font-family:Verdana, Geneva, sans-serif}
#footer div{margin:0 auto; color:#FFF; width:980px; text-align:center; padding:20px 0 0}
#footer ul{list-style:none; margin:5px auto 0; text-align:center; width:670px}
#footer ul li{float:left; padding:0 10px; background:url(images/footer-divider.jpg) 0 4px no-repeat}
#footer ul li:first-child{background:none}
#footer a{color:#FFF; text-decoration:none}
#footer a:hover{text-decoration:underline}

/* Internal Sructure */

#sidebar{background:url(images/sub-nav-bground.jpg) no-repeat top left; width:322px; margin:34px 0 0; float:left; font-family:Verdana, Geneva, sans-serif}
#sidebar div{padding:22px 0}
#sidebar h3{padding:0 20px}
#main{width:638px; margin:34px 0 0; float:left}
#main div{padding:10px 0 0 15px}
#main h3{padding:0 0 10px}
#main p{font-size:13px; line-height:18px; color:#000; padding:0 0 10px; font-family:Verdana, Geneva, sans-serif}
#main ul{margin:0 0 0 20px; font-size:13px; line-height:20px; color:#000; list-style-image:url(images/bullet.jpg); padding:0 0 20px}


/* Sub Navigation */
ul.sub{list-style:none; margin:20px 0 40px}
ul.sub a{font-size:14px; color:#000; width:290px; height:40px; background:#cecece; display:block; margin:0 12px 1px; padding:0 5px; line-height:36px; text-decoration:none}
ul.sub a:hover, ul.sub .current_page_item a{background:url(images/sub-nav-hover.jpg); color:#FFF}

/* Buckets */

.bucket-quote{background:url(images/bucket-quote.jpg) top left no-repeat; width:321px; height:180px; display:block; text-indent:-9999px; margin:20px 0 10px}
.bucket-colour{background:url(images/bucket-colour.jpg) top left no-repeat; width:321px; height:150px; display:block; text-indent:-9999px}

/* Form */

input{background:#111; color:#fff; height:35px; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; font-weight:bold !important; padding:0 10px !important; line-height:35px !important}
select{width:170px !important; background:#111; color:#FFF; padding:8px 5px !important; left:-2px !important; top:-2px !important; height:35px !important; font-size:13px !important; font-weight:bold !important; outline:0 !important; font-family:Arial, Helvetica, sans-serif; width:295px !important}
textarea{background:#111; color:#FFF; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; font-weight:bold !important; padding:10px !important; height:120px}
.checkbox{width:20px; height:15px; background:none}
.radio{width:20px; height:15px; background:none}
.submit{cursor:pointer}
.submit:hover{background:#2C438C}
input[type=radio], input[type=checkbox]{background:none !important}

/* Plugin Fixes */
.slideshow-wrapper{margin:0; padding:0}

.gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio{width:452px !important}

.gform_wrapper{padding:0 !important; margin:0 !important; font-family:Verdana, Geneva, sans-serif}
.gform_wrapper ul{margin:0}
.gform_body{padding:0 !important}
.ginput_container{padding:0 !important; margin-bottom:10px}
.gform_wrapper .top_label .gfield_label{float:left; width:250px}
.gchoice_10_1, .gchoice_16_0, .gchoice_17_0, .gchoice_19_1{clear:both}
.gfield_radio, .gfield_checkbox{margin-left:250px !important}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{line-height:40px !important}
.gform_wrapper .top_label .gfield_label{font-weight:normal !important; font-size:14px}
.gform_wrapper .gform_footer{padding:0 !important; margin:0 !important}
.gform_button{cursor:pointer}
.gfield_error input{width:275px !important; background-color:#F8BABA !important; border:1px solid #CC0000 !important; color:#CC0000}
.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .gfield_required{color:#CC0000 !important}
#field_1_23{margin:30px 0 30px !important}
#gforms_confirmation_message{padding:30px 10px !important}
.gsection_title{font-size:14px}

.shed{margin-left:270px; position:absolute; top:930px}

.gallery{background:none; padding:0 !important}
.gallery-item{margin:0 !important}
#gallery-1 a:hover img{border:2px solid #222}
.gallery img{border:2px solid black !important}

.gform_wrapper .top_label input.medium{width:45.5% !important}
.gform_wrapper .gform_heading{display:none}
h2.gsection_title{color:#000; font-family:Verdana, Geneva, sans-serif !important}
.gform_confirmation_message_1.gform_confirmation_message {
    color: #000;
    font-family: verdana;
}
#field_1_29 > img {
    margin: 0 0 40px 240px;
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
    margin: 0 0 -15px !important;
}
input[type=text], select
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}