@import"../css/superfish.css";
@import"../css/prettyPhoto.css";

/* 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 {
	min-width:960px;
	color:#696969;
	font:normal 13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#fff;
	border-top:4px solid #4d4d4d;
}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
}

a {color:#1799cf; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}

.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:22px;}
.p0 {margin-bottom:0;}
.p1 {margin-bottom:8px;}
.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;}
.bl {display:block;}
.bo {font-weight:bold;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#2f2f2f;}
.color-4 {color:#a7a7a7;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 18px 0px 20px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:35px;}
.indent-bot4 {margin-bottom:45px;}
.indent-r {margin-right:15px;}
.indent-r2 {margin-right:21px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	
.img-border {
	border:1px solid #f5f5f5;
	padding:8px;
	float:left;
	background:#FFF;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	width: 500px;
}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.bot-pad {padding-bottom: 40px;}
.bot-pad2 {padding-bottom: 15px;}
.bot-pad3 {padding-bottom: 45px;}
.bot-pad4 {padding-bottom: 20px;}

.border {border:3px solid #000;}

a {cursor:pointer;}

.button, .button-1, .list-1 li a, .list-2 li a, .link, .link-1, .link-2, h1 a {text-decoration:none;}	

/*********************************header*************************************/
header {width:100%; position:relative; z-index:3; background:#fff;}
.header {width:100%; background:#fff;}

h1 {padding:0; position:absolute;top:24px;left:220px;}
h1 a {display:block; width:500px; height:65px; text-indent:-5000px; background:url(../images/logo_trueblue.png) 0 0 no-repeat;}

.row-1 {
	height:147px;
	position:relative;
}

.row-2 {
	position:relative;
	z-index:2;
}

.slogon {
	position:absolute;
	top:104px;
	left:395px;
	font-size: 11px;
	line-height:22px;
	font-weight:normal;
	text-transform:uppercase;
	color:#a9a9a9;
}

.slogan1 {
	position:absolute;
	top:90px;
	left:355px;
	font-size: 20px;
	line-height:22px;
	font-weight:bold;
	font-family:cambria;	
	color:#4D4F50;
}

.slogan2 {
	position:absolute;
	top:115px;
	left:385px;
	font-size: 14px;
	line-height:15px;
	font-weight:bold;
	font-family:cambria;	
	color:#3B3C3F;
}

/*********************************content*************************************/
#content {
	width:100%; 
	position:relative; 
	z-index:2; 
	background: url(../images/content-border.gif) repeat-x 0 bottom #fff;
	padding:45px 0 9px;
}

#page1 #content {padding:0 0 9px;}

.content-bg {
	background: url(../images/content-bg.png) repeat-x 0 top #fff;
	padding: 45px 0 91px;
}

#page1 .content-bg,
#page3 .content-bg {padding: 50px 0 91px;}

.spacer-1 {width:100%; background:url(../images/spacer-1.gif) 217px 0 repeat-y;}

h2 {
	font-size:31px;
	line-height:38px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
}

h3 {
	font-size:26px; 
	line-height:32px; 
	color:#222; 
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:-2px;
}

h3.pic1 {background:url(../images/pic1.png) no-repeat 0 7px;padding: 12px 0 10px 60px; margin-bottom:5px;}
h3.pic2 {background:url(../images/pic2.png) no-repeat 0 7px;padding: 12px 0 10px 60px; margin-bottom:5px;}
h3.pic3 {background:url(../images/pic3.png) no-repeat 0 7px;padding: 12px 0 10px 60px; margin-bottom:5px;}

h3 strong {
	display:block;
	font-weight:normal;
}

h4 {
	font-size:29px;
	line-height:35px;
	color:#1c1c1c;
	font-weight:normal;
	letter-spacing:-1px;
}

h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	color:#a7a7a7;
	font-weight:normal;
}

h6 a {
	color:#a7a7a7;
	text-decoration:none;
}

h6 a:hover {text-decoration:underline;}

.border-bot {width:100%; height:1px; background:url(../images/border-bot1.gif) 0 bottom repeat-x;}

.box {width:100%; background:url(../images/bg-box.png) 0 0 repeat;}
.padding-box {padding:10px 10px 10px 10px;}

.list-1 li {
	color:#fff;
	background:url(../images/hover.png) 0 -284px no-repeat;
	height:244px;
	width:190px;
	float:left;
	margin:0px 0 0 -57px;
	position:relative;
	overflow:hidden;
	padding:36px 45px 0 45px;
}

.list-1 li.alt {background-position: 0 0px;z-index:9!important;} 

.list-1 li:first-child {margin-left:0;z-index:4;}
.list-1 li.item-2 {z-index:3;}
.list-1 li.item-3 {z-index:2;}
.list-1 li.item-4 {z-index:1;}

.list-1 li a {
	display:block;
	height:29px;
	width:29px;
	background:url(../images/marker-4.png) no-repeat 0 0;
	margin-left:80px;
}
.list-1 li a:hover {background-position: 0 -38px;}

.link:hover {text-decoration:underline;} 

.link-1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:22px; 
	color:#19cdd6; 
	font-weight:bold;
	text-decoration:none;
}

.list-2 li {
	background:url(../images/marker-5.png) no-repeat 0 0;
	font-size:14px;
	line-height:22px;
	padding: 0 0 16px 40px;
}

.list-2 li.last {padding-bottom:0;}

.list-2 li a {
	color:#a7a7a7;
	text-decoration:none;
}

.list-2 li a:hover {text-decoration:underline;}

.link-1:hover {text-decoration:underline;} 

.text-1 {
	font-size:18px;
	line-height:22px;
	color:#3B3C3F;
}

.border-1 {border-bottom:1px solid #e4e4e4;}

.border-2 {background:url(../images/border-2.gif) repeat-x 0 bottom;}

.border-3 {border-bottom:1px solid #d4d4d4;}

.button {
	font-size:15px;
	line-height:22px;
	color:#282828;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
}

.button:hover {color:#1abdd2;}

.count {
	background:url(../images/count.png) no-repeat 0 0;
	float:left;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:35px;
	line-height:42px;
	color:#FFF;
	font-weight:bold;
	margin: 0 18px 0 0;
	padding-top:5px;
	height:62px;
	width:51px;
}

blockquote {
	background:url(../images/quote-bottom.png) no-repeat 0 bottom;
	padding-bottom:31px;
	width:260px;
}

.quote-bg {
	background:url(../images/quote-bg.png) repeat-y 0 0;
	width:100%;
}

.quote-top {
	background:url(../images/quote-top.jpg) no-repeat 0 top;
	width:100%;
	min-height:120px;
}

.quote-inner {
	background:url(../images/quote.png) no-repeat 18px 13px;
	padding: 20px 10px 0 34px;
}

.map-canvas {width:0px; height:0px; overflow:hidden;}

dl dt {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	color:#3B3C3F;
	font-weight:normal;
}
dl dd {overflow:hidden;
color:#3B3C3F;
}
dd span {float:left; width:80px;}


/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	line-height:1em;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:45px;
				position:relative;
				left: 110px;
			}
			#contact-form label.message {
				min-height:243px;
			}
			
			#contact-form input {
				display:inline-block;
				height:16px;
				width:240px;
				padding:10px 13px;
				margin:0;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#696969; 
				border:1px solid #e3e3e3;
				background:none;
				border-radius:7px;
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				outline:none;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:204px;
				width:600px;
				padding:7px 13px;
				margin:0;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#696969; 
				border:1px solid #e3e3e3;
				background:none;
				overflow:auto;
				border-radius:7px;
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				outline:none;
				resize:none;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {
					display:none; 
					margin-bottom:10px;
					padding:7px 13px;
					border:1px solid #e3e3e3;
					border-radius:7px;
					-moz-border-radius:7px;
					-webkit-border-radius:7px;
					width:156px;
				}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:22px;
					display:none;
					overflow:hidden;
				}
				.buttons-wrapper {text-align:right;}
			.buttons-wrapper a { 
				margin-left:15px;
			}

/****************************footer************************/
footer {width:100%; padding:30px 0 30px; background:none;position:relative;overflow:hidden;}

.footer-logo {
	background:url(../images/footer-logo.png) no-repeat 0 0;
	display:block;
	position:absolute;
	top:33px;
	left:0;
	height:19px;
	width:90px;
}

.text-bot {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; line-height:22px; color:#a2a2a2; text-transform:uppercase;padding:5px 0 0 96px;float:left;}
.text-bot a {color:#a2a2a2; text-decoration:none;}
.text-bot a:hover {text-decoration:underline;}

.social-buttons li {
	font-size:11px;
	line-height:22px;
	color:#1e1e1e;
	text-transform:uppercase;
	float:left;
	padding-left:2px;
}

.social-buttons li:first-child {padding: 5px 8px 0 0;}

.social-buttons li a {
	background:url(../images/social-buttons.png) no-repeat 0 0;
	display:block;
	height:31px;
	width:31px;
}

.social-buttons li a.item-2 {background-position: -33px 0;}
.social-buttons li a.item-3 {background-position: -66px 0;}
.social-buttons li a.item-4 {background-position: -99px 0;}

/*********************************slider**********************************/
.slider-wrapper {
	overflow:hidden;
	width:100%;
	height:407px;
	position:relative;
	z-index:1;
	padding:15px 0 0px 0;
}
.slider {
	position:relative;
	width:100%;
	height:407px;
}
.items {display:none;}

.banner {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	position:absolute;
	left:598px;
	top:34px;
	color:#919191;
	z-index:1;
	width:295px;
}

.banner strong {color:#3a3a3a;}

.banner-button {
	font-size:15px;
	line-height:22px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	padding: 30px 0 0 8px;
	display:block;
	height:54px;
	width:84px;
	background:url(../images/banner-button.png) no-repeat 0 0;
	text-decoration:none;
}

.banner-button:hover {background-position: 0 -89px;}

.color-image {
	display:none;
	position:absolute;
	top:-34px;
	left:-598px;
	height:407px;
	width:588px;
}

.color-image.item1 {background:url(../images/color-image1.jpg) no-repeat 0 0;}
.color-image.item2 {background:url(../images/color-image2.jpg) no-repeat 0 0;}
.color-image.item3 {background:url(../images/color-image3.jpg) no-repeat 0 0;}
.color-image.item4 {background:url(../images/color-image4.jpg) no-repeat 0 0;}

.st1 {
	font-size:49px;
	line-height:59px;
	font-weight:normal;
	letter-spacing:-1px;
}

.st2 {
	font-size:51px;
	line-height:62px;
	font-weight:normal;
	letter-spacing:-1px;
}

.top-padd {margin-top:-14px;}
.top-padd2{margin-top:-13px;}

.prev, .next {
	position:absolute;
	width:14px;
	height:26px;
	top:381px;
	z-index:9;
	text-indent:-5000px;
	height:26px;
	width:26px;
	background-image:url(../images/pagination.png);
	background-repeat:no-repeat;
}

.prev {
	right:31px;
	background-position: left 0;
}

.prev:hover {background-position: left -28px;}

.next {
	right:0px;
	background-position: right 0;
}

.next:hover {background-position: right -28px;}

/****************************easyTooltip************************/
#easyTooltip {font-size:11px; color:#fff; text-transform:none; padding:5px 10px; background:#c23804; z-index:10;}

/***** Lightbox image *****/
.lightbox-image {
	position:relative;
	z-index:1;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	}
	.lightbox-image img {
		position:relative;
		z-index:1;
	}
	.lightbox-image span {
		display:inline-block;
		position:absolute;
		left:0px;
		top:-120px;
		width:100%;
		height:100%;
		background:url(../images/magnify.png) no-repeat 50% 0;
		z-index:2;
		padding:0;
	}
	
/*********** tabs ***********/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}
ul.tabs li {
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	margin: 0;
	padding: 0 0 3px 0;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	background:#e7e7e7;
	text-decoration: none;
	color: #303030;
	display: block;
	padding: 13px 0 13px 14px;
	outline: none;
	position:relative;
	overflow:hidden;
}

ul.tabs li.active a {background: #19cdd6;color:#ffffff !important;}

ul.tabs li a:hover {
	background: #19cdd6;
	color:#ffffff;
	position:relative;
	overflow:hidden;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color:#ffffff;
}

.tab-border {
	width:100%;
	overflow:hidden;
	position:relative;
	height:242px;
	border-bottom: 1px solid #012a37;
}

.tab_container {
    overflow: hidden;
    width: 100%;
}