/*

Site: T-Rex
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: 

     , '-------------------------- |______
    '                          '||/      /|
   '                          ' ||_____ / |
  '     T-Rex Services        ' ||  |/ [| |________
  '                           ' ||  [__[]/________/|
  .____________________________.||  ~   \|       | |\
 (____________________________()[]__|____|=======|_//
 [](-----------\__|---||'    '  '(______(/ /----\�\/
 / /'(  )`'(  )`  |___|/'.___'..'(______(\/'(  )'\/
 \/ '.__.''.__.`                           '.__.' 


*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 

a { outline: none; }

p { margin-bottom: 8px; color:#000000;}

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color: #666;
	background: #2f2f2f url(/images/home/body-bg.jpg) repeat-y top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 18px; font-weight: bold; 	color: #6D1313; }
h2 { font-size: 16px; font-weight: bold; 	color: #6D1313; }
h3 { font-size: 12px; font-weight: bold; 	color: #6D1313; }

a { color: ##B21D1F; }
a:hover { text-decoration: none; }


/** STRUCTURE **/
#top-red-bar {with: 100%; height:6px; font-size:2px; line-height:2px; background:url(/images/home/top-red-bar.jpg) top center repeat-x;}  
#wrapper {width: 954px; margin: 0 auto;}
#top-glow {width: 100%; background:url(/images/home/top-glow.jpg) top center no-repeat;}


	/* Top Area - Logo and tagline */
	
	#logo-address {width: 212px; height: 146px; float: left;}
	.address-area {width: 212px; height:37px; float:left; background:url(../images/home/address-bg.jpg) top left no-repeat}
	.address-area h3 {font-size: 11px; color:#FFF; font-weight:normal;}
	#logo-area  {width: 954px; height: 146px;}
	
	#trex-logo {width: 212px; height:109px; float:left; background:url(../images/home/logo-trex.jpg) top left no-repeat}
	#tagline {width: 287px; height:146px; background:url(/images/home/tagline.jpg) top left no-repeat; float:left;}
	#steel-tag {width: 276px; height:146px; background:url(/images/home/steel-tag.jpg) top left no-repeat; float:left}
	#contact-red {width: 172px; height: 140px; float:left; background:url(/images/home/contact-red.jpg) top left no-repeat;
	padding: 5px 1px 1px 5px}
	#contact-red p {color:#FFF; margin:0; padding:0; font-weight:bold}
	
	/*Navigation*/
	#nav {width: 949px; height: 30px; background:url(/images/home/nav-bg.jpg) top center repeat-x; border: 1px solid #6A6A69; 
	clear:left;}
	#nav-btm {width: 954px; height: 22px; background:url(/images/home/nav-btm.jpg) top left no-repeat;}
	
	/*main content area on home page */
	#home-content {width: 954px}
	
	/*Left side - Red box, Call outs, Meet the Team */
	#left-content {width: 658px; float:left;}

		#red-top {width: 658px; height:18px; background:url(/images/home/red-top.jpg) top left no-repeat; float:left}
		#red-box {width: 658px;  min-height:222px; height:auto !important; height:222px; background:url(/images/home/red-bg.jpg) top left repeat-y; clear:left; float:left}
		
			#red-left{width:264px; float:left; padding: 0 18px 0 22px; background:url(/images/home/red-left-bg.jpg) top left no-repeat;}
			#red-right {width: 354px; float:left; padding:0 0 0 0;}
				#what-title {width:349px; height: 37px; background:url(/images/home/what-title.jpg) top left no-repeat;}
				#red-txt {width: 330px; float:left; padding-top:5px;}
				#red-txt p {color: #FFF}
				#red-txt a {color:#FFF;}
				.red-links {width: 165px; float:left; margin-top:5px;}
					.red-links a {color:#FFF; font-weight:bold; display:block; width: 160px; padding-left:5px; 
					 line-height:23px; text-decoration:none;}
					 .red-links a:hover {background:url(/images/home/red-link-arrow.jpg) right center no-repeat #541112;}
		
		#red-btm {width: 658px; height:35px; background:url(/images/home/red-btm.jpg) top left no-repeat; clear:both; float:left; 
		margin:0; padding:0}
		
		#three-row {width: 658px; height:184px; background:url(/images/home/three-bg.jpg) top left no-repeat; margin:0; float:left;
		padding: 0px;}
			.three-box {height: 184px; width: 186px; border:0; float:left;}
				#three-project {margin-left: 14px;}
				#three-app {margin-left: 33px}
				#three-safety {margin-left: 34px;}
		
		#meet-team {width: 329px; margin:0; float:left; background:url(/images/home/meet-bg.jpg) top left repeat-y; 
		min-height:250px; height:auto !important; height:250px; }
			#meet-title {width: 329px; height:60px; background:url(/images/home/meet-team.jpg) top left no-repeat; 
			vertical-align: top;}
			#meet-content {width: 276px; margin: 10px 0 0 20px;}
				#meet-content p {color:#FFF;}
			.black-arrow {width: 254px; height: 37px; line-height: 37px; margin-top:20px; 
			background:url(/images/home/black-arrow.jpg) top left no-repeat; padding-left:10px;}
			.black-arrow a{color:#FFF; text-decoration:none;}
			
		#team-spot {width: 329px; margin:0; float:left; background:url(/images/home/team-bg.jpg) top left repeat-y; 
		}
			#team-top {width: 329px; height: 34px; background:url(/images/home/team-top.jpg) top left no-repeat;}
			#team-content {width: 329px; background:url(/images/home/team-steel-bg.jpg) top left repeat-y; float:left}
				#team-txt {width: 282px; margin:0 4px  0 15px; display:inline; float:left; color:#000 }
				#team-txt p {font-size:14px; color:#000}
				#team-photo {width: 120px; height: 158px; margin:0; float:left;}
			#team-btm {width: 329px; height: 22px; background: url(/images/home/team-btm.jpg) top left no-repeat; clear:both}


	/*Right side - Trucks, Articles, etc */
	#right-content {width: 296px; float:right; position:relative;}
	
	#truck-title {width: 296px; height:75px; background:url(/images/home/truck-title.jpg) top left no-repeat;}
		#column-black {width: 296px; background:url(/images/home/column-black-bg.jpg) top left repeat-y; float:left}
		
		#truck-toptxt {width: 296px; height: 260px; background: url(/images/home/gallery-bg.jpg) top left no-repeat;}
			#truck-content {width: 238px; margin: 0 24px 20px 34px; color:#FFF;}
				#truck-content p {color:#FFF;}
				#truck-content a {text-decoration:underline; color:#CCC;}
				#truck-content a:hover, .black-arrow a:hover {color:#941D1F;}
				#gallery-link{
	display: block;
	width: 234px;
	height: 71px;
	text-indent: -9999px;
	position: absolute;
	top: 233px;
	left: 31px;
}
				
		#articles-title {width: 296px; height:45px; background:url(/images/home/articles-title.jpg) top left no-repeat;}
			#articles-feed {width: 238px; margin: 15px 24px 20px 34px;}
			#articles-feed a{ color:#FFF; text-decoration:none;}
			#articles-feed a:hover {color:#941D1F;}
		
		#meet-bobby {width: 296px; height: 193px; background:url(/images/home/meet-founder.jpg) top left no-repeat;}

	/*Footer*/
	
		.divider {height:10px; font-size:2px; line-height:2px; border-top: #B4B4B4 solid 1px; clear:both;}
		#footer-wrap {width: 949px;}
			#footer-left {width: 454px; float:left; padding: 10px 20px 10px 0px;}
			#footer-left h3 {font-size: 11px; color:#FFF; font-weight:normal;}
			#footer-right {width: 454px; float:right; padding: 10px 0 10px 0px; text-align:right; font-size:11px; color:#FFF}
			#footer-right a {color:#FFF; font-size:11px;}
			
/*Template*/
div.body-top {width: 658px; height:38px; vertical-align:top; background:url(../images/template/bodycontent-top.jpg) top left no-repeat; float:left;}
	div.body-bg {width: 658px; float:left; background:url(../images/template/bodycontent-bg.jpg) top left repeat-y;
	min-height:562px; height:auto !important; height:562px;}
	div.body-btm {width: 658px; float:left; 
	background:url(/images/template/bodycontent-btm.jpg) top left no-repeat; height:75px;}

#bodycontent {width: 575px; margin: 0 40px; color:#000; font-size:12px;}
#bodycontent p {color:#000; font-size:12px;}
#bodycontent a{color: #B21D1F; text-decoration: none}
#bodycontent a:hover {color:#B21D1F; text-decoration:underline}
			



/* COVERAGE MAP */

#coverage-map {
	display: block;
	width: 408px;
	height: 204px;
	margin: 0 auto;
	position: relative;
	}
	#coverage-map #houston-loc {
		position: absolute;
		display: block;
		width: 45px;
		height: 25px;
		top: 140px;
		left: 206px;
		text-indent: -9999px;
		}
	#coverage-map #dallas-loc {
		position: absolute;
		display: block;
		width: 28px;
		height: 20px;
		top: 116px;
		left: 200px;
		text-indent: -9999px;
		}
	#coverage-map #midland-loc {
		position: absolute;
		display: block;
		width: 28px;
		height: 20px;
		top: 130px;
		left: 154px;
		text-indent: -9999px;		
		}

		#tooltip{
		   position: absolute;
		   padding: 5px 8px;
		   z-index: 2;
		   color: #303030;
		   background-color: #f5f5b5;
		   border: 1px solid #DECA7E;
		   text-align: center;
		   display: none;
			}



/**** TENDENCI ***/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; 	color: #6D1313;}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}

div#skiptocontent {position: absolute; left: -9999px;}
	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}
.logo {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
}


a { 	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #B21D1F
	}
	
p { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	color: #B21D1F
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #B21D1F
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #B21D1F; 
	text-decoration: none
	}

h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #B21D1F; 
	text-decoration: none
	}

h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #B21D1F; 
	text-decoration: none
	}

td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000
}

input{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #999;
	margin: 2px;
	padding:2px;
	border: #6D1313 1px solid;
	background-color:#eeeeee
}
input:focus {background-color:#FFF; color:#000}

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}