/* Getting the new tags to behave */
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;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	font-family:"Century Gothic";
	font-size:100%;
	color:#FFF;
	min-width:1025px;
	background-color: #FFF;
	background-repeat: repeat;
	background-position: center top;
}

.body-top {
	width:100%;
	background-color: #FFF;
	background-position: center top;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 62px;
	padding-left: 0;
}
.container {
	width:1020px; 	
	padding:41px 0 0px 5px;
	margin:0px auto;
	background:url(../images/container-tail.gif) center top repeat;
	box-shadow:0px 0px 3px #666;
	-moz-box-shadow:0px 0px 3px #666;
	-webkit-box-shadow:0px 0px 3px #666;
}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.5em;
}

.requestquote {
	float:left;
	color: #000;
	
	padding: 10px;
	background-color: #FFF;
}

.requestquote a{
	text-decoration:none;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.requestquote a:hover{
	text-decoration:underline;
	color: #48caff;
	
}


a {color:#48caff; outline:none;}
a:hover {text-decoration:none;}





.col-1, .col-2 {float:left;
	width:310px;
	margin-left: 20px;}
.col-1 {margin-right:27px;}
	#page2 .col-1, #page2 .col-2 {width:220px;}
	#page2 .col-1 {margin-right:60px;}
	#page3 .col-1, #page3 .col-2 {width:290px;}
	#page3 .col-1 {margin-right:40px;}
	#page4 .col-1, #page4 .col-2 {width:290px;}
	#page4 .col-1 {margin-right:40px;}
	
.column-1, .column-2 {float:left; width:185px; padding-right:55px; margin-right:20px; background:url(../images/column-arrow.png) right center no-repeat;}
.column-3 {float:left; width:120px;}
	#page3 .column-1, #page3 .column-2 {float:left; width:185px; padding:0px; margin-right:40px; background:none;}
	#page3 .column-3 {float:left; width:185px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
.clear-wrap {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
 
p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:5px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#909090;}
.color-4 {color:#48caff;}
.color-5 {color:#b0b0b0;}

.index-1 {position:relative; z-index:1;}
.index-2 {position:relative; z-index:2;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.margin-top {margin-top:-5px;}
.margin-top2 {margin-top:-3px;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent-r {padding-right:30px;}
.indent-top {padding-top:55px;}
.indent-top2 {padding-top:8px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.inner-top {padding-top:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 23px 0px 0;}	
.img-indent2 {float:left; margin:0 18px 0px 0;}	
.img-indent3 {float:left; margin:0 15px 5px 0;}	
.img-indent4 {float:left; margin:0 5px 0px 0;}	
.img-indent5 {float:left; margin:0 12px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:12px;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.link-1,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}
.prev-indent-bot2 h1 {
	padding:3px 0 0 9px;
	position:relative;
	overflow:hidden;
	float:left;
	}

h1 {
	padding:3px 0 0 8px;
	position:relative;
	overflow:hidden;
	float:left;
}


	h1 span {
		display:inline-block;
		font-size:14px;
		line-height:47px;
		color:#7e7e7e;
		font-weight:normal;
		padding:1px 0 0 16px;
		margin-top:6px;
		background:url(../images/pic-1.gif) left top repeat-y;
		overflow:hidden;
	}
.logo {
	display:block;
	width:249px;
	height:79px;
	text-indent:-5000px;
	background-image: url(../images/Triqwestlogo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.list-services {
	padding:22px 2px 0 0;
	float:right;
}
	.list-services li {
		float:left; 
		padding:0 0 0 7px;
	}
		.list-services li a {
			display:block;
			width:22px;
			height:21px;
			text-indent:-5000px;
			background:url(../images/social-icons.png) left top no-repeat;
		}
		.list-services li a.itm-2 {background-position:-28px 0;}
		.list-services li a.itm-3 {background-position:-57px 0;}

/***** tooltips *****/
#easyTooltip {
	font-size:12px;
	padding:5px;
	color:#d8d8d8;
	border:1px solid #d8d8d8;
	background:#262626;
	position:relative;
	z-index:99;
}

/***** menu *****/
header nav,
#content nav {
	width:80%;
	min-height:390px;
	position:relative;
	z-index:99;
	background-color: #1D91FF;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-right: 10%;
	padding-left: 10%;
}
nav {
	padding-top: 20px;
	padding-bottom: 20px;
}




/***** slider *****/
.slider-wrapper {
	width:930px;
	height:350px;
	overflow:hidden;
	position:relative;
	z-index:1;
	color: #FFF;
	background-color: #000;
}
.slider {
	width:930px;
	height:300px;
	position:relative;
}

.items {
	display:none;
}

.pagination {
	position:absolute;
	left:5px;
	top:311px;
	z-index:99;
}
.pagination li {
	float:left;
	margin-right:4px;
}
	.pagination li a {
		display:block;
		width:31px;
		height:6px;
		text-indent:-5000px;
		background:#7b7b7b;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	}
	.pagination li.current a,
	.pagination li a:hover {background:#22afd5;}
	.pagination li.current a {cursor:default;}
	
.banner {
	display:inline-block;
	font-size:30px;
	line-height:48px;
	font-weight:normal;
	color:#FFF;
	padding-left:22px;
	position:absolute;
	top:300px;
	left:360px;
	z-index:99;
	background-image: url(../images/pic-2.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.banner.b4 {left:315px;}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:0px 0 20px 0;
	position:relative;
	z-index:1;
}
	#page1 #content {padding:20px 0;}

.spacer-1 {background:url(../images/spacer.png) right 0 repeat-y;}
.spacer-2 {background:url(../images/spacer-2.gif) right 0 repeat-y;}

h3 {
	font-size:30px; 
	line-height:1.2em; 
	margin:0 0 20px 0; 
	color:#fff;
	font-weight:normal;
}
h5 {
	font-size:18px; 
	line-height:1.2em; 
	margin:0 0 6px 0; 
	color:#989898;
	font-weight:normal;
}
h6 {color:#fff;}

.border-bot {
	width:100%; 
	padding-bottom:10px; 
	background:url(../images/border-bot.gif) 0 bottom repeat-x;
}
.border-bot2 {
	width:100%; 
	padding-bottom:15px; 
	background:url(../images/border-bot2.gif) 0 bottom repeat-x;
}
.border-bot3 {
	width:100%; 
	padding-bottom:57px; 
	background:url(../images/border-bot2.gif) 0 bottom repeat-x;
}
	#page3 .border-bot3 {padding-bottom:47px;}
	#page5 .border-bot3 {padding-bottom:55px;}
.border-bot4 {
	width:100%; 
	padding-bottom:22px; 
	background:url(../images/border-bot2.gif) 0 bottom repeat-x;
}

.box-1  {
	background:url(../images/box1-1-bg.jpg) 0 0 no-repeat #424242; 
	padding:22px 26px 22px 15px;
}
	#page1 .box-1 {
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #434343;
	background-image: url(../images/box1-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	}

.box-2 {
	color:#b0b0b0;
	padding:21px 0px 22px 10px;
	background:url(../images/box2-bg.jpg) 0 0 no-repeat #373737;
}
.box-3 {
	padding:21px 0px 22px 13px;
	background:url(../images/box3-tail.png) 0 0 repeat;
	position:relative;
}
	#page2 .box-3 {padding:20px 20px 21px 39px;}
	#page3 .box-3 {padding:20px 20px 22px 39px;}
	#page4 .box-3 {padding:20px 20px 24px 39px;}
	#page5 .box-3 {padding:20px 20px 25px 39px;}
	#page6 .box-3 {padding:20px 20px 25px 39px;}
	#page7 .box-3 {padding:20px 20px 25px 39px;}

.button {
	display:inline-block;
	padding:0 13px;
	font-size:11px;
	line-height:27px;
	color:#FFF;
	font-weight:normal;
}
	
	.button:hover {
	color:#fefefe;
}

.list-1 li {
	line-height:15px; 
	padding:8px 0 11px;
	background:url(../images/list1-li-bottom.gif) left bottom repeat-x;
}
.list-1 li.last {background:none;}
	.list-1 li a {color:#48caff; display:inline-block;}
		.list-1 li a:hover {color:#fff;}

.list-2 li {
	font-size:16px; 
	line-height:1.25em; 
	padding:11px 0 9px;
	background:url(../images/list2-li-tail.png) 0 bottom repeat-x;
	text-align:right;
	text-transform:uppercase;
	text-shadow:1px 1px #3d3e3e;
}
	.list-2 li a {
		display:inline-block; 
		color:#ebebeb; 
		padding-right:20px; 
		background:url(../images/marker.png) right 7px no-repeat;
	}
		.list-2 li a:hover {color:#000;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-weight:bold;
	padding-left:12px; 
	color:#fff;
	background:url(../images/marker-2.gif) 0 8px no-repeat;
}
.link-1:hover {text-decoration:underline;} 


.link-2 {
	display:inline-block; 
	padding-left:12px; 
	color:#fff;
	background:url(../images/marker-2.gif) 0 8px no-repeat;
}

.text-1 {font-size:18px; line-height:22px; color:#48caff; display:block;} 
.text-2 {font-size:14px; line-height:1.285em;}  

dl span {float:left; width:66px;}

.numb {
	display:inline-block;
	font-size:36px;
	line-height:1.222em;
	text-transform:uppercase;
	padding:5px 16px;
	color:#f8f8f8;
	background:url(../images/numb-tail.gif) 0 0 repeat-x #076da4;
}

.tdate-1 {
	display:block;
	font-size:16px;
	line-height:1.2em;
	color:#fff;
	margin-bottom:8px;
}

/* Contact form */
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				padding-bottom:9px;
			}
			
			#contact-form input {
				width:285px;
				padding:5px 8px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#909090; 
				border-bottom:1px solid #cad2d5;
				border-top:1px solid #7d7d7d;
				border-right:1px solid #c9d2d7;
				border-left:1px solid #7d7d7d;
				background:url(../images/input-tail.gif) 0 0 repeat-x #fff;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:88px;
				width:288px;
				padding:5px 8px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#909090; 
				border-bottom:1px solid #cad2d5;
				border-top:1px solid #7d7d7d;
				border-right:1px solid #c9d2d7;
				border-left:1px solid #7d7d7d;
				background:url(../images/input-tail.gif) 0 0 repeat-x #fff;
				overflow:auto;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:12px;
					line-height:1.25em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:15px 0px 0 0; text-align:right;}
		.buttons-wrapper a { margin-left:8px;}

		
/***** Subscribe form *****/
#subscribe-form {display:block; padding:18px 0 0 20px;}
#subscribe-form label {
	display:block; 
	font-size:18px;
	line-height:1.2em;
	color:#6f6f6f;
	margin:-5px 0 10px 0;
}
#subscribe-form input {
	width:158px; 
	font-size:12px; 
	line-height:1.25em;
	color:#4d4d4d; 
	padding:1px 10px; 
	margin:0; 
	font-family:Arial, Helvetica, sans-serif; 
	border-bottom:1px solid #cad2d5; 
	border-top:none; 
	border-left:1px solid #7d7d7d;
	border-right:1px solid #c9d2d7;
	background:url(../images/subscribe-input-tail.gif) 0 0 repeat-x #fff;
}
.buttons-wrap { padding-top:12px;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:8px 0 30px;
	color:#c8c8c8;
}

.footer-text {
	float:right;
	font-size:16px;
	line-height:1.2em;
	display:inline-block;
}
	.footer-text a {color:#c8c8c8;}
	
.menu-list {float:left;}
	.menu-list li {
		float:left;
		font-size:14px;
		line-height:1.214em;
		padding:0px 19px 3px 17px;
		background:url(../images/pic-4.gif) right 0 no-repeat;
	}
	.menu-list li.first {padding:0px 19px 3px 0px;}
	.menu-list li.last {padding:0px 0px 3px 17px; background:none}
		.menu-list li a {color:#b7b7b7; text-decoration:none;}
		.menu-list li a:hover,
		.menu-list li a.active {text-decoration:underline;}
		
		/***** menu *****/
.menu {
	padding:34px 5px 0 0; 
	float:right;
}
.menu li {
	float:left; 
	position:relative;
	background:url(../images/menu-spacer.gif) 0 0 no-repeat;
	padding:0 10px 0 10px;
}
.menu li:first-child {background:none; padding-left:0;}
.menu > li > a {
	display:inline-block;
	font-size:12px;
	font-weight:700;
	line-height:1.2em;
	padding:0;
	color:#CCC;
	text-transform:uppercase;
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {
	color:#1D91FF;
}
.menu li a .sf-sub-indicator {
	display:block;
	width:10px;
	height:5px;
	text-indent:-9999px;
	background:url(../images/menu-submarker.png) 0 0 no-repeat;
	position:absolute;
	left:30px;
	top:-999em;
	z-index:99;
}
	.menu li.sfHover a .sf-sub-indicator {top:38px;}
.menu ul {
	position:		absolute;
	padding:		6px 0 8px 20px;
	top:			-999em;
	width:			131px;
	background:		#303030;
}
.menu ul ul {background:#434343;}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {background:none; padding:7px 0 6px;}
.menu li li a {
	display:		inline-block;
	font-family:	"Century Gothic";
	font-size:		12px;
	line-height:	15px;
	font-weight:	bold;
	color:			#a5a5a5;
	text-transform:capitalize;
}
.menu li li > a:hover, 
.menu li li.sfHover > a {
	color:#1D91FD;
}

.menu li:hover ul, .menu li.sfHover ul {
	left:			7px;
	top:			43px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			123px;
	top:			-5px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
nav h4 {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}
.top-phone {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	text-align: right;
}
h3.featured

{
	font-size: 16px;
	background-color: #FFF;
	color: #09F;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.box-1 img
{
	border:none;
	/*height: 203px;*/
	width: 230px;
	margin: 0px;
	
}

.featured-text

{
	font-size: 16px;
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #09F;
	text-transform: capitalize;
}