@charset "utf-8";
/* CSS Document */

/* @group Shortcuts */
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.clrl{clear:left;}
.clrr{clear:right;}
.di{display:inline;}
.db{display:block;}
.dn{display:none;}
.pa{position:absolute;}
.pr{position:relative;}
strong{font-weight:bold}
em{font-style:italic;}
.bn{border:none;}
.mt{margin-top:10px;}
.mb{margin-bottom:10px;}
.tc{text-align:center;}
/* @end */

.error, .cake-sql-log, #tidy {color: #FFFFFF;}
.error-message {color:#FFFFFF;margin-left:4px;}

#images{width:433px;height:300px;list-style-type:none;padding:0;margin:0;}
#images li {display:inline;text-align:center;}
#images li img {display:block;margin:auto;}

.msdsForm table tr td {color:#B3B3B3;}

.crumb a {padding-left:2px; padding-right:2px;}

h3{margin-bottom:0px; padding-bottom:0px;}


/* --------------------- */
.abf {font-size:20pt;margin-top:-10px;font-family:Arial, Helvetica, sans-serif;}
.abf span {font-size:40pt;font-weight:bold;color:#B3B3B3;}
.bbr {font-size:20pt;margin:0px;padding:0px;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif;;}

.home_box{margin-top:10px;}

.left_info{width:191px;height:105px;float:left;padding:11px;font-size:12px;border:1px solid #a5a5a5;}

.center_info{width:191px;height:105px;float:left;padding:11px;font-size:12px;border:1px solid #a5a5a5;margin-left:11px;}

.right_info{width:185px;height:105px;float:left;padding:11px;font-size:12px;border:1px solid #a5a5a5;margin-left:11px;}

.cs {color: #FF0000;}

a{
color: #FFFFFF;
background: transparent;
text-decoration: none;
}


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

h1{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
margin-top:0px;
margin-bottom:0px;
}


div.italic{
font-style:italic;
}

/*
ul{
list-style-type:none;
padding: 0;
margin:0;
line-height: 30px;
}

.menu li{
width: 160px;
height: 30px;
}

.menu li a:hover{
color: #FF0000;
background: #333333;
text-decoration: none;
}
*/

body{
background-color:#000000;
background-image: url(../img/bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-position:top;
}

/* --------------------- */

div.container{
margin:auto;
width:955px;
min-height:800px;
}

div.header{
width: 955px;
height:180px;
float:left;
}

div.logo{
width: 161px;
height: 138px;
float: left;
margin-top:25px;
margin-left: 35px;
}

div.textLogo{
width: 488px;
height: 97px;
float: left;
margin-top:25px;
margin-left: 35px;
background-image:url(../img/mcasphaltTextLogo.png);
background-repeat:no-repeat;
}

div.slogan{
width: 231px;
height: 23px;
float: left;
margin-top:0px;
margin-left: 360px;
background-image:url(../img/slogan.png);
background-repeat:no-repeat;
}

div.subHeader{
width: 955px;
height: 20px;
float: left;
margin-top: 5px;
margin-left: 0px;
}

div.crumb{
width:450px;
height:15px;
float:left;
margin-left:245px;
margin-top:3px;
font-family:Arial, Helvetica, sans-serif;
color:#B3B3B3;
font-size:12px;
}

div.search{
width: 255px;
height:15px;
float: left;
margin-left: 5px;
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
color:#B3B3B3;
font-size:12px;
}

#menu{
width: 160px;
float: left;
margin-top:10px;
margin-left: 35px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}

#menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

#menu li{
margin: 2px;
margin-bottom: 12px;
}

#menu a{
display: block;
width: 155px;
height: 18px;
padding-left: 5px;
}

#menu a:hover{
background: url(../img/menuBackground.png);
color:#FF0000;
}

#selected{
background: url(../img/menuBackground.png);
color:#FF0000;
}

div.mainContentWindow{
width: 700px;
min-height: 420px;
height: auto;
float: left;
margin-left:35px;
margin-top: 10px;
background-image:url(../img/contentWindowBg.png);
background-repeat:repeat-y;
}

div.footer{
width: 955px;
height:150px;
float: left;
margin-top: 20px;
clear:both;
}

div.textLogo2{
width: 955px;
height: 97px;
float: left;
margin-top:30px;
margin-left: 35px;
background-image:url(../img/mcasphaltTextLogoBottom.png);
background-repeat:no-repeat;
}

div.copyright{
width: 220px;
height: 15px;
clear:left;
float:left;
margin-top: 3px;
margin-left: 35px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
}

div.bottomNav{
width: 300px;
height: 15px;
float:left;
margin-top: 3px;
margin-left: 90px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-align:center;
}

div.melon{
width: 240px;
height: 15px;
float:left;
margin-top: 3px;
margin-left: 70px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
text-align:center;
}

/* --------------------- */


div.title{
width: 675px;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
padding-left: 18px;
margin-top: 15px;
}

div.windowA{
width: 700px;
min-height: 365px;
margin-top: 20px;
float:left;
}

div.images{
width: 440px;
height: 300px;
float:left;
margin-left: 18px;
}

div.subMenu{
width: 210px;
height: 300px;
float:left;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
line-height:25px;
}

div.textDisplay1{
width: 210px;
height: 300px;
float:left;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.textDisplay1 li{
	margin:0px;
	padding:0px;
}

div.textDisplay1 ul{
	margin-left:0px;
	padding-left:14px;
}

.textDisplay1 a{
line-height:25px;
/*text-decoration:underline;*/
}

div.textDisplay2{
width: 665px;
height:auto;
min-height: 20px;
float:left;
margin-left:18px;
margin-top:18px;
margin-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}


div.bodyLinks{
width: 640px;
height:auto;
min-height: 20px;
float:left;
margin-left:20px;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}


div.affiliatesContainer{
width: 660px;
min-height: 20px;
float:left;
margin-top: 40px;
margin-left:20px;
}

div.affLogo{
max-width:90px;
max-height:90px;
min-width:90px;
min-height:90px;
float:left;
margin-left:20px;
}

a img{
border:none;
}

div.affLink{
width: 480px;
max-height:90px;
float:left;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

div.affDesc{
width: 510px;
min-height:10px;
float:left;
margin-left:20px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.affAddress{
width: 510px;
min-height:10px;
float:left;
margin-left:130px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.msdsInstruction{
width:400px;
height:200px;
float:left;
margin-left:40px;
margin-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.msdsLinks{
width:200px;
height:300px;
float:left;
margin-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.msdsLinks ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 30px;
font-weight: 300;
}

div.msdsProductsContainer{
width:660px;
min-height: 20px;
margin-left: 40px;
margin-bottom: 10px;
float:left;
}

div.msdsProducts{
width: 300px;
min-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-left: 20px;
float:left;
}


div.msdsForm{
width:250px;
height:100px;
float: left;
margin-top: 70px;
margin-left: 125px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.msdsMsg{
width:165px;
height:100px;
float: left;
margin-top: 70px;
margin-left: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#B3B3B3;
}

div.industryLinks{
width:640px;
min-height:200px;
margin-left:30px;
float:left;
}

div.industryCompany{
width:340px;
height:20px;
margin-bottom:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.industrySite{
width:280px;
height:20px;
margin-left:20px;
margin-bottom:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}


div.mediaInstructions{
width:650px;
min-height:20px;
float:left;
margin-bottom: 30px;
margin-left: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.mediaContainer{
width:650px;
min-height:20px;
margin-left:20px;
float:left;
margin-bottom:20px;
}

div.mediaNameH{
width:180px;
min-height:20px;
margin-left:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.mediaDescriptionH{
width:320px;
min-height:20px;
margin-left:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.mediaLinkH{
width:96px;
min-height:20px;
margin-left:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.mediaName{
width:180px;
min-height:20px;
margin-left:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.mediaDescription{
width:320px;
min-height:20px;
margin-left:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.mediaLink{
width:96px;
min-height:20px;
margin-left:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}

div.documentationForm{
width:300px;
height:100px;
float: left;
margin-top: 70px;
margin-left: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.companyName{
width: 500px;
min-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
float:left;
margin-left:40px;
margin-bottom: 20px;
}

div.projectLinks{
width:600px;
min-height:200px;
margin-left:40px;
float:left;
}

div.projectName{
width:220px;
height:20px;
margin-left:20px;
margin-bottom:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:right;
}

div.projectDownload{
width:320px;
height:20px;
margin-left:20px;
margin-bottom:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}


div.employmentMsg{
width:660px;
min-height:20px;
float:left;
margin-left: 20px;
margin-bottom: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
}


div.jobPostings{
width:490px;
min-height:20px;
float:left;
margin-left: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
}

div.announcements{
width:150px;
height:20px;
float:left;
margin-left: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

div.jobTable{
	width:100%;
min-height:50px;
float: left;
margin-left:20px;
margin-top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.announcementsContainer{
width:150px;
min-height:20px;
float:left;
margin-bottom: 10px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:left;
}
div.announcementsTitle{
width:150px;
min-height:20px;
float:left;
margin-top: 10px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}

div.announcementsMsg{
width:150px;
min-height:20px;
float:left;
margin-bottom: 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#B3B3B3;
font-weight:normal;
text-align:left;
}

.jobTable tr td{
text-align:left;
vertical-align:top;
height:30px;
color:#B3B3B3;
}

.jobTable tr th{
text-align:left;
vertical-align:top;
height:30px;
}

/*
.posted{
width: 100px;
}

.position{
width: 150px;
}

.location{
width: 170px;
}

.headerPdf{
width: 60px;
}
*/
.underline{
text-decoration:underline;
}

.input{
background:url(../img/formInputBackground.png);
border:hidden;
border:0;
color:#B3B3B3;
}

.searchInput{
background:url(../img/inputBackground.png);
color:#FFFFFF;
}

div.buttons{
width: 200px;
height:20px;
float:left;
margin-left: 375px;
margin-top:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

div.flash{
width:925px;
height:700px;
float:left;
margin-left:15px;
margin-top:0px;
}

div.results{
width: 400px;
height:20px;
float:left;
margin-left: 150px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

div.locationsMsg{
width: 660px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #B3B3B3;
margin-left: 20px;
margin-top:10px;
}

div.mapFlash{
width: 660px;
height:400px;
color: #B3B3B3;
margin-left: 20px;
margin-top: 10px;
background-color: #00FF00;
}

#map{
width:660px;
height:400px;
}

div.locationHeading{
width: 660px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFFFFF;
margin-left: 20px;
margin-top: 40px;
margin-bottom: 20px;
font-weight:bold;
float:left;
}

div.locationContainer{
width: 660px;
min-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #B3B3B3;
margin-left: 20px;
float:left;
}

div.locationInfo{
width: 140px;
min-height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #B3B3B3;
margin-right: 20px;
margin-bottom: 20px;
float:left;
}

div.locationInfo2{
width: 160px;
min-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #B3B3B3;
margin-right: 20px;
margin-bottom: 20px;
float:left;
}

:focus{
outline:0;
}
