/*
Theme Name: DPS Build Ticket
	Theme URI: http://www.anchorwave.com/
	Description: Incorporating HTML5 Boilerplate into WordPress
	Author: Anchorwave - www.anchorwave.com
	Version: 1.0
    Tags: {tags}
*/

/**
 * Stylesheet breakdown into individual sole purpose files.
 */

/*=Global
---------------------------------------*/
body { font-size: 14px; font-family: 'helvetica', sans-serif; *font-size:small; background-color: #5c5041;}
select, input, textarea, button {font:99% helvetica;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #f5f1e7; margin:0; padding:0; }
h1 { font-size:24px; font-family:'museo100', sans-serif; line-height: 24px; margin-bottom: 14px;}
h2 { font-size:22px; font-family:'museo300', sans-serif; line-height: 22px; margin-bottom: 10px;}
h3 { font-size:22px; font-family:'museo100', sans-serif; line-height: 24px; border-bottom:3px solid #7e6e5a; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 10px; color: #f2eee5;}
h4, h4 a { font-size:13px; font-family: 'helvetica-heavy', sans-serif; line-height: 16px; color:#e29031;}
h5 { font-size:18px; text-transform: uppercase; font-family: 'museo900', sans-serif; color: #fff;}
h6 { font-size:17px; font-family: 'papyrus-regular', sans-serif; line-height: 24px; margin-bottom: 10px;}

a:hover, a:active { outline: none; }
a, a:active, a:visited {text-decoration:none;}
a:hover {}

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#5E89FF; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

ul, ol {list-style-type: none; margin: 0; padding: 0;}

p {line-height: 18px; color: #dedcda; font-size: 14px; font-family: 'helvetica', sans-serif; margin:0; padding: 0; margin-bottom: 10px;}

nav ul, nav li, figure { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }

.ie7 img { -ms-interpolation-mode: bicubic; }

/*=Normalize forms
-----------------------------*/
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
button {  width: auto; overflow: visible; }

/* images */
p img { padding: 0; max-width: 100%;}
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Captions */
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #fafafa;	padding-top: 5px;	margin: 5px 25px 25px 0px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 16px;	padding: 4px 4px 5px 0;	margin: 0; color:#666;}


/* Sites CSS*/

/* GRID LAYOUT */
.container{
    width: 960px;
    padding: 0px 10px;
    margin: 0 auto;
    display: table;
}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16{
    margin: 0px 10px;
    float: left;
}

.column1{
    width: 40px;
}
.column2{
    width: 100px;
}
.column3{
    width: 160px;
}
.column4{
    width: 220px;
}
.column5{
    width: 280px;
}
.column6{
    width: 340px;
}
.column7{
    width: 400px;
}
.column8{
    width: 460px;
}
.column9{
    width: 520px;
}
.column10{
    width: 580px;
}
.column11{
    width: 640px;
}
.column12{
    width: 700px;
}
.column13{
    width: 760px;
}
.column14{
    width: 820px;
}
.column15{
    width: 880px;
}
.column16{
    width: 940px;
}

/* === */

.logo{
    float: left;
    margin: 8px 0 0 0;
}

.call-us{
    float: right;
    color: #e5e5e5;
    font-size: 22px;
    margin-top: 26px;
}

.call-us span{
    text-transform: uppercase;
    color: #7b99c6;
    font-size: 15px;
    position: relative;
    bottom: 2px;
    padding-right: 16px;
    font-family: 'museo500', sans-serif;
}

.call-us p{
    display: inline;
    font-family: 'museo100', sans-serif;
    font-size: 22px;
}

.primary-nav{
    text-transform: uppercase;
    clear: both;
    float: left;
    width: 100%;
    margin: 13px 0 20px 0 ;

}

.primary-nav ul{
    float: right;
}

.primary-nav ul li{
    float: left;
    padding-left: 58px;
    color: #e5e5e5;
    font-family: museo500;
}

.primary-nav ul li a{
    color: #e5e5e5;
    font-size: 15px;
}

#main{
    padding: 24px 10px 47px 10px;
}

#banner{
    width: 100%;
    height: 415px;
    background: url('images/slider-bg.png') repeat-x center;
    position: relative;
}

.banner-desc{
    float: left;
    width: 46.7%;
    height: 100%;
    background: url('images/dark-shadow.png') no-repeat left;
}

.banner-content{
    width: 425px;
    float: right;
    height: inherit;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 60%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(60%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 60%,rgba(255,255,255,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1affffff',GradientType=1 ); /* IE6-9 */
    position: relative;
}

.slider-detail{
    width: 214px;
    float: left;
    margin-top: 84px;
    z-index: 10;

}

.banner-content img{
    position: absolute;
    right: 0;
    z-index: 1;
}

.slider-detail h1{
    font-size: 27px;
    line-height: 30px;
    text-transform: uppercase;
}

.slider-detail h1 strong {
    font-family: 'museo500', sans-serif;
    font-weight: normal;
}

.slider-detail a{
    font-family: 'museo700', sans-serif;
    font-size: 16px;
    margin-top: 26px;
    color: #e29031;
}

.horiz-accordoin{
    float:left;
    width: 53.3%;
    background-size: cover;
    height: inherit;
}

.horiz-accordoin div h5{
    position: relative;
    top: 378px;
    text-align: center;
}

/* Banner */
.drapery, .shades, .blinds, .shutters, .film{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #5c5041;
    height: inherit;
    float: left;
    background-size: cover!important;
    overflow: hidden;
}

.drapery{
    width: 14%;
    background: url(images/drapery.jpg) no-repeat;
}

.shades{
    width: 24%;
    background: url(images/shades.jpg) no-repeat;
}

.blinds{
    width: 31%;
    background: url(images/blinds.jpg) no-repeat;
}

.shutters{
    width: 16%;
    background: url(images/shutters.jpg) no-repeat;
}

.film{
    width: 15%;
    background: url(images/film.jpg) no-repeat;
}



.resident-commercial{
    width: 612px;
    float: left;
    margin: 0 10px;
}

.resident-commercial h1{
    text-align: center;
    position: relative;
    text-transform: uppercase;
}

.resident-commercial h1:before,
.resident-commercial h1:after{
    content: "";
    position: absolute;
    height:3px;
    top:8px;
    width: 133px;
    background-color: #7e6e5a;
}

.resident-commercial h1:before{
    left: 0%;
}
.resident-commercial h1:after{
    right: 0%;
}

ul#res-comm-list{
    padding-left: 40px;
    border-bottom: 1px solid #6a5c4b;
    overflow: hidden;
    padding-bottom: 18px;
    margin-bottom: 9px;
}

ul#res-comm-list li{
    padding-left: 84px;
    list-style: disc;
    list-style-position: inside;
    font-size: 17px;
    line-height: 24px;
    color: #d6801d;
}

ul#res-comm-list li span{
    color: #fff;
    letter-spacing: 1px;
}

a.see-more{
    float: right;
    color: #e29031;
    font-family: museo700, sans-serif;
}

.quick-contact{
    float: right;
    width: 250px;
    margin: 0 10px;
}

.quick-contact p{
    font-size: 17px;
    line-height: 30px;
    font-weight: bold;
}

a.mailto{
    font-size: 17px;
    color: #e29031;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 18px;
    display: block;
}

a.mailto:hover{
    color: #e29031;
    text-decoration: underline;
}

a.btn-link{
    background: #33302d;
    text-transform: uppercase;
    color: #fff;
    height: 44px;
    width: 201px;
    font-family: 'museo500', sans-serif;
    position: relative;
    display: inline-block;
    line-height: 44px;
    text-align: center;
}

a.btn-link:after{
    background-color: #bb7320;
    width: 35px;
    height: 44px;
    content: url(images/arrow.png);
    position: absolute;
    top: 0;
    right: -35px;
    font-family: 'museo100', sans-serif;
    font-size: 36px;
    line-height: 41px;
    text-align: center;
    font-stretch: extra-condensed;
}

a.btn-link.inner{
    height:71px;
    width: 425px;
    line-height: 71px;
    float: left;
    text-align: left;
    text-indent: 24px;
    letter-spacing: 0.5px;
}

a.btn-link.inner:after{
    height: 71px;
    line-height: 71px;
    text-indent: 0px;
}

a.btn-link.inner img{
    float: left;
}

a.btn-link.inner.cnt{
    margin-right: 54px;
}

footer#footer{
    text-align: center;
}

footer#footer p{
    font-size: 13px;
    line-height: 40px;
}

footer#footer p img{
    margin-right: 10px;
}

#inner-banner{
    width: 100%;
    height: 257px;
    /*background:url('images/inner-banner.png') no-repeat center;*/
    background-size: cover;
    display: table;
}

.breadcrumbs{
    margin-top: 96px;
}

.breadcrumbs h1{
    font-size: 40px;
}

.breadcrumbs ul li{
    font-family: 'museo500', sans-serif;
    font-size: 13px;
    color: #fff;
    float: left;
    padding-right: 3px;
}

.breadcrumbs ul li a{
    color: #db8c32;
}

.breadcrumbs ul li a:hover, .breadcrumbs ul li a:focus{
    text-decoration: underline;
}

#gallery-cat{
    overflow: hidden;
}
#gallery-cat ul{
    margin-bottom: 23px;
}

#gallery-cat ol{
    padding-bottom: 5px;
    border-bottom: 3px solid #7e6e5a;
    display: inline-block;
    width: inherit;
    margin-bottom: 15px;
}

#gallery-cat ol li{

    font-family: 'museo100', sans-serif;
    font-size: 19px;
    float: left;
    background: #4e4438;
    margin-right: 6px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#gallery-cat ol li.ui-tabs-active, #gallery-cat ol li:hover, #gallery-cat ol li:focus{
    background: #6d5f4e;
}

#gallery-cat ol li:last-child{
    margin-right: 0px;
}

#gallery-cat ol li a{
    padding: 12px 28px;
    color: #fff;
    display: block;
}

#gallery-cat .tabs{
    margin-top: 5px;
    height: inherit;
    clear: both;
    float: left;
    margin-bottom: 112px;
}

#gallery-cat .tabs ul{
    display: inline-block;
}


#gallery-cat .tabs ul li{
    float: left;
    margin:0 7px 7px 0;
}

#gallery-cat .tabs ul li:nth-child(3), #gallery-cat .tabs ul li:nth-child(5), #gallery-cat .tabs ul li:nth-child(6){
    margin-right: 0px;
}

.tabs h2, .tabs p{
    padding-left: 10px;
}

.cnt-wnb{
    display: inline-block;
}

.leftsidebar, aside.sidebar{
    float: left;
    margin-top: 12px;
}

.leftsidebar{
    width: 720px;
    margin-right: 30px;
    margin-left: 10px;
    margin-bottom: 27px;
}

aside.sidebar{
    width: 190px;
    margin-bottom: 20px;
}

.content article{
    padding-bottom: 7px;
    border-bottom: 1px solid #6a5c4b;
    display: inline-block;
    width: inherit;
    margin-bottom: 23px;
}

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

span.date{
    color: #fff;
}

a.cat{
    color: #c8af95;
}

.sidebar-cat, .featured-news{
    margin-bottom: 30px;
    overflow: hidden;
}

.sidebar-cat ul li{
    display: block;
}

.sidebar-cat ul li a{
    font-family: 'helvetica-heavy', sans-serif;
    color: #f5f1e8;
    line-height: 28px;
    padding-left: 19px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

.sidebar-cat ul li a:hover, .sidebar-cat ul li a:focus{
    background: #4e4438;
}

.featured-news p{
    font-size: 13px;
    line-height: 15px;
}

.featured-news ul li{
    margin-bottom: 22px;
}

#contact{
    margin: 42px 0 116px 0;
}

#contact aside{
    float: left;
    width: 612px;
}

#footer a {
    color: #fff;
}
#footer a:hover {
    text-decoration: underline;
}

.breadcrumb span a {
    font-family: 'museo500', sans-serif;
    font-size: 13px;
    color: #fff;
}
.breadcrumb span{
    color: #db8c32;
}
.call-us p:after{
    content: "/";
    margin: 0 5px;
}
.call-us p:last-child:after{
    content:none;
}
.single-post a {
    color: #e29031;
}
.single-post a:hover{
    text-decoration: underline;
}
span.posted-on {
    color: #f5f1e7;
}
.entry-content li,
footer.entry-footer,
label.screen-reader-text,
span.byline{
    color: #dedcda;
}
.comment-form-comment label{
    float: left;
    margin-right: 15px;
}
.single-post .entry-meta {
    margin-bottom: 15px;
}
.entry-content li{
    color: #dedcda;
    margin-bottom: 10px;
    list-style-type: disc;
}
form#searchform,
aside#archives{
    margin-bottom: 20px;
}
time.entry-date.published {
    margin-right: 10px;
}
.single-post input#s {
    width: 63%;
}
.single-post input#searchsubmit,
.single-post input#s {
    display: inline-block;
}