/* ---------------------------------------------- */
/* ---------------- CSS RESET ------------------- */
/* ---------------------------------------------- */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfot, thead, tr, th, td {
	
	margin: 0;
	padding:  0;
	border:  0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;	
}

:focus {
	outline: 0;
}

ol, ul {
	
	list-style: none;
}

/* ---------------------------------------------- */
/* ------------------ BODY ---------------------- */
/* ---------------------------------------------- */

body {
		line-height: 14px;		
		background: url(../images/tile.jpg) repeat;
		margin:  0;	
		padding:  0;
		font: 12px Helvetica;
		color: #1a1a1a;	
}

body { behavior: url("csshover3.htc"); } 

/* ---------------------------------------------- */
/* ----------------- GENERAL -------------------- */
/* ---------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1 {
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 24px;
}

h2 {
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
}

h3 {
	
}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 19px;
}

h5 {
	
}

h6 {
	
}

p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 17px;
}

a {
	color: #581d5f;
}

a:hover {
	text-decoration: none;
}

/* ---------------------------------------------- */
/* ------------------ COLORS -------------------- */
/* ---------------------------------------------- */

.red {
	color: #cc0000;
}


/* ---------------------------------------------- */
/* ------------------ LAYOUT -------------------- */
/* ---------------------------------------------- */

#wrapper {
	width: 916px;
	margin: 0 auto;	
}

#top {
	width: 913px;
	height: 113px;
}

#top .left {
	width: 144px;
height: 85px;
margin: 31px 0 0 16px;
}

#top .right {
	width: 706px;
height: 113px;
}

#top .right .search {
	float: right;
	margin: 31px 14px 0 0;
}

.search .input input {
	width: 192px;
height: 16px;
border: none;
background: #fff;
padding: 2px 0 0 3px;
}

.search .input {
	float: left;
}

.submit {
	float: left;
	margin: 0 0 0 4px;
}

#nav {
	position: relative;
	top: 25px;
	right: 6px;
	float: right;
}

#nav li {
	font-size: 12px;
	float: left;
	display: block;
	padding-top: 10px;
	font-weight: bold;
}

#nav ul li a {
	color: #581d5f;
	padding: 10px 20px 0 14px;
	text-decoration: none;
	height: 23px;
	text-align: center;
	margin-left: 6px;
}

#nav ul li:hover, #nav ul li.current {
	background: url(../images/lr.png) no-repeat top left;
	padding: 10px 0 0 0;
	height: 23px;
}

#nav ul li a:hover {
	color: #696969;
	background: url(../images/rr.png) no-repeat top right;
	margin-left: 6px;
	padding: 10px 20px 10px 14px;
	text-decoration: none;
	height: 23px;
	text-align: center;
}

#nav ul li a.current {
	color: #696969;
	background: url(../images/rr.png) no-repeat top right;
	margin-left: 6px;
	padding: 10px 20px 10px 14px;
	text-decoration: none;
	height: 23px;
	text-align: center;
}


#main {
	margin: 8px 0 0 0;
}

#mt {
	background: url(../images/mt.png) no-repeat !important;
	width: 910px;
	height: 20px;
}

#mm {
	width: 878px;
	background: url(../images/mm.png) repeat-y ;
	padding: 0 16px 13px 16px;
	height: 100%;
}

#mm .left {
	width: 350px;
	height: 100%;
}

#mm .right {
	width: 510px;
	margin: 5px 0 0 0;
}

#bottom {
	width: 895px;
	background: url(../images/bot.png) no-repeat;
	padding: 13px 0 13px 15px;
}

#footer {
	width: 870px;
	margin: 17px 0 0 16px;
}

#det {
	font-size: 10.5px;
	margin-bottom: 15px;
	text-align: left;
	color: #666;
	text-align: center;
}

#bnav {
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 -8px;
}

#bnav ul li {
	float: left;
}

#bnav ul li a {
	color: #581d5f;
	padding: 0 8px 0 8px;
	border-right: 1px solid #581d5f;
	text-decoration: none;
}

#bnav ul li a.last {
	border: none;
}

#web {
	float: right;
	color: #999;
	font-size: 10px;
}

#web a {
	color: #999;
}

#web a:hover {
	color: #fff;
}

.feat {
	width: 352px;
	float: left;
	background: url(../images/feat.gif) no-repeat top left;
}

.feat .left {
	width: 163px;
	height: 103px;
	background: url(../images/feat-left.png) repeat-y;
	margin: 1px 0px 1px 2px;
	padding: 14px 0 0 12px;
}

.feat .left p {
	margin-bottom: 4px;
}

.feat .right {
	width: 172px;
}

.col {
	width: 228px;
	height: 105px;
	float: left;
	background: url(../images/col.png) no-repeat;
	margin-left: 15px;
	padding: 15px 10px 0 10px;
}

.title {
	font-size: 16px;
	color: #6C2D72;
	font-weight: bold;
	margin-bottom: 10px;
}

.col p {
	line-height: 17px;
	margin: -2px 0 0 0;
}

.links li {
	width: 100%;
	margin: 0 0 10px 0;
}

.links li a {
	color: #1A1A1A;
	text-decoration: none;
	height: 12px;
	display: block;
}

.links li.civil {
	background: url(../images/blue.gif) no-repeat top right;
}

.links li.structural {
	background: url(../images/green.gif) no-repeat top right;
}

.links li.transportation {
	background: url(../images/orange.gif) no-repeat top right;
}



#leftside {
	float: left;
	width: 192px;
	margin: 0 0 20px 0;
}

#rightside {
	width: 666px;
	float: right;
}

#hh {
	padding: 0 0 13px 15px;
	border-bottom: 1px solid #6C2D72;
	color: #999;
}

#lnav {
	width: 190px;
	font-size: 11px;
	margin: 12px 0 0 0;
}

#lnav-t {
	width: 190px;
	height: 9px;
	background: url(../images/lnav-t.png) no-repeat;
}

#lnav-m {
	width: 190px;
	height: 100%;
	background: url(../images/lnav-mid.png) repeat-y;
}

#lnav-b {
	width: 190px;
	height: 25px;
	background: url(../images/lnav-b.png) repeat-y;
}



#lnav ul li {
	/*border-bottom: 1px solid #ccc;*/
	text-transform: uppercase;
	/*text-transform:capitalize;*/
	background: url(../images/lnav-line.png) no-repeat bottom left;
}

#lnav ul li ul li {
	/*border-bottom: 1px solid #ccc;*/
	/*text-transform: lowercase !important;*/
	text-transform:capitalize;
	background: url(../images/lnav-line.png) no-repeat bottom left;
/*	padding: 0 0 0 20px;*/
}

#lnav ul li ul li a {
	padding: 10px 0 10px 35px;
/*	height: 28px;*/
}

#lnav ul li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 9px 0 9px 15px;
}

#lnav ul li a:hover, #lnav ul li a.current {
	/*background: url(../images/lnav-ov.png) repeat-x;*/
	background: url(../images/lnav-ov-2.png) repeat-x;
	color: #fff;
}

#lnav ul li.CIVIL2 a:hover, #lnav ul li.CIVIL2 a.current {
	background: url(../images/blue-rollover.gif);
	color: #fff;
}

#lnav ul li.STR a:hover, #lnav ul li.STR a.current {
	background: url(../images/lnav-str.gif);
	color: #fff;
}

#lnav ul li.TR a:hover, #lnav ul li.TR a.current {
	background: url(../images/lnav-tr.gif);
	color: #fff;
}

#lnav ul li.CPM a:hover, #lnav ul li.CPM a.current {
	background: url(../images/lnav-cpm.gif);
	color: #fff;
}

#lnav ul li.HS a:hover, #lnav ul li.HS a.current {
	background: url(../images/lnav-hs.gif);
	color: #fff;
}


#menu li.CIVIL div {
	background: url(../images/lnav/blue-on.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom:1;
}

#menu li.CIVIL div.opened {
	background: url(../images/lnav/blue-off.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom: 1;
}

#menu li.STR div {
	background: url(../images/lnav/structural-on.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom:1;
}

#menu li.STR div.opened {
	background: url(../images/lnav/structural-off.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom:1;
}

#menu li.TR div {
	background: url(../images/lnav/tr-on.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom: 1;
}

#menu li.TR div.opened {
	background: url(../images/lnav/tr-off.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom: 1;
}

#menu li.CPM div {
	background: url(../images/lnav/cpm-on.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom: 1;
}

#menu li.CPM div.opened {
	background: url(../images/lnav/cpm-off.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom: 1;
}

#menu li.HS div {
	background: url(../images/lnav/hs-on.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom: 1;
}

#menu li.HS div.opened {
	background: url(../images/lnav/hs-off.png) no-repeat;
	background-position: 10px;
	background-position: right;
	margin-right: 10px;
	zoom: 1;
}

#ll {
	float: left;
	width: 354px;
}

#ll ul li {
	/*height: 14px;*/
	margin-bottom: 16px;
	padding-left: 10px;
	list-style-type: disc;
	margin-left: 20px;
}

#ll ul li a {
	color: #000;
	text-decoration: none;
}

.blue-list {
	list-style-type: none !important;
}

.yellow-list {
	list-style-type: none !important;
}

.orange-list {
	list-style-type: none !important;
}

.green-list {
	list-style-type: none !important;
}

.red-list {
	list-style-type: none !important;
}

.civil {
	background: url(../images/blue.gif) no-repeat top left;
}

.struct {
	background: url(../images/green.gif) no-repeat top left;
}

.tr {
	background: url(../images/orange.gif) no-repeat top left;
}
 
.cpm {
	background: url(../images/yellow.jpg) no-repeat top left;
}

.hs {
	background: url(../images/red.jpg) no-repeat top left;
}

#rr {
	float: right;
	width: 291px;
}

#rightside h3, #rr h3 {
	font-size: 14px;
	width: 100%;
	border-bottom: 1px solid #000;
	padding-bottom: 11px;
	font-weight: bold;
	margin-bottom: 17px;
}

.caption {
	margin: 9px 0 0 0;
}

.featured {
	width: 290px;
	height: 134px;
	background: url(../images/featured.png) no-repeat;
	margin-bottom: 9px;
}

.featured .opis {
	width: 130px;
	float: left;
	padding: 11px 0 0 11px;
}

.featured .pict {
	width: 144px;
	float: right;
	margin: 0 1px 0 0;
}

.featured .name {
	font-size: 16px;
	font-weight: bold;
	color: #999;
	margin: 0 0 10px 0;
	height: 34px;
	overflow: hidden;
}

.feat-d {
	height: 29px;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	margin-bottom: 14px;
}

#pr-main {
	width: 550px;
	float: left;
}

#pr-main h2 {
	margin: 15px 0 0 0;
	line-height: 25px;
	font-size: 15px;
}

#pr-main #hh {
	padding: 0 0 13px 0 !important;
	text-transform: uppercase;
}

#proj {
	width: 510px;
	min-height: 290px;
	background: #797979 /*url(../images/proj2.gif) no-repeat*/;
	margin: 20px 0 0 0;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#proj .cat {
	float: left;
	width: 30%;
	/*background: #ff9900;*/
	margin: 0 3% 0 0 ;
}

table td {
	padding: 0 15px 0 0;
}

#proj ul li {
	margin-bottom: 10px;
}

#proj ul li a {
	 color: #d1d3d4;
	 text-decoration: none;
}

#proj ul li a:hover {
	color: #fff;
}

td h4 {
	margin-bottom: 23px;
	font-weight: bold;
	background: none !important;
	color: #fff;
}

td h4 img {
	margin: 0 0 0 4px;
	position: relative;
	top: 2px;
}

td h4.civil {
	color: #0071BC;
}

td h4.str {
	color: #6D7E28;
}

td h4.tr {
	color: #F7931E;
}

td h4.hs {
	margin-top: 43px;
}

td h4.cpm {
	margin-top: 35px;
}

.last {
	margin: 0 !important;
}

#ll2 {
	float: left;
	width: 197px;
}

.pika_main {
	float: right;
	left: -30px;
	position: relative;
}

ul#pikame {
	width: 197px;
	clear: left;
}

ul#pikame li {
	float: left;
	margin: 0 5px 5px 0;
}

#im {
	position: relative;
	left: 30px;
}

#navigation {
	position: relative;
	top: -225px;
/*	left: -63px;*/
}

#prev {
	position: relative;
	top: 40px;
	left: 0px;
	cursor: pointer;
}

#next {
	position: relative;
	top: 40px;
	left: 417px;
	cursor: pointer;
}

.pika_caption {
	margin: 20px 0 0 0;
}

.lll {
	float: left;
	width: 200px;
}

.rrr {
	float: right;
	width: 110px;
	margin-right: 50px;
}

#lll {
	float: left;
	width: 199px;
}

#lll ul li {
	float: left;
	margin: 0 4px 0 0;
}

#rrr {
	float: right;
	width: 467px;
}

.ddd {
	position: relative;
	top: -80px;
	left: 30px;
	width:460px;
}

.people {
	margin: 0 0 30px 0;
}

#name {
	font-size: 17px;
	color: #6c2d72;
	margin-bottom: 15px;
	font-weight: bold;
}

.go {
	margin: 22px 0 0 0;
}

ul#listing {
	margin: 0 0 0 20px;
}

ul#listing li {
	list-style-type: disc;
}

.feat-d-d {
	/*height: 32px;*/
}

.feat-d-d a img {
	margin-top: 6px;
}


.client-proj {
	width: 291px;
	/*height: 41px;*/
	/*background: url(../images/client-proj.png) no-repeat;*/
	margin: 0 0 6px 0;
	border:1px solid #D7D7D7;
}

.proj-name {
	float: left;
	width:220px;
	padding: 15px 12px 12px 12px;
}

.proj-name a {
	text-decoration: underline;
	color: #000;
}

.go {
	float: right;
	margin: 9px 8px 0 0;
}




.column {
	width: 280px;
	float: left;
	margin-right: 16px;
}

.column #hh {
	padding: 0 0 13px 4px;
	margin-bottom: 15px;
}

.column p {
	padding: 0 0 0 4px;
}

.column strong {
	font-weight: bold;
	color: #6C2D72;
}

form {
	
}

.column .input {
	margin-bottom: 8px;
}

.column .input label {
	display: block;
}

.column .input input {
	width: 276px;
	height: 16px;
	border: none;
	background: #ccc;
	padding: 4px 0 4px 4px;
}

.column .input textarea {
	width: 276px;
	height: 201px;
	border: none;
	background: #ccc;
	padding: 4px 0 4px 4px;
}
.column .submit input {
	width: 52px;
	height: 19px;
	border: none;
	background: url(../images/submit2.gif) no-repeat;
	color: #fff;
	font-size: 10px;
}

.column .submit {
	float: right;
}


/*JS GALLERY*/

#mycarousel {
	width: 350px;
	padding-bottom: 20px;
}

#img {
	width: 348px;
	height: 202px;
	margin: 0 auto 0 auto;
}

#img li {
	float: left;
}



.jcarousel-control {
	width: 352px;
	height: 54px;
	background: url(../images/js-b.jpg) no-repeat;
	position: relative;
	left: -1px;
	top:  -1px;
	padding: 0px 0 0 2px;
	height: 54px;
}

.jcarousel-control a {
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 0 0px;
	color: #999999;
	text-decoration: none;
	height: 16px;
	margin: 10px 0 0 0;
	padding: 10px 0 10px;
	text-align: center;
	border-right: 1px solid #999;
}

.jcarousel-control a:hover, .jcarousel-control a.selected {
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 0 0px;
	color: #333;
	text-decoration: none;
	height: 21px;
	padding: 18px 0 13px 0;
	text-align: center;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-left: -1px;
	background: #cecece;
	border-bottom: 1px solid #cecece;
}




#civil1 {
	width: 52px;
	margin-left: 0 !important;
}

.jcarousel-control a#civil1.selected, #civil1:hover {
margin-left: 1px;
border-left: none !important;
}

#st2 {
	width: 82px;
}


#tr3 {
	width: 78px !important;
}

#twolines {
	width: 65px;
	padding: 6px 0 14px 0;
}

#twolines:hover, #twolines.selected {
	padding: 14px 0 17px 0;
}

.jcarousel-control a#last {
	width: 67px;
	border-right: none;
	padding: 6px 0 10px 0;
} 

#last.selected, #last:hover {
	border-right: none !important;
	padding: 14px 0 17px 0 !important;
}


#tabbs {
	margin: -1px 0 0 0;
	
}

.tabcontent {
	width: 334px;
	height: 30px;
	background: #cecece;
	padding: 14px 0 0 16px;
	border-top: 1px solid #999;
	margin: -1px 0 0 0;
}

.tabcontent div {
	float: left;
}

.tabcontent div.name {
	width: 180px;
	font-size: 15px;
	font-weight: bold;
	color: #581d5f;
}

.tabcontent div.more {
	font-size: 12px;
	padding: 3px 0 0 0;/*
	position: relative;
	right: 38px;*/
}

.tabcontent div.go-button {
	padding: 1px 0 0 0;
	float: right;
	margin: 0 13px 0 0;
}

#arrows {
	width: 328px;
	height: 30px;
	position: absolute;
	top: 0px;
	margin: 0 0 0 1px;
	padding: 9px;
	z-index: 999;
}

.ours {
	color: #fff;
	font-size: 14px;
	float: left;
	/*font-weight: bold;*/
}

.arr {
	float: right;
}

.arr li {
	float: left;
	margin: 0 0 0 3px;
}

#searchimg {
	cursor: pointer;
}


/*HOME PAGE LINKS*/

.links-home {
	width: 100%;
	margin: 0 0 10px 0;
}

.links-home p a {
width: 220px;
	color: #1A1A1A;
	text-decoration: none;
	height: 12px;
	display: block;
	background: url(../images/links-arrow.gif) no-repeat top right;
	margin-bottom: 10px;
}

/* Customizations For DL*/

.catalog-heading{
	color:#581D5F;
	font-weight:bold;
}

.information-area{
	width:298px;
	float:left;
}

.button-area{
	width:162px;
	float:left;
}

.button-area img{
	margin-top:0px;
}

.go-button-featured-1{
	position:relative;
	left:123px;
	top:94px;
}

.major-name{
	color:#6C2D72;
	font-size:13px;
}

.feat-x1{
	line-height:15px;
}

.feat-x1-title{
	color:#6C2D72;
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
}