/*
Theme Name: Colby western
Theme URI: 
Description: Colby Western
Author: Daniel Priebs
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */

p, h2, ul{
margin:0;
padding:0;
}

a {

}

a:visited{
color:#666;
}

a:hover {

}

#copyright-text-footer {
	bottom: -30px;
    font-size: 10px;
    position: relative;
    right: -614px;
	color: #a9a9a9;
}

#sidebar p {
padding-top:1em;
color: #414042;
}

#sidebar label {
color: #414042;
}

.contact-box{
background:url(images/contact-bg.jpg) no-repeat;
width:251px;
height:142px;
font-size:13px;
padding-left:10px;
padding-top:30px;
line-height: 18px;
}

#below-sidebar {
padding:25px 3px 0px 3px;
}

#below-sidebar p {
margin:0;
padding:4px 0 0 4px;
}

#vid {
width:559px;
height:390px;
}

html {
	overflow-x: hidden;
}

body {
background: #171f69 url(images/bg_top.jpg) repeat-x top left;
font-family: Arial, Helvetica, sans-serif;
line-height:160%;
font-size:14px;
color:#333;
margin: 29px 0px 0px;
}

#contact-box {
	position: relative;
	right: -774px;
    top: -31px;
}

#outwrapp {
background: transparent url(images/bg_bottom.jpg) repeat-x bottom center;
   padding-bottom: 151px;
}

img {
border:none;
}

.png_nobg {
border:none;
}


#top-box {
	margin: auto;
	width: 1000px;
}

#container {
width:1400px;
height:auto;
overflow:hidden;
margin:0 auto;
background:url(images/fader2.png) no-repeat;
}

.header-logo {
margin-left: 50px;
    margin-top: -153px;
    position: absolute;
	height:102px;
}

#wrapper {
background:url(images/wrapper_bg.jpg) no-repeat bottom #fff;
  width: 909px;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
padding: 0 0 100px;
position:relative;
top:-14px;

}

#phone-contact {
position: relative;
right: -819px;
    top: -82px;
}

#phone-contact h3 {
font-size:32px;
margin:0;
color:#666666
}

#phone-contact h4 {
font-size:22px;
margin:0;
color:#171f69;
margin:0 0 5px 0;

}

#nav {
 background: url("images/nav_bg.png") no-repeat scroll 0 0 transparent;
    height: 74px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -48px;
    position: relative;
    width: 927px;
	z-index:100;

}
/*
#nav a:link, #nav a:visited {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
padding-left: 6px;
padding-right: 6px;
text-decoration: none;
}

#nav a:hover {
color: #575756;
background: #dddee5;
padding-top:11px;
padding-bottom:12px;
font-family:Arial, Helvetica, sans-serif;
margin-top: 0px;
}


#nav ul {
 margin: 1px 0 1px 0px;
    padding: 4px 0 0 0;
}
#nav li {
list-style:none;
display:block;
padding:0 0px 0 0px;
}
*/
#heading_tag {
width:919px;
height:217px;
margin:15px 0 0 0;
padding-bottom:14px;
}

#header {
margin: -7px 0 0;

}

#banner {
height: 233px;
list-style: none outside none;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
width: 852px;
}

h1 {
   color: #333;
    font-size: 30px;
    line-height: 36px;
    padding-top: 12px;
	font-family:arial;
	font-weight:normal;
    border-bottom:1px solid #666;	
	    padding-bottom: 5px;
}

#content-stack img {

}
.stackcol1 img  {
	border: 1px solid #d6d6d6;
	margin-bottom:5px
}


#content-stack ul {
padding-left:19px;
}

#content ul {
margin-left:19px;
margin-top:8px;
}

#content li{
margin-left: 10px;
}



#homepanel {
background: url("images/quicklinks_bg.jpg") no-repeat scroll left top transparent;
   height: 258px;
    list-style: none outside none;
    margin-left: 0 !important;
	     padding-top: 28px;
}

#homepanel li {
    float: left;
    padding-left: 0px;
    padding-right: 0;
    padding-top: 0;
    width: 176px;
	margin-top:0 !important;
	margin-bottom:0 !important;
}


h3 {
	font-size:27px;
	margin:0px;
	
}

#content p { 
	padding-top:10px;
}



#content h2 {
  color: #333;
    font-size: 18px;
    font-weight: normal;
    padding-top: 28px;
}

.products {
    margin-bottom: -18px!important;
}


#sidebar {
    float: left;
    overflow: hidden;
    padding: 0 0 40px 4px;
    width: 263px;
	color: #414042;
}

#form-top {
    background: url("images/form_bg.jpg") no-repeat scroll left top transparent;
    color: #6E7F77;
    font-size: 12px;
    height: 526px;
    min-height: 350px;
    padding: 108px 31px 19px;
    width: 216px;
}

#form-top h3 {
    color: #868A89;
    font-size: 25px;
    line-height: 103%;
    padding: 0 0 5px;
}

#form-top h2 {
font-size:29px;
letter-spacing:-0.07em;
margin:0;
padding:2px 0 16px 0;
border-bottom:1px solid #5c646b;
width:211px;
}


#form-top p {
 color: #45484E;
    font-size: 12px;
    line-height: 120%;
    padding-top: 6px;
	 padding-bottom: 10px;
}


#form-top ul {
padding:0;
}

#form-top li {
list-style:none;
}

#form-footer {
width:258px;
height:6px;
padding-bottom:48px;
background:url(images/form-bottom.jpg) no-repeat;
}

.home-product {
overflow:hidden;
}

#footer {
     color: #FFFFFF;
    height: 86px;
    margin: auto;
    padding: 9px 0 0 40px;
    width: 910px;
}

#footer table {
font-size:10px;

}

#footer td {
vertical-align:top;
width:151px;
    line-height: 150%;
}




#submitButton {
 background: url("images/submit.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 52px;
    margin: 16px 0 0 -8px;
    outline: medium none;
    text-indent: -9999px;
    width: 215px;
}

.left {
float:left;
}

.right {
float:right;
}



input {
    border: medium none;
    margin: 4px 0 12px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;
}

.textbox {
  width: 185px;
color:#606060;	
   background: none repeat scroll 0 0 #FFFFFF;
}

textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    font-size: 13px;
    height: 80px;
	max-height: 80px;
	min-height: 80px;
    line-height: 120%;
    margin-left: 0;
    margin-top: 0;
    padding: 2px 0 0 5px;
    width: 185px;
	max-width: 185px;
	min-width: 185px;
}

#description {
	width:186px;
	margin-top:4px;
	height:80px;
	padding:2px 0px 0px 5px;
	font-size:13px;
	line-height:120%;
	border:none;
}

.clear {
clear:both;
}

#alv img {
margin:0 0 6px 0;
}

#alv p {
font-size:18px;
text-align:center;
}

.facebook {
float:right;
margin:25px 21px 0 0;
}

#footer ul {
padding:35px 0 0 15px;
}

#footer li {
list-style:none;
display:inline;
}

#footer a:link, #footer a:visited {
	color: #666666;
	font-size:10px;
	text-decoration:none;
}

.right_just
{
padding-left:128px;
}


#content {
  float: left;
    height: auto;
    overflow: hidden;
    padding: 16px 25px 40px 29px;
     width: 571px;
}

#content td {
padding-left: 0px;
padding-top: 1px;
font-size:12px;
}

#content-stack {
width:831px;
padding:0 0 0 41px;
}



#content_home {
background:url(images/homepanel.jpg) no-repeat;
background-position:30px 257px;
width:535px;
height:auto;
overflow:hidden;
float:left;
padding:0 0 0 37px;
}

.contenttext {
padding-left:8px; 	
}

#eyefordetail {
padding:19px 0 0 0;
	
}



#callnow {
font-size:13px;
color:#FFF;
float: left;
padding:40px 0px 0px 17px;
	
}

#getaquote   {
font-size:15px;
color:#FFF;
float:right;
padding:50px 77px 9px 0;

}

#locations  {
font-size:14px;
padding:57px 0 45px 305px;
float:left;
	
}

.largetext {
font-size: 16px;	
line-height: 150%;
	
}

.redtext {
color:#751414;
}

.workmen {
padding-right:13px;	

}

#tiling {
padding-left:8px;	
width:120px;
float:left;
}

#slatestone {
float:right;	
padding:0px 120px 10px 0px;
}

#addressinfo  {
font-size:15px;	
float:left;
}

#number {
float:right;
font-size:15px;	
padding:21px 86px 29px 0px;
}

.imgcontactshop
{
padding-bottom:58px;	

}

.checkbx {
width:12px;
height:12px;
margin:9px 0px 0px 5px;
}

entry-stack {
width:831px;
}

#stackstone {
	
	
}

.stackcol2 {
width:315px;
padding:4px 0px 0px 13px;
vertical-align:top;
}

.stackcol1 {
width:515px;
vertical-align:top;

}

.alignleft {
float:left;
 margin-bottom: 52px;
    margin-right: 11px;
    margin-top: 14px;
}

.alignright {
float:right;
}














/*-- Navigation Styling --*/

ul.topnav {
	list-style:none;
	padding-left:5px;
	margin:0px
}
ul.topnav li {
	float: left;
	display:inline;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	margin-top: 15px;
}

ul.topnav li span a:hover {
	background: #666;
}

ul.topnav li span a{
	background: none;
}

ul.topnav li a{
	color: #fff;
	display: block;
	font-size: 14px;
	text-decoration: none;
	padding: 11px 0px;
	width: 107px;
	text-align: center;
}
ul.topnav li a:hover{
	background: #bbbbbb;
	color:#171f69;
}
ul.topnav li span { /*--Drop down trigger styles--*/
}
ul.topnav li span.subhover {
	cursor: pointer;
	background:#000;
} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 39px;
	margin: 0;
	padding-top: 3px;
	display: none;
	float: left;
	width: 209px;
	height:auto;
	/*background:#bbbbbb;*/
}
ul.topnav li ul.subnav li{
	 /*--Create bevel effect--*/
	 /*--Create bevel effect--*/
	width: 137px;
	padding: 0;
}
html ul.topnav li ul.subnav li a {
	    background: none repeat scroll 0 0 #BBBBBB;
    color: #171F69;
    float: left;
    font-size: 12px;
    margin-top: -15px;
    padding: 5px 7px !important;
    text-align: left;
    text-decoration: none;
    width: 170px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #bbbbbb;
	color: #fff;
}

/* bigger button -bins */

ul.topnav2 {
	list-style:none;
	padding:0px!important;
	margin:0px!important;
}
ul.topnav2 li {
	float: left;
	display:inline;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav2 li span a:hover {
	background: #666;
}

ul.topnav2 li span a{
	background: none;
}

ul.topnav2 li a{
	color: #fff;
	display: block;
	font-size: 14px;
	text-decoration: none;
	padding: 6px 0px;
	width: 170px;
	text-align: center;
	margin-top: 20px;
	
}
ul.topnav2 li a:hover{
	background: #bbbbbb;
	padding: 11px 0;
	margin-top:15px;
	color:#171f69;
}
ul.topnav2 li span { /*--Drop down trigger styles--*/
}
ul.topnav2 li span.subhover {
	cursor: pointer;
} /*--Hover effect for trigger--*/

ul.topnav2 li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 39px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 137px;
	
}
ul.topnav2 li ul.subnav li{
	 /*--Create bevel effect--*/
	 /*--Create bevel effect--*/
	width: 137px;
	padding: 0;
}
html ul.topnav2 li ul.subnav li a {
	float: left;
	background: #a5884e;
    color: #FFFFFF;
	font-size: 11px;
    text-decoration: none;    
	padding: 0px 0px!important;
	width: 137px;
	text-align: center;
}
html ul.topnav2 li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #666;
	color: #fff;
}

/* bigger button -saftey*/

ul.topnav3 {
	list-style:none;
	padding:0px!important;
	margin:0px!important;
}
ul.topnav3 li {
	float: left;
	display:inline;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav3 li span a:hover {
	background: #666;
}

ul.topnav3 li span a{
	background: none;
}

ul.topnav3 li a{
	color: #fff;
	display: block;
	font-size: 14px;
	text-decoration: none;
	padding: 6px 0px;
	width: 130px;
	text-align: center;
	margin-top: 20px;
	
}
ul.topnav3 li a:hover{
	background: #bbbbbb;
	padding: 11px 0;
	margin-top:15px;
	color:#171f69;
}
ul.topnav3 li span { /*--Drop down trigger styles--*/
}
ul.topnav3 li span.subhover {
	cursor: pointer;
} /*--Hover effect for trigger--*/

ul.topnav3 li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 39px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 137px;
	
}
ul.topnav3 li ul.subnav li{
	 /*--Create bevel effect--*/
	 /*--Create bevel effect--*/
	width: 137px;
	padding: 0;
}
html ul.topnav3 li ul.subnav li a {
	float: left;
	background: #a5884e;
    color: #FFFFFF;
	font-size: 11px;
    text-decoration: none;    
	padding: 0px 0px!important;
	width: 137px;
	text-align: center;
}
html ul.topnav3 li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #666;
	color: #fff;
}

.mobile-only {
    display: none;
}
@media (max-width: 940px) {
    body {
        margin-top: 0;
    }
    .mobile-only {
        display: inline-block;
    }
    #top-box {
        width: 100%;
    }
    #contact-box {
        position: static;
        display: none;
    }
    #header {
        clear: both;
        margin: 10px 0;
    }
    .header-logo {
        position: static;
        margin: 0 auto;
        height: auto;
        display: block;
    }

    #phone-contact {
        position: static;
        clear:both;
    }
    #phone-contact h4 {
        color: #fff;
        text-align: center;
    }
    #phone-contact h4 span {
        display: block;
        font-size: 14px;
        font-weight: normal;
    }
    #phone-contact h4 span strong {
        color: #FCAF15;
    }
    #nav {
        margin-top: 0;
        width: 100%;
        background: #FCAF15;
        height: 50px;
        box-sizing: border-box;
    }
    ul.topnav {
        box-sizing: border-box;
        width: 100%;
        display: none;
        background: #FCAF15;
    }
    ul.topnav li {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
    }
    ul.topnav li a {
        text-align: left !important;
        padding-left: 15px;
    }
    ul.topnav li ul.subnav {
        position: static;
        width: 100%;
        box-sizing: border-box;
    }
    ul.topnav li ul.subnav li {
        box-sizing: border-box;
        width: 100%;
    }
    html ul.topnav li ul.subnav li a {
        margin-top: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .mobile-nav {
        width:100%;
        background: #FCAF15;
        height: 50px;
        padding: 0 20px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .mobile-nav a {
        text-decoration: none;
    }
    .mobile-nav a > span {
        line-height: 50px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }
    .mobile-nav div {
        width: 34px;
        height: 30px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #192165;
        float: right;
        margin-top: 10px;
    }
    .mobile-nav div span {
        width: 22px;
        margin: 9px auto -6px;
        border: 1px solid #192165;
        display: block;
    }
    .mobile-nav div:hover {
        opacity: 0.8;
    }

    #wrapper {
        width: 100%;
        box-sizing: border-box;
        position: static;
    }
    #banner {
        width: 100%;
        height: auto;
        padding-top: 0;
    }
    #banner li img {
        width: 100%;
        height: auto;
    }
    #content {
        width: 100%;
        float: none;
        padding: 16px 20px;
        box-sizing: border-box;
    }
    h1 {
        margin: 0;
    }
    #homepanel {
        background: none;
        height: auto;
        text-align: center;
    }
    #homepanel li {
        float: none;
        display: inline-block;
        margin: 0 5px;
    }
    img {
        max-width:100%;
    }
    #sidebar {
        width: 100%;
        padding: 0 0 40px;
    }
    #below-sidebar {
        padding: 0;
    }
    #form-top {
        margin: 0 auto;
        padding-right: 4px;
    }
    body #content > img:last-child {
        margin: 0 auto;
        display: block;
    }
    .contact-box {
        width: 240px;
        margin: 0 auto;
    }
    #sidebar > iframe {
        width: 240px !important;
        height: 240px !important;
        margin: 0 auto;
        display: block;
    }
    #sidebar > small {
        display: none;
    }
    #footer {
        width: 100%;
        padding: 9px 20px;
        height: auto;
        box-sizing: border-box;
    }
    #footer table {
        display: block;
        width: 280px;
        margin: 0 auto;
    }
    #footer table br {
        display: none;
    }
    #footer table * {
        width: 100%;
        display: block;
    }

    #footer table a {
        display: inline-block;
        clear: both;
        margin: 0 auto;
    }
    #footer tr.top-row {
        display: none;
    }
    #footer tr td {
        display: block;
        text-align: center;
        width: 100% !important;
        margin-bottom: 18px;
    }
    #footer tr span.mobile-only {
        color: #fff;
        line-height: 17px;
        display: block;
    }
    #copyright-text-footer {
        position: static;
        display: block;
        float: none;
        width: 100%;
        text-align: center;

    }
    #outwrapp {
        background: none;
        padding-bottom: 75px;
    }

    #wrapper {
        padding-bottom: 0;
    }
    .type-page td {
        display: block;
        clear: both;
        text-align: center;
        width: 100%;
    }
    .type-page img {
        display: block;
        margin: 12px auto;
        float: none;
        padding: 0 !important;
    }
    .type-page td h2 {
        padding: 10px 0 6px !important;
    }

    body.page-id-223 #content .entry-content p > small {
        display: none;
    }
    body.page-id-223 #content .contact-box {
        padding: 0 !important;
        background: none;
        width: auto;
        height: auto !important;
    }
}