/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'crimson_textroman';
    src: url('fonts/crimsontext-regular-webfont.eot');
    src: url('fonts/crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/crimsontext-regular-webfont.woff2') format('woff2'),
         url('fonts/crimsontext-regular-webfont.woff') format('woff'),
         url('fonts/crimsontext-regular-webfont.ttf') format('truetype'),
         url('fonts/crimsontext-regular-webfont.svg#crimson_textroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
::selection{color:#fff; background:#be0f21;}
::-moz-selection{color:#fff; background:#be0f21;}

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background:#fff; color:#505050; font:16px/24px latoregular;}

b, strong{font-family:'latobold';}
a{text-decoration:none; transition:300ms linear;}
a:hover{color:#be0f21;}
.clear{content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.red{color:#be0f21;}
.black{color:#000;}

h1{font-size:28px; font-family:'crimson_textroman'; font-weight:normal; margin:0; padding:15px 0; line-height:32px; color:#be0f21;}
h2{font-size:22px; font-family:'crimson_textroman'; font-weight:normal; margin:0; padding:12px 0; line-height:24px; color:#be0f21;}
p{padding-bottom:15px;}

.button {
  background-color: #be0f21;
  border: none;
  color: white;
  padding: 15px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button.button {
  background-color: white; 
  color: black; 
  border: 2px solid #be0f21;
}

.button:hover {
  background-color: #be0f21;
  color: white;
}

ul.a {
  list-style-type: circle;
}

a:link {
  text-decoration: underline;
}
a.link:link {color:#0023FF;}
a.link:visited {color:#BE0E23;}
a.link:hover {color:#0023FF;}

/* -------------------------------------------- */
/* ------------------Header-------------------- */
.wrapper{width:980px; margin:auto;}
.logo{position:absolute; z-index:9; margin-left:-8px;}
#top-bar{width:100%; height:28px; background:#1d1d1d; font-size:15px; color:#c8c8c8; line-height:28px;}
#top-bar .links{font-size:13px;}
#top-bar a{color:#c8c8c8; margin:0 2px;}
#top-bar a:hover, #top-bar a.active{color:#be0f21;}
#top-bar .col{float:right; padding-left:35px; position:relative; z-index:9;}
#top-bar .col b{font-family:'latoregular'; font-weight:normal !important;}

#red-bar{width:100%; height:623px; background:#be0f21; border-bottom:1px solid #e5e5e5;}
.menu{width:980px; height:90px; background:rgba(28,49,128,0.9); position:absolute; z-index:8;}
.menu ul{margin:11px 10px 0 0; padding:0; float:right;}
.menu ul li{display:inline-block; text-align:center; margin:0 22px; text-transform:uppercase;}
.menu ul li a{color:#d1d5e2; display:inline-block; padding-top:45px;}
.menu ul li a.windows{background:url(../images/windows-menu-icon.png) no-repeat top;}
.menu ul li a.doors{background:url(../images/doors-menu-icon.png) no-repeat top;}
.menu ul li a.siding{background:url(../images/siding-menu-icon.png) no-repeat top;}
.menu ul li a.roofing{background:url(../images/roofing-menu-icon.png) no-repeat top;}
.menu ul li a.renovations{background:url(../images/renovations-menu-icon.png) no-repeat top;}
.menu ul li a.decks{background:url(../images/decks-menu-icon.png) no-repeat top;}
.menu ul li a:hover, .menu ul li a.active{color:#be0f21; text-decoration:none; background-position:bottom;}

#red-bar .slider{width:100%; float:left;}
#red-bar .star-bg{width:100%; height:149px; float:left; background:url(../images/star-bg.jpg) no-repeat; text-align:center; font-size:26px; font-family:'latolight'; line-height:26px; color:#fff;}
#red-bar .star-bg h1{font-family:'crimson_textroman'; font-weight:normal; font-size:28px; line-height:42px; margin:30px 0 20px; padding:0; text-transform:uppercase; color:#fff;}

#red-bar-inner{width:100%; height:300px; background:#be0f21; border-bottom:1px solid #e5e5e5;}
#red-bar-inner .banner{width:100%; float:left; height:300px; overflow:hidden;}

#blogposts
#red-bar-inner1{width:100%; height:500px; background:#be0f21; border-bottom:1px solid #e5e5e5;}
#red-bar-inner1 .banner-blog{width:100%; float:left; height:500px; overflow:hidden;}

/* -------------------------------------------- */
/* ------------------Container-------------------- */
#container{width:100%; background:#fff; padding:20px 0;}
#container h2.star-title{color:#fff; line-height:49px; font-size:30px; text-align:center; margin:10px 0 30px; background:url(../images/star-title.jpg) no-repeat; padding:0;}
#container .carousel{width:936px; float:left; margin:0 0 40px 21px;}
#container .carousel .item{float:left; margin: 0 14px;}
#container .carousel .item p{padding-bottom:0;}
#container .carousel .item h2{font-family:'latolight'; font-size:20px; line-height:40px; color:#000; background:url(../images/carousel-bg.png) no-repeat 0 0; text-align:center; margin:-12px 0 0; padding:12px 0 0; position:relative;}
#container ul{margin:0; padding:0 0 15px;}
#container .col{width:50%; float:left; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:20px;}
#container .col-4{width:25%; float:left; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:20px;}

#container ul.star-list{list-style:none;}
#container ul.star-list li{background:url(../images/star-list.png) no-repeat left 3px; padding-left:25px; padding-bottom:10px;}

#container .tstm-row-left{clear:both; width:100%; float:left; margin:10px 0 20px;}
#container .tstm-row-left .tstm-msg{background:#eeeeee; padding:12px; float:left; width:100%;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#container .tstm-row-left .tstm-msg:after{content:""; position:absolute; width:0; height:0; border-width:6px; border-style:solid; border-color:#eeeeee transparent transparent #eeeeee; bottom:-12px; right:15px;}
#container .tstm-row-left .tstm-author{text-align:right; margin-top:15px; float:left; width:100%; color:#000;}
#container .tstm-row-left .tstm-author .prjname{color:#999; font-size:14px;}

#container .tstm-row-right{clear:both; width:100%; float:left; margin:10px 0 20px;}
#container .tstm-row-right .tstm-msg{background:#eeeeee; padding:12px; float:left; width:100%;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#container .tstm-row-right .tstm-msg:after{content:""; position:absolute; width:0; height:0; border-width:6px; border-style:solid; border-color:#eeeeee #eeeeee transparent transparent; bottom:-12px; left:15px;}
#container .tstm-row-right .tstm-author{text-align:left; margin-top:15px; float:left; width:100%; color:#000;}
#container .tstm-row-right .tstm-author .prjname{color:#999; font-size:14px;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
#bottom{width:100%; height:197px; background:#1c3180; text-align:center;}
#bottom a{margin:50px 35px 0; display:inline-block;}
#bottom a:first-child{margin-left:0;}
#bottom a:nth-child(3){margin:35px 35px 0;}
#bottom a:last-child{margin-right:0; margin-top:0;}
#bottom img.second{margin:50px 35px 0}
footer{width:100%; height:30px; background:#1d1d1d; text-align:center; color:#fff; font-size:14px; line-height:30px;}