/* 
Title: Duff and Phelps - Default Stylesheet
Author: Bobby, Senior UI Developer
Email: bobby.kc@tmp.com
Company: TMP Worldwide Advertising and Communications, LLC
*/

@media screen {

	/* Global elements */
	
	body, form, fieldset, legend, div { margin: 0 auto;padding: 0; }
	body {font: 62.5%/1.2 Arial, Helvetica, sans-serif;color: #696969;behavior:url(../cssHoverFix.htc);}
	img, object {display: block;}
	img, fieldset {border: 0;}
	h1, h2, h3, h3, h4, h5, h6 {font-weight: bold;margin: 10px 0 10px;line-height: 1.2;color: #f33;}
	h1 span, h2 span {color: #000;}
	h3{text-align:left;}
	h3 {font-size: 1.2em;color: #000;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.2em;}
	h6 {font-size: 1em;}
	strong {color: #333;}
	input {border:1px solid #000;}
	object { outline:none; }
	a{color:#890031; text-decoration:none;}
	a:hover{color:#890031; text-decoration:underline;}
	table tr td {text-align:left; font-size:12px;}
	
	
	abbr {
	text-decoration: none;
	}
	
	/* Structure controls */
	#wrapper {width: 1024px;height:auto;background: #FFF;border:0px solid #000;border-left:0px solid #CCC;border-right:0px solid #CCC;}
	
	#content-wrapper::after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
	.button{background:#890031; color:#fff; font-size:12px; cursor:default; border-style:outset; border:1px #fff;}
	.button:hover{background:#cb034b; color:#fff; font-size:12px; cursor:default;border-style:outset; border:1px #fff;}
	

	/* header */
	#header {background: url(../images/topnav_bg.gif) top left ; background-repeat:repeat-x; height:161px; position: relative;width: 1024px;border-bottom: 1px #706e6d solid;}
	#header a.toplink{padding:0 10px 0 0; color:#6a6a6a; font-size:12px; text-decoration:none; text-transform:uppercase; font-weight:bold;}
	#header a.toplink:hover{padding:0 10px 0 0; color:#6a6a6a; font-size:12px;text-decoration:underline; text-transform:uppercase;font-weight:bold;}
	#header span{padding-top:12px; margin-right:20px; float:right; border:0px solid;}
	#header #logo{width:199px; float:left;border:0px solid;height: 72px;padding-top:12px; margin-right:20px; float:right; border:0px solid;}
	#header #logo a{border:0px solid; background: #fff url(../images/mastec_logo.gif) top left no-repeat;display: block;width: 199px;height: 72px;text-indent: -9999px;overflow: hidden;position:absolute;top:45px;left:35px}


	/* Primary navigation */
	#heading {position:relative;width: 1024px;height:75px;border-bottom: 1px #706e6d solid;}
	#heading ul {margin: 0px;margin:0;padding: 0;list-style: none;font-weight: bold; color:#000;border-top:1px solid #000;border-bottom:1px solid #FFF;}
	#heading li {padding: 0px;margin: 0px 0;display:inline;list-style-type: none;border-bottom:0px solid #FFF;}
	#heading li a,#nav li a:link,#nav li a:active{padding: 6px 10px 0 10px;margin:0;text-decoration: none;color:#000; font-weight:bold;font-size:12px;border-left:1px solid #FFC123;border-right:1px solid #FFC123;height:22px;display:inline-block;}
	
	#heading li a:hover {background-color:#FFF1CC;padding: 6px 10px 0 10px;margin:0;text-decoration: none;color:#000; font-weight:bold;font-size:12px;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-top:1px solid #C9C9C8;height:21px;display:inline-block;margin-top:-1px;}
	#heading li a.active,#nav li a.active:link,#nav li a.active:active{background-color:#FFF1CC;padding: 6px 10px 0 10px;margin:0;text-decoration: none;color:#000; font-weight:bold;font-size:12px;height:21px;display:inline-block;border:1px solid #000;border-top:1px solid #C9C9C8;margin-top:-1px;}
	#heading h1{padding:0px; margin:0px;text-indent: -9999px;overflow: hidden;font-size:0;}
	#heading h1 img{padding:25px 0 0 60px; margin:0px;}
	
	
	/* CSS for the Left Content */	
	#leftcontent {float: left;width: 762px;height:700px;border: 0px #706e6d solid;background: url(../images/contentbg.gif) top left; background-repeat:repeat-x; margin:0;}	
	#leftcontent h1{padding:43px 0 0 60px; margin:0px; color:#890031; font-weight:bold; font-size:26px;}
	#leftcontent h2{padding:43px 120px 10px  60px; margin:0px; color:#005daa; font-weight:bold; font-size:20px; text-transform:uppercase;}
	#leftcontent h3{padding:0px 0 0 60px; margin:0px; color:#005daa; font-weight:bold; padding-bottom:5px;font-size:14px;}
	#leftcontent h4{padding:15px 0 0 60px; margin:0px; color:#005daa; font-weight:bold;font-size:12px;}
	#leftcontent p{color:#696969; font-size:12px; padding:0 120px 10px 60px; line-height:22px; margin:0px;}	
	#leftcontent a{color:#005daa;font-size:12px; font-weight:bold;}
	#leftcontent span{text-align:left;}
	
	#leftcontent #pagingtop a{color:#890031;font-size:12px; font-weight:normal;}
	#leftcontent #pagingtop a:hover{color:#890031;font-size:12px; font-weight:normal;text-decoration: none;}
	#leftcontent #pagingtop a:link{color:#890031;font-size:12px; font-weight:bold;text-decoration: underline;}
	#leftcontent #pagingtop a:visited{color:#890031;font-size:12px; font-weight:normal;text-decoration: none;}
	
	#leftcontent #pagingbtm a{color:#890031;font-size:12px; font-weight:normal;}
	#leftcontent #pagingbtm a:hover{color:#890031;font-size:12px; font-weight:normal;text-decoration: none;}
	#leftcontent #pagingbtm a:link{color:#890031;font-size:12px; font-weight:bold;text-decoration: underline;}
	#leftcontent #pagingbtm a:visited{color:#890031;font-size:12px; font-weight:normal;text-decoration: none;}
	
	#leftcontent #datagrid a.disable{color:#890031;font-size:12px; font-weight:normal;text-decoration:none;}
	#leftcontent #datagrid a.disable:hover{color:#890031;font-size:12px; font-weight:normal;text-decoration:none;}
	
	#leftcontent ul{margin:0 0 20px 40px; padding:0px; font-size:12px; line-height:18px;}
	#leftcontent ul li{margin-left:40px; padding:0 120px 0 0;}
	
	#leftcontent .title{font-size:14px; font-weight:bold; color:#890031; padding:5px 0 5px 0;}
	#leftcontent .error{font-size:14px; color:#000; padding:20px 0 0 60px; font-weight:bold;}
	
	
	#col_one{width:350px;float:left;border:0px solid;margin:0;padding:0}
	#col_one ul {list-style:none}
	#col_one ul li ul{list-style:none; margin-left:0px; padding-left:20px;width:350px;}
	#col_one a {text-decoration:none;font-size:14px;}
	#col_one a:hover {text-decoration:underline;}
	
	#sec_col{width:300px;float:left;border:0px solid;margin:0;padding:0;}
	#sec_col ul { list-style:none}
	#sec_col ul li ul{list-style:none; margin-left:0px; padding-left:20px; width:350px;}
	#sec_col a {text-decoration:none;font-size:14px;}
	#sec_col a:hover {text-decoration:underline;}
	
	
	
	#rightcontent {padding-top:43px;float: right;width: 262px;height:700px;border: 0px #000 solid;background-image: url(../images/contentbg.gif);background-position: top left;background-repeat:repeat-x; margin:0;}	
	#rightcontent h2{padding:10px 0 5px 0px; margin:0px; color:#005daa; font-weight:bold; font-size:12px;}
	#rightcontent p{padding:0px 40px 10px 0; margin:0px; color:#696969; font-weight:normal;font-size:12px;line-height:20px; }
	#rightcontent span img{padding:0px 0 10px 0px;}
	#rightcontent a{color:#005daa; text-decoration:none;}
	#rightcontent a:hover{color:#005daa; text-decoration:underline;}
	#rightcontent .apply {color:#005daa; text-decoration:none; padding-top:10px;}

	/* Philosophy */
	#about_philosophy #rightcontent p{padding:0px 40px 10px 0;}
	#box{padding:0 0 20px 0;}
	#box p{padding:10px 0 20px 0;}
	
	#careerareas_customerservice #rightcontent #box h2{padding:5px 0 5px 0px; margin:0px; color:#890031; font-weight:bold; font-size:12px;}
	#careerareas_customerservice #box{padding-bottom:10px;}
	#careerareas_customerservice #box p{padding:0px 0 20px 0; margin:0px;}
	#careerareas_customerservice #box 
	
	/* slide show  */
	#content-wrapper{width: 1024px;border:0px solid #cc0000;background:url(../images/contentbg.gif) top left;background-repeat: repeat-y;}
	#content-wrapper #image-container{margin:0 auto; position:relative; left:0px; top:110px; width: 1025px; height:205px; border:0px solid #000;}
	#content-wrapper #image-container ul{list-style:none; float:left; margin:0; padding: 0 0 0 35px;}
	#content-wrapper #image-container ul li{list-style:none; float:left;padding:0 20px 0 0px ;}
	#content-wrapper #applynow{position:absolute; float:right; left:790px;background:url(../images/applynow_btn.png) top left;width:193px;height:75px;display:block;cursor:pointer;text-indent: -9999px;overflow: hidden;}

	#stus-slideshow {width:740px; height:316px;position:relative; margin:0;padding:0px;}
	#default #nav {width:372px; height:48px; display:block;top:268px;left:916px;position:absolute;}
	#default #nav img {margin:0 0 0 1px;display:inline;cursor:pointer;padding:0 0 0 0;}
	#default .dot {padding-left:3px;padding-right:2px;position:relative;top:-10px}
	#slideshow {width:740px; margin:0;border:0px solid #aaa; position:relative; background:#f8f8f8; padding:0px;}
	#slideshow .entry {width:740px; position:absolute; top:0px; left:0px; display:block;}
	#slideshow #pic1 p{position:absolute; top:125px; left:530px; font-size:13px; line-height:18px; width:400px;}
	#slideshow #pic2 p{position:absolute; top:150px; left:110px; font-size:13px; line-height:18px; width:400px;}
	#slideshow #pic3 p{position:absolute; top:135px; left:110px; font-size:13px; line-height:18px; width:400px;}
	#slideshow #pic4 p{position:absolute; top:135px; left:432px; font-size:13px; line-height:18px; width:400px;}
	#slideshow #pic5 p{position:absolute; top:135px; left:110px; font-size:13px; line-height:18px; width:400px;}
	#slideshow a{color:#005daa; font-weight:bold; text-decoration:none;}
	#slideshow a:hover{color:#005daa; font-weight:bold; text-decoration:underline;}
	/** PAGE SPECIFIC CSS FOLLOWS */
	
	/* Home Page */
	
	#home_banner{background-image:url("../images/home_header.jpg"); width:1024px; height:448px; }
	#home_banner .banner_txt{ display:block; width:270px; color:#000; padding:233px 0 0 270px; font-size:12px; line-height:17px; margin:0px;}
	
	#main_wrapper{width:1024px;}
	

	#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
		float:right;
		margin:0;
		margin-top:47px;
		padding:0; padding-right:10px;
		width:680px;
		border:0px solid;
		z-index:-9999;
	}

	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; text-transform:uppercase; font-size: 13px; float:right; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	#cssdropdown a { color: #666; } #cssdropdown ul li a:hover { text-decoration: none; color:#005daa;}
	
	/* Head links */
	#cssdropdown li.headlink { width: 110px; float: left; border: 0px black solid; text-align: center;position:relative;}
	#cssdropdown li.headlink a { display: block; padding: 0px; text-decoration: none;line-height:30px;border:0px solid #000; color:#FFFFFF;}
	#cssdropdown li.headlink a:hover {display: block; padding: 0px; background:#fff; line-height:30px; color:#005daa; }

	#cssdropdown li.headlink a.active {display: block; padding: 0px; background:#fff; line-height:30px; color:#005daa;}

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; text-align: left; }
	#cssdropdown li.headlink ul li {margin:0;padding:0;border:0px solid #FFF;padding-top:1px;}
	#cssdropdown li.headlink_about:hover ul {display: block; width:200px; height:40px; margin-left:7px; font-size:11px;z-index:1000;position:absolute;left:0;top:-40px;border:0px solid #000;}
	#cssdropdown li.headlink_career:hover ul {display: block; width:200px; height:80px; margin-left:7px; font-size:11px;z-index:1001;position:absolute;left:0;top:-80px;border:0px solid #000;}
	#cssdropdown li.headlink li a{color:#005daa;z-index:1001;padding:0;margin:0;line-height:18px;font-weight:bold;}
	#cssdropdown li.headlink li a:hover{display: block; padding: 0px; color:#666;margin:0px; line-height:18px;background:transparent; }

	/* Pretty styling */
	body { font-family: arial;}
	#cssdropdown li.headlink { background:none; }
	#cssdropdown li.headlink ul {background-position: bottom; padding-bottom:0px; }

	#cssdropdown li.headlink:hover ul li a.hide{color:#fff}
	#cssdropdown li.headlink:hover ul li a:hover.hide{color:#fff}
	.footer {color:#696969;font-size:10px !important;padding-top:50px !important;}
	#home_footer{position:relative; 	top:100px; 	left:40px; 	margin:0px; padding:0px;}
	ul.bullot {list-style-image: url("../images/minus.gif");margin-left:10px;margin-top:-10px;background-position:top;}
	span, a, a:hover, img, div{ behavior: url(iepngfix.htc); }

	/* Search searchjob_default */	
	body#searchjob_default #leftcontent {width: 1000px;border:0px solid #000 !important;height:2500px;}
	body#searchjob_default #rightcontent {width: 24px;border:0px solid #000 !important;height:2500px;}
}



/* Datagrid */

.datagrid {
width: 100%;
border-collapse: collapse;
border: 1px black solid;
margin-bottom: 15px;
font-size: 0.95em;
}
	
.datagrid caption {
padding-bottom: 15px;
text-align: left;
}

.datagridhead
{
	color: #fff;
	background: #005daa;
}

.gridheader
{
	background:#005daa;
}

.griditem
{
	font-size:12px;
	border-right:1px solid #000;
	font-weight:normal;
}

.datagridhead tr {
color: #fff;
background: #6F6C5D;
}
	
.datagridhead tr th {
padding: 0.4em 0.6em 0.4em 0.6em;
border-right: 1px black solid;
border-bottom: 1px black solid;
}


.gridheader td a
{
display: block;
color: #FFF;
text-decoration: underline;
padding-right: 20px;
font-weight: normal;
}


.gridheader td a:hover
{
display: block;
color: #FFF;
text-decoration: none;
padding-right: 20px;
font-weight: normal;
}

.datagridhead a:link, .datagridhead a:visited {
display: block;
color: #FFF;
text-decoration: underline;
padding-right: 20px;
}


.datagridhead a:link, .datagridhead a:visited {
display: block;
color: #FFF;
text-decoration: underline;
padding-right: 200px;
}

.datagridhead a.arrow-down:link, .datagridhead a.arrow-down:visited {
background: url(images/arrow_botm.gif) right no-repeat;
}

.datagridhead a.arrow-up:link, .datagridhead a.arrow-up:visited {
background: url(images/arrow_up.gif) right no-repeat;
}
	
.griditem tr {
border: 1px black solid;
}
	
.griditem th, .griditem td {
padding: 0.6em;
border-bottom: 1px black solid;
border-right: 1px black solid;
}
	
.griditem td {
background: #fff;
}
	
.griditem tr.cell-style-a, .griditem tr.cell-style-a td{
background: #fff;
}
tr.cell-style-a a {
text-decoration:underline;
color: #000000;
}

.griditem tr.cell-style-b, .griditem tr.cell-style-b td{
background: #fff;
}

.a-facebook {position:absolute;left:895px;top:50px;}
.a-twitter {position:absolute;left:890px;top:40px;}

.formelement{font-family:Arial;font-size:11px;width:195px;}