
.col-3 a { text-decoration:none; color:#A0A0A0;}
.rightPDF{background:url('../img/rightcol.gif') no-repeat; width:220px; height:31px; text-align:center; color:#A0A0A0; font-weight:bold; padding-top:2px; margin-top:-2px; text-decoration:none; border: none;}
.rightPDF .left{float:left; margin-left:3px; margin-top:-2px;}
.rightPDF .right{float:right; margin-right:3px;margin-top:-1px;}

/************ SCROLL PROPERTIES  ***************/

.scroller { border-right:6px solid #eee;}
.scroll-txt { width:440px;}

.scroller-2-t { color:#999999; font-size:11px; line-height:175%; margin-bottom:24px; text-align:justify;}

/************ CONTENT PROPERTIES  ***************/
.home { 
	margin:0px 0px 11px 0; padding:8px 0; border-top:1px solid #e2e2e2; 
	border-bottom:1px solid #e2e2e2; height:30px; /*background:url(../img/home-title.png) right 12px no-repeat;*/
	width:941px; overflow:hidden;}
.home a{
	font-size:30px; padding-left:10px; color:#e0e0e0; 
	display:block; text-decoration:none; line-height:100%; text-transform:uppercase;}
.home a:hover { color:#dfdfdf}
.slider { overflow:hidden; margin:6px auto 0 auto; width:990px; height:151px;}
.slider ul {width:952px; float: left; margin:0; padding:0;}
.slider li strong { height:26px; width:217px; display:block; background:#999;/*#afbd22;*/ padding:10px 0 0 10px }
.slider li {width:227px; display:inline; float:left; margin-right:11px;}
.slider li a{ text-decoration:none; color:#fff;/*color:#00457c;*/}
.slider li a:hover strong{ background:#ED1C24; color:#fff;}/*background:#00457c; color:#fff;}*/

.s-back { display:block; width:24px; float: left; height:143px; background: url(../img/front-arrows.png) left -112px no-repeat;}
.s-fwd { display:block; width:24px; float:left; height:143px; background: url(../img/front-arrows.png) right 68px no-repeat; margin-left:-10px;}

.proj-1, .project-1 { float:left;}
.proj-2, .project-2 {float:right;}
 
.proj-1, .project-1 { width:248px;}

.proj-1 ul {margin:0; padding:0;margin-top:-4px;}
.proj-1 h1 { 
	margin-bottom:16px; font-size:16px; color:#ccc; 
	font-weight:normal; line-height:16px; padding-bottom:16px; border-bottom:1px solid #e2e2e2;}
	
.proj-2, .project-2  { width:678px;}
.proj-2 h2 {
	margin-bottom:16px; font-size:16px; color:#ED1C24; /*afbd22; */
	font-weight:normal; line-height:14px; padding-bottom:16px; border-bottom:1px solid #e2e2e2; padding-left:5px}
.proj-2 span {
	display: block; position:absolute; width:221px;
	background:url(../img/bg-span.png); margin-top:92px; height:34px; padding-top:10px; z-index:4}
.proj-2 li span strong { font-size:10px; color:#333;}
.proj-2 ul {overflow:hidden;margin:0; padding:0; margin-bottom:4px;}
.proj-2 li { list-style:none; float:left;}
.proj-2 li a { display:block; float:left; color:#666; font-size:10px;  padding:0 0 5px 5px; text-decoration:none;}
.proj-2 li a img { display:block; position:relative; z-index:1}

.proj-num { float:left; font-size:10px; color:#999; font-weight:bold; padding-left:4px;}
.proj-nav { float:right; width:34px;}
.fwd { 
	background:url(../img/proj-arrows.png) no-repeat top right;
	width:17px; height:17px; display:block; float:right; text-indent:-9999px;}
.back { 
	background:url(../img/proj-arrows.png) no-repeat; width:17px; 
	height:17px; display:block; float:left; text-indent:-9999px;}

.prev {display:block; width:39px; height:17px; padding:12px 5px 10px 5px; 
	background:url(../img/prev-next.png) 5px 6px no-repeat;float:left;}
.prev:hover { background:url(../img/prev-next.png) 5px -34px no-repeat; }

.next { 
	display:block; width:39px; height:17px;  padding:12px 5px 10px 5px; 
	background:url(../img/prev-next.png) -60px 6px no-repeat; float:left;}
.next:hover { background:url(../img/prev-next.png) -60px -34px no-repeat; }

.page { display:block; float:left; padding:7px 10px 0px 10px; font-size:10px; color:#666;}
.proj-select { float:left; margin-bottom:48px;}
.proj-select li { float:left; display:inline;}
.proj-select li a{
	display:block; float:left; background:url(../img/img-nav.png) 4px -19px  no-repeat; 
	height:10px;  width:14px; padding:7px 4px 12px 4px;}
.proj-select li a:hover,.proj-select li.active a  { background:url(../img/img-nav.png) 4px 8px  no-repeat; }

.project-1 strong { 
	margin:28px 0 16px 0; font-size:16px; color:#ccc; display:block; padding-left:2px; 
	font-weight:normal; line-height:16px; padding-bottom:16px; border-bottom:1px solid #e2e2e2;}
.project-1 em { font-style:normal; color:#999; font-size:11px; margin-bottom:18px; display:block;}
.project-1 h6 { color:#ED1C24; /*afbd22;*/ font-weight:normal; font-size:12px; margin-bottom:1px;}	
.project-2 h1 {
	 font-size:14px; color:#ccc; height:5px; /*28px;*/ margin-bottom:0px;
	font-weight:normal; line-height:14px; padding-left:5px; }
.project-2 h2 {
	margin-bottom:16px; font-size:16px; color:# ED1C24; /*afbd22;*/ 
	font-weight:normal; line-height:16px; padding-bottom:16px; border-bottom:1px solid #e2e2e2; 
	font-style:normal; font-family:Arial, Helvetica, sans-serif; padding-left:5px; }
.proj-img { padding:2px 0 0 5px;}		

.col-1, .col-2, .col-3 {float:left; padding-top:24px;}
.col-2 {line-height:175%; text-align:justify; color:#999; margin-bottom:24px; font-size:11px;}

.col-1 { width:215px;}
.col-1 ul {margin:0; padding:0; margin-top:-4px; margin-bottom:18px;}
.col-1 li, .proj-1 li { list-style:none;}
.col-1 li a, .proj-1 li a {
	color:#ababab; text-decoration:none; display:block; 
	background:url(../img/arrow.png) 0px -33px no-repeat; 
	padding-left:15px; font-size:11px; padding:4px 15px; width:160px}
.col-1 li a:hover, .proj-1 li a:hover{color:#666; /*00457c;*/ background:url(../img/arrow.png) 0px 7px no-repeat;}

.col-1 .active a, .proj-1 .active a{color:#41413F !important; background:url(../img/arrow.png) 0px 7px no-repeat;}

.col-1 {}
.col-2 { width:490px; padding-right:17px;}
.btn-apply {float:right; margin-right:30px;}

.col-3 { width:220px;}
.btn-3 {padding:0 0 2px 0; display: block;}
.top-fix {margin:0; padding:0; padding-top:5px;  border-top:1px solid #fff; margin-top:30px}

.locations { float:left;  width:220px; padding-right:36px;}
.locations ul {margin:0; padding:0;margin-top:-4px;}
.locations li { list-style:none; display: inline;}
.locations li a { text-decoration:none; display:block; padding:6px 0 6px 0; font-size:12px; color:#999;}
.locations li a:hover, .locations li.active a { color:#afbd22;}

.addy { float:left;color:#999999;
font-size:11px;
line-height:175%;
margin-bottom:24px;
text-align:justify;}
.addy p {margin-bottom:8px;}
.addy a { color: #666; text-decoration:none;}
.addy a:hover { color:#afbd22;}

.form  {float:left; width:392px; margin-top:24px; }
.form textarea {
	width:336px; height:70px; border: 1px solid #dddddd;  
	font-size:11px; color:#666; padding:6px 2px 4px 2px; 
	font-family:Arial, Helvetica, sans-serif;}
label {color:#999; font-size:11px;}
.form .input {
	width:336px; height:16px; 
	margin-bottom:10px; margin-top:2px; 
	background:url(../img/form-fix.png); border: 1px solid #dddddd; 
	font-size:11px; color:#666; padding:6px 2px 4px 2px;}
.form-btn {float:right; padding-top:10px; padding-right:0px;}

/************	SHELL PROPERTIES  ***************/
.dock-text { margin-top:20px; float:left; display:block; width:350px; height:237px; overflow:hidden; text-align:left; margin-left:20px; font-family:"Times New Roman", Times, serif; }
/*.dock-text  em {display:block; font-family:"Times New Roman", Times, serif; font-size:28px; font-style:normal; color:#666;}
.dock-text strong {display:block; color:#7d7c7c; font-size:24px; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic;}
.dock-text b { font-family: "Times New Roman", Times, serif; font-size:47px; font-weight:normal}*/

.dock-txt-t { height:237px;}


h1 { font-weight:bold; color:#666; margin-bottom:24px; font-size:14px;}
h2 { color:#ED1C24; /*afbd22;*/ font-size:12px; margin-bottom:8px; }
h3 { 
	font-weight:normal; 
	color:#666; font-size:18px; font-family:"Times New Roman", Times, serif; 
	padding:0 2px 10px 2px; margin-bottom:12px; border-bottom:1px solid #e2e2e2; font-style: italic; line-height:150%; }
h4 {font-size:11px; font-weight:bold; color:#999;}
h5 { border-bottom:1px solid #e2e2e2; color:#666; font-size:14px; font-weight:normal; margin:24px 0 10px 0; padding-bottom:10px;}

.header, .main, .footer, .proj-main, .home-main, .dock, .topLeft {margin:0; padding:0;margin:auto; width: 942px;}



.dock { text-align:right; background:url(../img/bg-dock.png) left top no-repeat;}
.dock-txt {
	position:absolute; text-align:right; width:530px; height:35px; 
	background:url(../img/dock-txt.png) transparent 0px 0px repeat-x; padding:20px 20px 0 0;
	margin-top:222px; color:#969695; text-decoration:none; font-size:12px;}
.dock-txt:hover { color:#fff;}


.proj-main {overflow:hidden; height:650px}
.top {margin:0; padding:0;height:16px;}
.header { height:137px; overflow: hidden;}
.main { overflow:hidden; height:374px;}

.topLeftContent {margin:0; padding:0;background:url('../img/bg-dock.png'); width:391px; height:277px; float:left; vertical-align:middle; position: relative; overflow: hidden; }


.logo {float:left; padding:18px 0 0 0;}

.nav { float:right; margin-left:1px;}
.nav li { display:inline; list-style:none; }
.nav li a {
	float:left; display:block; font-size:11px; color:#999; 
	text-transform:uppercase; text-decoration:none; 
	padding:62px 1px 60px 1px; margin-right:9px; }

.nav li a {
	float:left; font-size:11px; color:#999;
	text-transform:uppercase; text-decoration:none; 
	padding:62px 1px 60px 1px; margin-right:9px;
	position:relative;
	overflow:hidden;
}

.nav li a b {
	position:absolute; font-size:1px; text-indent:-9999px;
	width:200px; height:2px;
	overflow:hidden;
	display:block;
	background:url(../img/nav-hover.png) repeat-x;
	left:0; top:80px;
	opacity:0.0;
	filter: alpha(opacity = 0);
}
.nav .active a {
	color:#41413F /*00447c*/ !important;
}
.nav .active a b {
	opacity:1.0 !important;
	filter: alpha(opacity = 100) !important;
}


.footer-container { background-color:#fff;}
.footer { height:90px; color:#999; font-size:10px; padding:6px 0; margin-top:10px;}
.copy { float:left; line-height:150%}
.copy a {color:#999; text-decoration:none;}
/*.copy a:hover {color:#00447c;}*/
/*.emp-login {float:right; color:#00447c; text-transform: uppercase; font-size:10px; font-weight:bold; text-decoration:none;  display:block; padding:0 0 10px 10px}
.emp-login:hover {color:#999; }*/
.emp-login {float:right; color:#999; font-size:10px;text-decoration:none;  display:block; padding:0 0 10px 10px}


.small-img { position:absolute; width:220px; overflow:hidden; padding-left:0px;}
.ruler { background:url(../img/ruler.png) left repeat-y;} 
.ruler li { list-style:none;}
.ruler li a{ width:120px; background:none; font-size:14px; color:#999;  padding:3px 15px 3px 36px;}
.ruler li a:hover, .ruler li.active2 a {color:#00457c; background:none}

.timeline { background:none; width:215px; float: left;} /*padding-top:24px;}*/  
.timeline ul {margin:0; padding:0; margin-top:-4px; margin-bottom:18px;}
.timeline li { list-style:none;}
.timeline li a {color:#ababab; text-decoration:none; display:block; 
	background:url(../img/arrow.png) 0px -33px no-repeat; 
	padding-left:15px; font-size:11px; padding:4px 15px; width:160px}
.timeline li a:hover {color:#666; /*00457c;*/ background:url(../img/arrow.png) 0px 7px no-repeat;}
.timeline li.active2 a {color:#41413F !important; background:url(../img/arrow.png) 0px 7px no-repeat;}

.txt-contact{float:left;}

#upHome .ul {margin:0; padding:0;}

/************	GLOBAL PROPERTIES  ***************/
/** {margin: 0; padding: 0;}*/
body {margin:0; padding:0;}
img {border: 0px;}
p {margin-bottom:24px;}



/*html {background:url(../img/bg_site.png) top repeat-x #e0e0e0;}old from mckissack site for grey background*/
html {background:/*url(../img/bg_site.png)*/ top repeat-x #fff;}
body { background:url(../img/bg_top.png) top center no-repeat  ; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}

/*---home main content---*/
.homecontent {
	width:954;
	height:250px;
	float:center;
	background-color:#ffffff;
