/* CSS Document */

/* default */
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1,h2,h3,h4,h5{ padding:0; margin:0; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
    .clrfix:before,
                    .clrfix:after {
                        content: " ";
                        display: table;
                    }
                    .clrfix:after {
                        clear: both;
                    }
                    .clrfix {
                        *zoom: 1;
                    }
                    

/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */
/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; background:url(http://shorthornpipelinelimited.com/images/body-bg-top.jpg) repeat-x #FFF; margin:0; padding:0; text-align: center; color:#000;}
.container {min-width: 1200px;margin: 0 auto;font-family: "Rajdhani"}
.row {max-width: 980px;margin: 0 auto}
.fl {float:left;}
.fr {float:right;}
a {text-decoration: none;color: inherit;}
.btn {display: inline-block;font-weight: 600;color:#fff;font-size: 20px;letter-spacing: 1px;line-height:120%;width:156px;border:1px solid #FF1717;background: linear-gradient(#DF0808,#A80000);text-align: center;padding: 7px 0}
.btn:hover {background: linear-gradient(#A80000, #DF0808 50%,#A80000)}
/*header*/
.blue-border {height: 5px;background:radial-gradient(#0052BC,#022868) }

nav a#pull { display: none;}
header{color:#000;background: url(../images/nav.png)repeat-x bottom left;min-height: 78px;border-bottom:5px solid #fff;padding: 0 0 3px}
header .row {max-width: 1095px;position: relative;}
.hd-logo {position: absolute;left:-12px;top:-5px;z-index: 20}
nav {text-align: right;}
nav ul { padding:0; margin:0;}
nav ul li {display: inline-block;vertical-align: middle;background: url(../images/nav-line.png)no-repeat left center;padding: 0 30px 0 50px}
nav ul li:last-of-type {padding-right:0;}
nav ul li:first-of-type {padding-left:0;background:none}
nav ul li a {display:block;font-weight: 600;font-size: 20px;letter-spacing: 1px;text-transform: uppercase;background: url(../images/arw.png)no-repeat center bottom -12px;padding:20px 0;transition: background-position 0.2s ease}
nav ul li a:hover , nav ul li.active-menu a{background-position: center bottom}

/*header*/
#banner{border-bottom:5px solid #fff;}
.bn-img {display: block;width: 100%;margin: 0 auto}

/* main */
#main {margin: 0 auto;background: url(../images/cn-top.jpg)repeat-x top left, url(../images/cn-bot.png)repeat-x bottom left;padding: 0 0 60px;border-bottom:5px solid #fff;}
.cn-wrap {width: 1150px;margin: 0 auto;position: relative;}
#content{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-o-box-sizing: border-box;padding: 50px;text-align: left;background: linear-gradient(#fff 90%, rgba(255,255,255,0) 10%);color:#000;}
#content h1 {font-weight: 600;color:#CC0505;font-size: 60px;line-height: 100%;margin: 0 auto 10px;padding: 0 0 15px;background: url(../images/h1.png)no-repeat left bottom;}
#content h1 span {color:#AAAAAA;}
#content p {font-weight: 500;font-size: 17px;line-height: 28px;margin: 0 auto 15px;}
#content h3 {font-weight: 500;font-size: 25px;color:#535353;line-height: 32px;margin: 0 auto 30px}
#content h3 span {font-weight: 600;color:#043992;}
#content h2 {font-weight: 600;font-size: 40px;color:#043A92;margin: 0 auto 15px}
.home #content h3 {max-width: 650px}
.home #content {width: 980px;padding-right:230px;margin: -135px auto 0}
.cn-box dl {margin: 0;padding: 0}
.cn-box dd {margin: 0 auto;padding: 0}
.cn-top dd {max-width: 315px}
.cn-bot dd {max-width:400px}
.cn-bot dt {padding: 0 35px 0 0}
.cn-box dd.clearfix {width: 100%;max-width: none !important;float:none;display: block}
.btns {margin: -30px auto 0}

#sidebar {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-o-box-sizing: border-box;background: url(../images/sidebar.png)no-repeat left 12px bottom, linear-gradient(#004DB2,#022868);;color:#fff;width:360px;height: 600px;padding: 10px 40px 0;position: relative;text-align: center;}
#sidebar:before {content: "";width: 100%;height: 76px;position: absolute;left: 0;top:-76px;background: url(../images/sb-top.png)no-repeat center top / 100% 100%;}
#sidebar h2 {font-weight: 600;font-size: 55px;line-height: 100%;background: url(../images/h2.png)no-repeat center bottom;padding: 0 0 15px;color:#fff;}
#sidebar ul {margin: 0;padding: 0;list-style-type: none;}
#sidebar li {border-bottom:1px solid #005AD5;padding: 20px 0}
#sidebar li:last-of-type {border:none;}
#sidebar p {font-weight: 500;font-size: 17px;line-height: 23px;margin: 0 auto }
#sidebar p.nums {font-size: 25px}
#sidebar p span {display: block;color:#F92424;font-size: 17px}
#sidebar p a{transition: color 0.2s ease}
#sidebar p a:hover {color:#F92424;}

.home #sidebar {position: absolute;right:0;top:-55px;}

.ft-top {height: 210px;background: linear-gradient(#0052BC,#022868)}
.truck {margin: -95px auto 0}

/* contact */
.ctc-form input[type="text"],.ctc-form textarea {width: 90%;border:1px solid #ddd;font-family: "Rajdhani";font-weight: 400;color:#000;padding: 5px;margin:0 auto 5px;height: 30px;border-radius: 2px}
.ctc-form textarea {height: 100px}


/*footer*/
footer{background: #011E4E;color:#fff;padding: 20px 0}
footer p {font-weight: 500;font-size: 14px;letter-spacing: 3px;line-height: 120%;margin: 0 auto;padding: 0}

#inner .hd-logo {max-width: 230px;}
#inner #main {padding: 40px 0}
#inner #content {padding: 90px 50px 50px}
.products #content ul {list-style-type: none;margin: 0;padding: 0;text-align:center;}
.products #content ul li {display: inline-block;vertical-align: top}
.pr-imgs li {margin: 0 60px 20px}
.ship {margin: 30px auto 0}

.ctc-left, .ctc-right {float:left;margin: 80px auto 0}
.ctc-right-padding {float:left;margin: 20px auto 0; padding-left: 20px}
 .ctc-right {width: 500px;margin: 0 0 0 20px}
 .abt-img {display: block;margin: 0 auto 20px;max-width: 35%;margin: 0 0 1em 1em;box-shadow:2px 2px 2px rgba(0,0,0,0.4)}