/*
Theme Name: Rextec
Author: Burfield Creative Development Team
Author URI: http://burfieldcreative.co.uk/
Description: The Rextec theme for WordPress is sophisticated, lightweight, and adaptable.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(images/bgr.png) #ffffff top repeat-x;
	color: #3b3838;
	font: .95em CalibriRegular,Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #cf0606;
	text-decoration: none
}
a:hover{
	color: #3b3838;
	text-decoration: none
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h1, h2, h3, h4{
	font: 1.8em SlabTallX-MediumRegular, Arial, Helvetica, sans-serif;
	margin: 0 0 1em;
	text-transform: uppercase
}
h3{
	font-size: 1.4em;
	margin: 0 0 1em
}
h4{
	font-size: 1.2em;
	margin: 0 0 1em
}
p{
	line-height: 1.3em;
	padding: 0 0 1.4em
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 960px
}
/*=== Header ===*/
#header{
	height: 160px;
	margin: 0 0 40px
}
/*- Logo -*/
#header h1{
	background: url(images/logo.png) no-repeat;
	float: left;
	margin: 0 0 20px;
	text-indent: -9999px;
	width: 215px
}
#header h1 a{
	display: block;
	height: 80px;
	text-decoration: none
}
/*- Contact Info -*/
#contact-info{
	color: #ffffff;
	float: right;
	font: 19px SlabTallXRegular, Arial, Helvetica, sans-serif;
	padding: 15px 10px 0;
	text-align: right;
	text-decoration: none
}
#contact-info a{
	color: #ffffff;
	text-decoration: none
}
#contact-info a:hover{
	color: #cf0606
}
/*- Title -*/
#title{
	clear: both;
	height: 240px;
	overflow: hidden
}
/*=== Slideshow ===*/
#slideshow{
	height: 305px;
	overflow: hidden;
	position: relative
}
#slide-title{
	background: url(images/blend.png);
	color: #ffffff;
	font: 35px SlabTallX-MediumRegular, Arial, Helvetica, sans-serif;
	left: 0;
	padding: 15px 15px 15px 20px;
	position: absolute;
	text-transform: uppercase;
	bottom: 15px;
	z-index: 5;
	width:614px;
}
#slide-pics{
	height: 305px;
	position: absolute;
	width: 960px
}
#slide-nav{
	font: 20px/23px SlabTallX-MediumRegular, Arial, Helvetica, sans-serif;
	height: 305px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 300px
}
#slide-nav li{
	border-bottom: 2px solid #f4ecee
}
#slide-nav li a{
	background: url(images/blend.png);
	color: #7e7e7e;
	display: block;
	height: 62px;
	padding: 13px 0 0 15px
}
#slide-nav li a:hover,
#slide-nav li a.active{
	background: #cf0606;
	color: #ffffff;
	text-decoration: none
}

#slide-pics span.slide-intro{
	display:none;
}
/*=== Navigation ===*/
/*- Nav1 Level1-*/
#nav1{
	clear: both;
	font: 17px/42px SlabTallX-MediumRegular, Arial, Helvetica, sans-serif;
	height: 42px;
	text-transform: uppercase
}
#nav1 li{
	float: left;
	line-height: 42px;
	padding: 0 40px 0 0;
	position: relative
}
#nav1 li.last{
	padding: 0
}
#nav1 li.last-active{
	padding: 0;
	background: #cf0606;
	color: #ffffff;
	text-decoration: none
}

#nav1 li:hover{
	position: relative;
	z-index: 10
}
#nav1 li a{
	border-radius: 9px;
	color: #ffffff;
	display: block;
	float: left;
	line-height: 42px;
	-moz-border-radius: 9px;
	padding: 0 8px;
	text-decoration: none;
	-webkit-border-radius: 9px
}
#nav1 li a:hover,
#nav1 li:hover a,
#nav1 li.active a,
#nav1 li.current-menu-item a,
#nav1 li.current-menu-ancestor a{
	background: #cf0606;
	color: #ffffff;
	text-decoration: none
}
/*- Nav1 Level2-*/
#nav1 li ul{
	background: #cf0606;
	border-radius: 9px;
	clear: both;
	float: none;
	left: -9999em;
	-moz-border-radius: 9px;
	padding: 10px 20px;
	position: absolute;
	top: 34px;
	-webkit-border-radius: 9px;
	z-index: 10
}
#nav1 li:hover ul{
	left: 0
}
#nav1 li li{
	border-bottom: 1px dashed #ffffff;
	padding: 0
}
#nav1 li li:last-child{
	border: 0
}
#nav1 li:hover li a{
	background: none;
	box-shadow: none;
	color: #ffffff;
	padding: 0;
	width: 165px;
	line-height:20px;
	padding:10px 0px 10px 0px;
}
#nav1 li:hover li a:hover{
	color: #ffffff;
	color: #000000
}
/*- Nav2 -*/
.nav2{
	font: 16px SlabTallX-MediumRegular, Arial, Helvetica, sans-serif;
	margin: 0 0 1em;
	text-transform: uppercase;
}
.nav2 li a{
	color: #4b4b4b;
	display: block;
	height: 1%;
	border-bottom: 2px dotted #787878;
	padding:18px 0
}
.nav2 li a:hover,
.nav2 li.active a,
.nav2 li.current_page_item a{
	color: #cf0606;
	text-decoration: none
}
/*=== Columns ===*/
#columns{
	height: 1%;
	padding: 40px 0
}
.col1{
	float: left;
	width: 630px
}
.col2{
	float: right;
	width: 300px
}
.col3{
	float: right;
	width:685px;
}
.col4{
	float: left;
	width:235px;
}
.col5{
	float: left;
	width: 260px
}
.col6{
	background: url(images/ico-tw.png) top right no-repeat;
	float: left;
	margin: 0 0 0 115px;
	width: 265px
}
.col7{
	float: right;
	width: 225px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: #dbdbdb;
	height: 1%;
	margin: 0 0 30px;
	padding: 25px 20px 20px 20px
}
.box.red{
	background: #cf0606;
	color: #ffffff
}
.box.red a{
	color: #ffffff
}
.box.red a:hover{
	color: #3b3838
}
.box h3{
	background: #3b3838;
	color: #ffffff;
	margin: 0 0 .8em -20px;
	padding: 15px 5px 15px 20px;
	position: relative
}
.box h4{
	color: #cf0606;
	margin: 0 0 10px
}
/*=== Styling Lists ===*/
.col3 ul{
	padding: 0 0 10px 0;
}
.col3 li{
	background: url(images/ico-list.png) no-repeat 0 4px;
	margin: 0 0 .5em;
	padding: 0 0 0 18px
}
.list1 ul{
	float: left;
	margin: 0 0 1.5em;
	padding: 0 85px 0 0
}
.list1 li{
	background: url(images/ico-list.png) no-repeat 0 4px;
	margin: 0 0 .5em;
	padding: 0 0 0 18px
}
.list1 li a{
	color: #3b3838;
	text-decoration: none
}
.list1 li a:hover{
}
/*- List Thumbs -*/
.list-thumbs{
	margin: 0 -20px 0 0;
	position: relative;
	width: 650px
}
.list-thumbs li{
	float: left;
	height: 95px;
	margin: 0 20px 20px 0;
	width: 140px;
	border: 1px solid #aeacac; background:none; padding-left:0px;
}
.list-thumbs li img{
	display: block
}
/*=== Styling Forms ===*/
/*- Form Newsletter -*/
.form-newsletter{
	/*border: 1px solid #aeacac;
	border-radius: 9px;
	border-right: 0;
	height: 40px;
	margin: 0 0 20px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	width: 250px*/
}
.form-newsletter fieldset{
}
.form-newsletter input{
	background: none;
	border: 0;
	float: left;
	font-size: 16px;
	margin: 8px 5px 0 5px;
	width: 155px;
	border-radius: 9px;
	border: solid 1px #282828;
}
.form-newsletter input.btn{
	background: none;
	border: 0;
	float: right;
	margin: -1px -10px -1px 15px;
	padding: 0;
	position: relative;
	width: auto
}
/*=== Link Buttons ===*/
.btn-more a{
	font: 1em CalibriBold, Arial, Helvetica, sans-serif;
	text-transform: uppercase
}
/*=== Footer ===*/
#footer{
	border-top: 1px solid #cf0606;
	padding: 20px 0
}
#footer h4{
	font-size: 1.4em;
	margin: 0 0 .5em;
	text-transform: none
}
/*- Soclinks -*/
.soclinks{
	height: 21px;
	margin: 0 0 30px
}
.soclinks li{
	float: left;
	margin: 0 8px 0 0
}
/*- Footer Contact Info -*/
.contact-info ul{
	margin: 0 0 1em
}
.contact-info li{
	margin: 0 0 .3em
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}

.form-newsletter{
	position:relative;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.form-newsletter input[type="submit"]{
	background: red;
	border:none;
	cursor:pointer;
	width:75px;
	height:42px;
	position:absolute;
	top:-9px;
	right:-20px;
}
.form-newsletter #error{
	color:#ff0000;
	padding-top:5px;
}

.contact-cont{
	overflow:hidden;
}
.contact-cont #contact-left{
	float:left;
	width:212px;
}
.contact-cont #contact-right{
	float:left;
	width:473px;
}
#contact-form{
	clear:both;
	margin-top:20px;
}

#contact-form h2{
	margin:0;
}

#contact-form form, #contact-form input[type="text"], #contact-form textarea{
	width:350px;
}

#contact-form input[type="submit"]{
	background: url("images/btn-submit.png") no-repeat scroll left top transparent;
	border: medium none;
	cursor: pointer;
	height: 42px;
	text-indent: -999999px;
	width: 75px;
	float:right;
}
#contact-form .ajax-loader{
	float:right;
	padding: 10px;
}

#contact-form .wpcf7-validation-errors{
	background-color:#F2DEDE;
	border-color:#EED3D7;
	border-radius:4px 4px 4px 4px;
	color:#B94A48;
	padding:15px;
	margin:10px 0 10px 0;
}
#contact-form .wpcf7-mail-sent-ok{
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #468847;
	padding-bottom:15px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	border-radius:4px 4px 4px 4px;
	margin:10px 0 10px 0;
}

.tnp-subscription {
	margin: 0;
	max-width:none;
}

body .tnp-subscription input.tnp-submit {
	background-color: #B94A48;
	position: absolute;
	top: 27px;
	right: 0;
	height: 50px;
}