/**** START OF ALL SECTION STYLES ****/

body {
	margin: 0px auto;
	padding: 0;
	font: 13px Arial, Helvetica, sans-serif;
	background: #002469 url(../images/bg_repeat.jpg) repeat-x 0 0;
}

#bg {
	background: url(../images/bg_arch.jpg) no-repeat center 0;
}

#wrapper {
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
	width: 819px;
}

#logo {
	position: relative;
	top: -8px;
	width: 288px;
	height: 52px;
	background: url(../images/logo.gif) no-repeat;
}

#logo a {
	width: 288px;
	height: 52px;
	display: block;
}

#content {
	background: #fff;
	line-height: 140%;
	font-size: 100%;
}

span {
	display: none;
}

p {
	margin: 14px 0;
}

#clear {
	clear: both;
}

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

/**** END OF ALL SECTION STYLES ****/







/**** START OF HOMEPAGE PAGE STYLES ****/

#homepage #animation {
	width: 819px;
	height: 390px;
	background: url('../images/slideshow/image1.jpg') no-repeat;
}

#homepage #animation div {
	width: 819px;
	height: 390px;
	opacity: 0.0;
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	filter: alpha(opacity=0);
}

#homepage #content {
	font-size: 14px;
	padding: 95px 215px 20px 70px;
}

#homepage .firstpara {
}

#homepage #leftcol {
	width: 200px;
	float: left;
}

#homepage #rightcol {
	width: 300px;
	float: right;
}

#homepage h2 {
	margin: 0;
	margin-bottom: -15px;
	padding: 0;
	position: relative;
	left: -23px;
	top: 28px;
}

#homepage h3 {
	font-weight: bold;
	font-size: 130%;
	color: #002469;
}

#homepage h4 {
	font-weight: bold;
	font-size: 100%;
	color: #000;
	margin-bottom: 2px;
}

#homepage ul {
	margin-top: 0;
	margin-bottom: 20px;
}

#homepage #sidebar {
	position: absolute;
	top: 468px;
	right: 0px;
	width: 550px;
	background: #59575A;
	color: #fff;
	height: 130px;
}

#homepage #sidebar h4 {
	background: url(../images/caption_home.gif) no-repeat;
	height: 34px;
	width: 550px;
	margin: 0;
}

#homepage #sidebar p {
	font-size: 80%;
	margin: 10px 17px 15px;
	line-height: 130%;
}

#homepage #sidebar #attribution {
	margin-top: 0;
	text-align: right;
	font-style: italic;
}

#news {
	background-color: #E7E3E0;
	width: 181px;
	position: absolute;
	top: 130px;
	right: 0px;
	border-left: 1px solid #303130;
	color: #000;
	padding-top: 30px;
	line-height: 110%;
}

#news ul {
	margin: 0 30px;
	padding: 0;
	font-size: 80%;
}

#news li {
	margin-bottom: 10px;
}

#news a {
	color: #000;
	text-decoration: none;
	display: block;
}

#news a:hover {
	text-decoration: underline;
}

/**** END OF HOMEPAGE PAGE STYLES ****/







/**** START OF IMAGECOL PAGE STYLES ****/

#imagecol #content {
	width: 819px;
	background: #fff;
}

#imagecol #leftcol {
	padding-top: 10px;
	padding-left: 10px;
	width: 418px;
	float: left;
}

#imagecol #leftcol img {
	margin-bottom: 4px;
}

#imagecol #animation {
	width: 428px;
	height: 311px;
	background: url('../images/slideshow/company/image1.jpg');
	margin-bottom: 4px;
}
#imagecol #animation div {
	width: 428px;
	height: 311px;
	opacity: 0.0;
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	filter: alpha(opacity=0);
}

#imagecol #rightcol {
	padding: 35px 30px 20px 44px;
	width: 311px;
	float: left;
}

#imagecol #rightcol h2 {
	margin-left: -20px;	
}

#imagecol #rightcol h3 {
	margin: 0 0 -12px 0;
	color: #002469;
	font-size: 107%;
}

#imagecol #rightcol h4 {
	color: #002469;
	font-size: 107%;
}

#imagecol ul {
	margin-top: 0;
	margin-bottom: 0;
}

#imagecol #caption {
	margin-bottom: 4px;
	padding-bottom: 15px;
	width: 428px;
	background: #3A3734;
}
#imagecol #caption h4 {
	margin: 0;
	padding: 0;
	background: url(../images/sidebar_builtonservice.gif) 0 -13px;
	height: 43px;
}
#imagecol #caption p {
	color: #fff;
	font-size: 85%;
	margin: 15px 15px 0 20px;
}

/**** END OF IMAGECOL PAGE STYLES ****/







/**** START OF HEADLINES ****/

#homepage #content h2 {
	background: url(../images/headline_welcometojkscanlan2.gif) no-repeat;
	height: 22px;
	width: 517px;
}

#imagecol #content h2#contact {
	background: url(../images/headline_contactus.gif) no-repeat;
	width: 155px;
	height: 15px;
}
#imagecol #content h2#about {
	background: url(../images/headline_about.gif) no-repeat;
	width: 246px;
	height: 18px;
}
#imagecol #content h2#awards {
	width: 281px;
	height: 43px;
	background: url(../images/headline_awards.gif) no-repeat;
	margin-bottom: -10px;
}
#imagecol #content h2#services {
	background: url(../images/headline_services.gif) no-repeat;
	width: 120px;
	height: 15px;
}
#imagecol #content h2#constructionmanagement {
	background: url(../images/headline_constructionmanagement.gif) no-repeat;
	width: 281px;
	height: 43px;
}
#imagecol #content h2#clientlist {
	background: url(../images/headline_clientlist.gif) no-repeat;
	width: 281px;
	height: 43px;
}
#imagecol #content h2#resources {
	background: url(../images/headline_resources.gif) no-repeat;
	width: 281px;
	height: 43px;
}
#imagecol #content h2#webcams {
	background: url(../images/headline_webcams.gif) no-repeat;
	width: 281px;
	height: 43px;
}
#imagecol #content h2#404 {
	background: url(../images/headline_404.gif) no-repeat;
	width: 281px;
	height: 43px;
}
#imagewrap #content h2#testimonials {
	background: url(../images/headline_testimonials.gif) no-repeat;
	width: 281px;
	height: 43px;
}
#imagewrap #content h2#inthenews {
	background: url(../images/headline_inthenews.gif) no-repeat;
	width: 200px;
	height: 20px;
}

/**** START OF HEADLINES ****/







/**** START OF CLIENT LIST STYLES ****/

#imagecol #clients {
	position: relative;
	top: 0;
	left: -22px;
	width: 349px;
}

#imagecol #clients ul {
	border: 1px solid #b5b4b4;
	border-bottom: 0;
}

#imagecol #clients ul, #clients li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#imagecol #clients img {
	float: left;
	border: 0;
}

#imagecol #clients h3 {
	margin: 18px 0 0 0;
	padding-top: 5px;
	padding-left: 10px;
	height: 25px;
	color: #fff;
	font-size: 107%;
	font-weight: bold;
	border-top: 1px solid #b5b4b4;
	border-bottom: 1px solid #b5b4b4;
	background: #00246A;
}

#imagecol #clients .name {
	margin-left: 122px;
	padding: 4px;
	min-height: 21px;
	line-height: 18px;
	border-bottom: 1px solid #b5b4b4;
}

#imagecol #clients #key {
	margin-top: -20px;
	width: 349px;
	height: 63px;
	border: 0;
	background: url('../images/key.jpg') no-repeat;
}

/**** END OF CLIENT LIST STYLES ****/







/**** START OF IMAGEWRAP STYLES ****/

#imagewrap #content {
	padding: 40px 35px 20px 15px;
	min-height: 290px;
	background: #fff;
}

#imagewrap #content #mainpic {
	margin-left: 40px;
	margin-bottom: 25px;
	float: right;
}

#imagewrap #content h2 {
	width: 300px;
	height: 50px;
}

#imagewrap #content h2#portfolio {
}

#imagewrap #content p, #imagewrap #content ul, #imagewrap #content h3 {
	margin-left: 30px;
}

#imagewrap #content h3 {
	margin: 30px 0 -12px 30px;
	color: #002469;
	font-size: 120%;
}

#imagewrap #testimonial {
	background: url(../images/portfolio/testimonial_inset.gif) no-repeat;
	height: 163px;
	width: 184px;
	position: absolute;
	top: 526px;
	left: 329px;
}

#imagewrap #testimonialbg {
	background: #000;
	height: 163px;
	width: 184px;
	position: absolute;
	top: 526px;
	left: 329px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
}

#imagewrap #testimonial h4 {
	margin: 0px;
	padding: 0px;
	height: 0px;
}

#imagewrap #testimonial p {
	color: #fff;
	font-size: 85%;
	margin: 15px 10px 0px 35px;
}

#imagewrap #testimonial a {
	color: #fff;
}

#imagewrap #thumbnails {
	position: absolute;
	width: 71px;
	left: 835px;
	top: 112px;
}

#imagewrap #thumbnails img {
	margin-bottom: 15px;
	border: 4px solid #fff;
}

.attribution {
	font-size: 80%;
}
/**** END OF IMAGEWRAP STYLES ****/







/**** START OF CONTRACTORS STYLES ****/

#contractors #login h3{
	margin: 0;
	padding: 0;
	color: #002469;
	font-weight: bold;
	text-size: 138.5%;
	background-color: transparent;
}

#contractors #login a{
	color: #002469;
	text-decoration: none;
}

#contractors #login a:hover{
	text-decoration: underline;
}

#contractors {
	margin-top: 70px;
	width: 680px;
        font-size: 93%;
}

#contractors #menu a, #contractors #members a{
	color: #002469;
	text-decoration: none;
}

#contractors #menu a:hover, #contractors #members a:hover{
	text-decoration: underline;
}

#contractors table {
	width: 100%;
	border-spacing: 3px;
}

#contractors td, #contractors th {
	padding: 3px;
	white-space: nowrap;
	cursor: hand;
}

#contractors .tbl_design caption, #captionMimic{
	background-color: #002469;
	text-align: left;
}

#contractors .tbl_design caption h3, #captionMimic h3 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 138.5%;
	padding: 5px;
	color: #fff;
}

#contractors .tbl_design caption p, #captionMimic p{
	margin: 0 0 0 5px;
	padding: 0;
	color: #fff;
	font-style: italic;
	text-size: 93%;
}

#contractors .tbl_design caption a, #captionMimic a{
	margin: -25px 5px 0 0;
	display: block;
	float: right;
	color: #fff;
	text-decoration: none;
}

#contractors .tbl_design caption div.checkall, #captionMimic div.checkall{
	margin: -25px 5px 0 0;
	float: right;
}

#contractors .tbl_design caption div.checkall a, #captionMimic div.checkall a{
	margin: 0;
	display: inline;
	color: #fff;
	text-decoration: none;
	float: none;
}

#contractors #redeem{
	margin: -25px 5px 0 0;
	float: right;
	color: #fff;
}
#contractors #redeem label,
#contractors #redeemCode {
	float: left;
}

#contractors #subRedeemCode{
	border: 0;
	height: 18px;
	width: 20px;
	background: #fff url(../images/arrow.jpg) no-repeat center center;
}

#contractors .tbl_design .heading a{
	margin: -20px 5px 0 0;
	display: block;
	float: right;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#contractors .tbl_design caption a:hover, #contractors .tbl_design .heading a:hover, #captionMimic a:hover{
	font-weight: bold;
}

#contractors .tbl_design td, .tbl_design th, #login .outline{
	border: 1px solid #000;
}

#contractors .tbl_design th {
	text-align: left;
	color: #fff;
}

#contractors .tbl_design .error, #login .error {
	border: 0;
	color: #9A3D36;
	font-weight: bold;
}

#contractors .errormsg {
	margin: 0 0 20px 0;
	color: #ff0000;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

#contractors .tbl_design textarea {
	width: 316px;
	border: 0;
}

#contractors .tbl_design input.text, #login input.text {
	border: 0;
}

#contractors #members {
	margin-top: 30px;
	text-align: center;
}

#contractors #view #pic {
	padding-bottom: 20px;
	text-align: center;
}

#contractors #view #projectinfo {
}

#contractors #view h6 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	font-size: 97%;
}

#contractors #view #projcontent h6 {
	margin: 10px 0 0 0;
}

#contractors #view #projcontent p {
	margin: 0 0 20px 0;
	padding: 0;

}

#uploadfiles ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#uploadfiles li{
	margin: 0;
	padding: 3px;
	border: 1px solid #000;
	list-style-type: none;
	float: left;
}

#uploadfiles .heading{
	font-size: 108%;
	background-color: #B7C8F6;
	color: #000;
}

#contractors .tbl_design tr.alt{
	background: #ddd;
	color: #000;
}

#contractors .tbl_design th{
	background-color: #B7C8F6;
	color: #000;
}

#contractors .tbl_design th a{
	color: #000;
	text-decoration: none;
}

#contractors .tbl_design th a:hover{
	text-decoration: underline;
}

#contractors .tbl_design .tblfoot{
	padding: 10px 0 0 0;
	text-align: right;
	border: 0;
}

#contractors .tbl_design td a{
	color: #002469;
	text-decoration: none;
}

#contractors .tbl_design td a:hover{
	text-decoration: underline;
}

#contractors .tbl_design .heading{
	font-size: 108%;
}

/**** END OF CONTRACTORS STYLES ****/







/**** START OF FOOTER STYLES ****/

#footer {
	font-size: 77%;
	color: #CCCCCC;
	padding: 20px 0;
	position: relative;
	line-height: 140%;
	text-align: center;
}

#footer a {
	color: #CCCCCC;
}

#footer #subnav {
	position: absolute;
	top: 15px;
	right: 0px;
}

#footer #subnav a {
	font-size: 135%;
	margin-right: 7px;
	margin-left: 7px;
}

#footer #subnav a:hover {
	color: #FFFFFF;
}

/**** END OF FOOTER STYLES ****/


/* Pagination list styles */
ul.fdtablePaginater
        {
        display:table;
        list-style:none;
        padding:0;
        margin:0 auto;
        text-align:center;
        height:2em;
        width:auto;
        margin-bottom:2em;
        }
ul.fdtablePaginater li
        {
        display:table-cell;
        padding-right:4px;
        color:#666;
        list-style:none;
	float: left;
        
        -moz-user-select:none;
        -khtml-user-select:none;
        }
ul.fdtablePaginater li a.currentPage
        {
        border-color:#a84444 !important;
        color:#000;
        }
ul.fdtablePaginater li a:active
        {
        border-color:#222 !important;
        color:#222;
        }
ul.fdtablePaginater li a,
ul.fdtablePaginater li div
        {
        display:block;
        width:2em;
        font-size:1em;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        }
ul.fdtablePaginater li div
        {
        cursor:normal;
        opacity:.5;
        filter:alpha(opacity=50);
        }
ul.fdtablePaginater li a span,
ul.fdtablePaginater li div span
        {
        display:block;
        line-height:2em;
        border:1px solid #fff;
        background:#fff url(../media/gradient.gif) repeat-x 0 -20px;
        }
ul.fdtablePaginater li a
        {
        cursor:pointer;
        }
ul.fdtablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
.fdtablePaginaterWrap
        {
        text-align:center;
        clear:both;
        text-decoration:none;
        }
ul.fdtablePaginater li .next-page span,
ul.fdtablePaginater li .previous-page span,
ul.fdtablePaginater li .first-page span,
ul.fdtablePaginater li .last-page span
        {
        font-weight:bold !important;
        }


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 0 0 0;
	width: 200px;
	color: #993300;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	white-space: normal;
	background: url(../images/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	background: url(../images/bubble.gif) no-repeat bottom;
}