/* Import normalizing stylesheet */

@import url('normalize.css');

/* CSS Document */

html
{
	text-align: center;
}

body
{
	margin: 0;
	padding: 0;
	background: #d9d9d7 url('../images/gradient-bg.jpg') repeat-x top left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: .8em;
}

/* layout and formatting */

div#container
{
	width: 800px;
	margin: 0 auto 1em;
	padding: 0;
	text-align: left;
	position: relative;
}

/* Branding */

div#branding
{
	position: absolute;
	width: 301px;
	background: #fff;
	z-index: 500;
	font-size: .85em;
	text-align: center;
	border-top: 9px solid #424a51;
}

div#branding h1
{
	margin: 0;
	padding: 0;
}

div#branding h1 img
{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: -5px;
}

div#branding p#tagline
{
	background: #424a51;
	padding: 15px 25px 0;
	margin: 0;
	color: #fff;
	height: 47px;
}

/* Navigation */

div#nav_primary
{
	position: absolute;
	left: 301px;
	width: 499px;
	height: 62px;
	z-index: 800;
	top: 9px;
	background: #87ce2b url('../images/menu-bg.gif') repeat-x bottom left;
}

div#nav_primary ul
{
	margin: 25px 0 0 21px;
	padding: 0;
}

div#nav_primary ul li
{
	margin: 0;
	padding: 0 1px;
	display: block;
	float: left;
	background: transparent url('../images/nav-main-delimiter.gif') no-repeat right 3px;
}

div#nav_primary ul li a
{
	display: block;
	height: 10px;
	margin: 0 11px 0 9px;
	padding-bottom: 2px;
}

div#nav_primary ul li a:hover
{
	position: relative;
	bottom: 2px;
	border-bottom: 2px solid #8acf2d;
}

div#nav_primary ul li a span
{
	margin-left: -5000em;
}

div#nav_primary ul li#nav_main_our_company a { background: transparent url('../images/nav-main-our-company.gif') no-repeat top left; width: 83px; }
div#nav_primary ul li#nav_main_services a { background: transparent url('../images/nav-main-services.gif') no-repeat top left; width: 52px; }
div#nav_primary ul li#nav_main_our_work a { background: transparent url('../images/nav-main-our-work.gif') no-repeat top left; width: 61px; }
div#nav_primary ul li#nav_main_contact_us a { background: transparent url('../images/nav-main-contact-us.gif') no-repeat top left; width: 70px; }
div#nav_primary ul li#nav_main_employment a { background: transparent url('../images/nav-main-employment.gif') no-repeat top left; width: 75px; }
div#nav_primary ul li#nav_main_employment { background: none; }

/* Content container */

div.content
{
	width: 800px;
	z-index: 300;
	left: 0;
	background: transparent url('../images/2-col-bg.gif');
	padding-bottom: 0;
}

/* Main Content */

div.content div.content_main
{
	left: 301px;
	width: 499px;
	padding-bottom: 20px; /* hack to prevent nested item margins from passing through the container */
	margin-bottom: 0;
	padding-top: 62px;
	overflow: auto;
	border-top: 9px solid #424a51;
}

div#intro
{
	background-color: #ebebeb;
	padding: 20px 0 15px 0;
	font-size: .85em;
}

div.content_main h3
{
	margin: 1.1em 0 1em;
	padding: 0 25px;
	background: transparent url('../images/header-arrow-grey-on-white.gif') no-repeat 12px 5px;
}

div.content_main p#top_link
{
	text-align: right;
	font-size: .85em;
	margin-top: 2em;
}

div.content_main p#top_link a
{
	background: transparent url('../images/top-link-arrow.gif') no-repeat left;
	padding-left: 18px;
}

/* Sub Content */

div.content div.content_sub
{
	width: 301px;
	top: 198px;
	left: 0;
	position: absolute;
	padding-bottom: 1px; /* hack to prevent nested item margins from passing through the container */
	font-size: .85em;
}

div.content_sub h3
{
	font-size: 1.4em;
	margin: 1.5em 0 .75em;
	padding: 0 25px;
	border: none;
	color: #424a51;
	font-weight: bold;
}

div.content_sub h4
{
	color: #424a51;
	font-size: 1em;
	margin: 1/3em 25px .5em;
	padding: 0;
	border: none;
	font-weight: bold;
}

div.content_sub p
{
	margin: 0 25px 1em;
	color: #000;
}

div.content_sub .pic
{
	margin: 2em 0 .5em 20px;
	border: none;
}

div.content_sub div.callout
{
	background: #424a52 url('../images/callout-gradient-bg.jpg') repeat-x top left;
	padding-top: 0;
	padding-bottom: 1.5em;
	border-top: 4px solid #aee952;
}

div.content_sub div.callout a
{
	color: #ade951;
}

div.content_sub div.callout h3
{
	color: #fff;
	background: transparent url('../images/header-arrow-blue-bg.gif') no-repeat 12px 2px;
}

div.content_sub div.callout h3 strong
{
	font-weight: normal;
}

div.content_sub div.callout p
{
	color: #fff;
}

/* Site Info */

div#site_info
{
	width: 800px;
	background: #424a51;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	font-size: .85em;
	border-top: 3px solid #89dd2e;
}

div#site_info a
{
	color: #fff;
}

div#site_info p
{
	margin: 5px;
	padding: 0;
}

/* Typography defaults */

h2
{
	text-transform: uppercase;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0 25px .5em;
	padding: .9em 0 0;
	color: #c82628;
}

div#intro h2
{
	margin: 0 25px .5em;
	padding-top: 0;
}


h3
{
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: normal;
	margin: 1.1em 25px 1em;
	padding: 0;
	color: #c82628;
	background: none;
}

h4
{
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;
	margin: 1.1em 25px .5em;
	padding: 0;
	color: #c82628;
	background: none;
}

h5
{
	float: left;
	padding: 0 5px 0 30px;
	margin: 0;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
}

ul
{
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 25px;
}

ul li
{
	margin-bottom: .4em;
	margin-left: 20px;
	list-style-type: square;
}

p
{
	margin: .8em 35px .8em 25px;
	line-height: 1.4em;
}

blockquote
{
	background: #f7f7f7;
	margin: 1.5em 0;
	padding: 1em 0;
	font-style: italic;
}

a
{
	color: #424a51;
	outline: none;
}

a:hover
{
	text-decoration: none;
}

a img
{
	border: none;
}

hr
{
	margin: 1.5em 25px .5em;
	text-align: center;
	height: 1px;
	border-style: solid none none;
	border-top: 1px solid #ccc;
}

.pic
{
	border: 3px solid #65808d;
	margin: 0 25px 10px;
}

.paragraph_leader
{
	font-weight: bold;
	text-transform: uppercase;
}

.right
{
	float: right;
	clear: right;
}

.left
{
	float: left;
	margin-right: 15px;
}

.buttonpic
{
	margin: 0 25px 10px;
}

.caption
{
	font-size: .8em;
	font-style: italic;
}

/* Forms */

ul.form
{
	margin: 2em 30px;
	padding: 0;
}

ul.form li
{
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}

ul.form li.buttons
{
	margin-left: 160px;
}

ul.form label
{
	display: block;
	float: left;
	width: 160px;
	font-weight: bold;
}

.textbox
{
	width: 200px;
}

.textarea
{
	width: 225px;
	height: 100px;
}

/* Inman positioning clearing for footer */

.clear_children,.cc_tallest { position: relative; } /**/* html .clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/* Home page styles */

body#home_page div.content_main
{
	border-top: none;
	padding-top: 202px;
}

body#home_page div#nav_primary
{
	top: 136px;
	border-bottom: 4px solid #aee952;
}

body#home_page div#mainpromo
{
	background: transparent url('../images/trt-banner.jpg') no-repeat top left;
	position: absolute;
	top: 0;
	height: 135px;
	width: 499px;
	border-bottom: 1px solid #74c41e;
}

body#home_page div#mainpromo p
{
	margin-left: -5000em;
}

body#home_page div#intro
{
	background: transparent url('../images/home-intro-banner.jpg') no-repeat bottom right;
}

body#home_page div#intro p
{
	margin-right: 235px;
}

body#home_page ul#services_list li#service7
{
	margin-top: -9.9em;
}

body#home_page ul#services_list li#service7, body#home_page ul#services_list li#service8, body#home_page ul#services_list li#service9, body#home_page ul#services_list li#service10, body#home_page ul#services_list li#service11, body#home_page ul#services_list li#service12
{
	margin-left: 19em;
}

body#home_page div.content_sub ul#secondarypromo
{
	margin: 0;
	padding: 0;
}

body#home_page div.content_sub ul#secondarypromo li
{
	list-style: none;
	width: 301px;
	height: 97px;
	margin: 0;
	padding: 0;
}

body#home_page div.content_sub ul#secondarypromo li a
{
	width: 301px;
	height: 97px;
	margin: 0;
	padding: 0;
	display: block;
}

body#home_page div.content_sub ul#secondarypromo li span
{
	margin-left: -5000em;
}

body#home_page div.content_sub ul#secondarypromo li#promo_sample_videos { background: transparent url('../images/btn-sample-videos.jpg') no-repeat top left; }
body#home_page div.content_sub ul#secondarypromo li#promo_job_opportunities { background: transparent url('../images/btn-job-opportunities.jpg') no-repeat top left; }
body#home_page div.content_sub ul#secondarypromo li#promo_have_a_project { background: transparent url('../images/btn-have-a-project.jpg') no-repeat top left; }

/* Sample Videos */

body#sample_videos ul.video_list
{
	margin: 1.5em 0;
	padding: 0;
}

body#sample_videos ul.video_list li
{
	margin: 0 0 1.5em;
	list-style-type: none;
	display: block;
	float: none;
	clear: both;
	overflow: auto;
}

body#sample_videos ul.video_list li h3
{
	margin-top: 0;
}

/* Videos */

div.video
{
	text-align: center;
	padding: 15px;
	overflow: auto;
	background: transparent url('../images/video-loading.gif') no-repeat center;
}

/* Manhole Rehabilitation */

img#manhole_rehabilitation_diagram
{
	border: none;
}