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

Title : 

Type: Screen, Projection

Description : Screen and projection stylesheet K L Contracts Ltd site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffff; color:#999999; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width: 960px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:none;}

#header { position: relative; height: 97px; }
#header #logo { position: absolute; top: 23px; left: 86px;  }
#header #contactDetails { position: absolute; top: 22px; right: 0px; }

#leftCol, #leftColTop { float: left; width: 725px; }
#leftCol { margin-bottom: 50px; }
#leftCol #newsForm, #leftColTop #newsForm { border: 1px solid #cccccc; padding: 25px 45px 10px 119px; /*padding: 25px 5px 10px 89px;*/ background: url(../images/layup/newsFormBg.gif) no-repeat top left; margin-bottom: 10px; }
#leftCol .homepageNewsForm form { margin-bottom: 0px !important; }
#leftCol .homepageNewsForm { padding: 10px 45px 10px 119px !important; }
#leftCol .homepageNewsForm #frmContact div { margin-bottom: 5px !important; }
#leftCol #greenIssues, #leftColTop #greenIssues { border: 1px solid #cccccc; padding: 15px 15px 15px 130px; background: url(../images/layup/greenIssuesBg.jpg) -18px 0px no-repeat; }
#leftCol #portfolioLeft { float: left; width: 150px; }
#leftCol #portfolioLeft p, #leftCol #portfolioRight p { padding: 0px !important; }
#leftCol #homeForm strong { color: #666666; }
#leftCol #portfolioRight { float: right; padding: 0px 0px 0px 0px; width: 150px; }
#leftcol #testRight { float: right; padding: 0px 50px 0px 0px; } 

#rightCol { padding-top: 10px; }
#rightCol, #rightColTop { float: right; width: 233px; }
#rightCol .padding, #rightColTop .padding { padding: 0px 0px 0px 15px; }
.bottomRightCol .padding { padding: 82px 0px 0px 15px !important; }
#rightCol #newsHeading, #rightColTop #newsHeading { font-size: 12px; color: #FFF; height: 23px; background: #999999; font-weight: bold; padding: 2px 0px 0px 13px; margin-bottom: 2px; }
#rightCol #newsImage, #rightColTop #newsImage { position: relative; height: 177px; }
#rightCol #newsImage .position, #rightColTop #newsImage .position { position: absolute; top: 0px; left: -10px; }
#rightCol .box, #rightColTop .box { padding: 0px 0px 20px 0px; }
.topRightList .active a { color: #CCCCCC !important; }

#mainContent { padding: 10px 0px 0px 85px; }
#mainContent #homeText { width: 287px; float: left; }
#mainContent #homeForm { width: 335px; float: right; }

/* PROJECT MANAGEMENT */
#projectBoxes {}
#projectBoxes .box { display: block; float: left; height: 140px; width: 160px; }
#projectBoxes .box .heading { color:#666666; font-weight: bold; }

#documentList { border: 1px solid #ababab; height: 289px; overflow: auto; width: 723px; }
table#tblDocList { width: 100%; color: #0c0c0c; }
table#tblDocList a { color: #0c0c0c; font-weight: normal; }
table#tblDocList tr.altRow { background: #ecf3fe; }

table#tblDocList td.itemName { padding: 0px 0px 0px 50px; }
table#tblDocList td.itemDate { padding: 0px 0px 0px 15px; }
table#tblDocList td.itemSize { text-align: right; padding: 0px 15px 0px 0px; }
table#tblDocList td.itemKind { padding: 0px 0px 0px 15px; }
table#tblDocList td.pdf { background: url(../images/layup/iconPDF.gif) 30px 2px no-repeat; }
table#tblDocList td.doc { background: url(../images/layup/iconDOC.gif) 30px 2px no-repeat; }
table#tblDocList td.dwg { background: url(../images/layup/iconDWG.gif) 30px 2px no-repeat; }
table#tblDocList .altRow td.pdf { background:#ecf3fe url(../images/layup/iconPDF.gif) 30px 2px no-repeat; }
table#tblDocList .altRow td.doc { background:#ecf3fe url(../images/layup/iconDOC.gif) 30px 2px no-repeat; }
table#tblDocList .altRow td.dwg { background:#ecf3fe url(../images/layup/iconDWG.gif) 30px 2px no-repeat; }

table#tblDocList #tblHeadingName { width: 312px; height: 17px; background: url(../images/layup/spriteTabName.jpg) right -17px no-repeat; }
table#tblDocList #tblHeadingName .hand { display: block; width: 312px; height: 17px; }
table#tblDocList #tblHeadingName .hand span { display: block; padding: 0px 0px 0px 50px; }
table#tblDocList #tblHeadingName.active { background: url(../images/layup/spriteTabName.jpg) right 0px no-repeat; }
table#tblDocList #tblHeadingDate { width: 181px; height: 17px; background: url(../images/layup/spriteTabDate.jpg) right -17px no-repeat; }
table#tblDocList #tblHeadingDate .hand { display: block; width: 181px; height: 17px; }
table#tblDocList #tblHeadingDate .hand span { display: block; padding: 0px 0px 0px 15px; }
table#tblDocList #tblHeadingDate.active { background: url(../images/layup/spriteTabDate.jpg) right 0px no-repeat; }
table#tblDocList #tblHeadingSize { height: 17px; width: 117px; background: url(../images/layup/spriteTabSize.jpg) right -17px no-repeat; }
table#tblDocList #tblHeadingSize .hand { display: block; width: 117px; height: 17px; }
table#tblDocList #tblHeadingSize .hand span { display: block; padding: 0px 15px 0px 0px; }
table#tblDocList #tblHeadingSize.active { background: url(../images/layup/spriteTabSize.jpg) right 0px no-repeat; }
table#tblDocList #tblHeadingKind { height: 17px; background: url(../images/layup/spriteTabKind.jpg) right -17px no-repeat; }
table#tblDocList #tblHeadingKind .hand { display: block; height: 17px; }
table#tblDocList #tblHeadingKind .hand span { display: block; padding: 0px 0px 0px 15px; }
table#tblDocList #tblHeadingKind.active { background: url(../images/layup/spriteTabKind.jpg) right 0px no-repeat; }
table#tblDocList .width330 { width: 330px; }

/* ----- TEAM PHOTOS -----*/
#teamPhotos {  }
#teamPhotos .box { float: left; width: 98px; line-height: 120%; margin-bottom: 6px; margin-right: 0px; height: 130px;}
#teamPhotos .box img { padding-left:11px; }
#teamPhotos .box a { display: block; width: 98px; text-decoration: none; cursor: pointer; }
#teamPhotos .last { margin-right: 0px; }
#teamPhotos .box span { display: block; width: 98px; text-align: center; font-weight: bold; }
#teamPhotos .box .thumb { display: block; padding-bottom: 6px; }

/* ----- TESTIMONIALS -----*/
#testimonialList {}
#testimonialList .listArticle { float: left; width: 365px; margin-bottom: 22px; }
#testimonialList .listArticle a { display: block; width: 345px; margin-right: 20px; font-weight: normal; }
#testimonialList .listArticle .content { display: block; }
#testimonialList .listArticle .signed { display: block; color: #99cc33; font-weight: bold; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.hand { cursor:pointer;}
.txtGreen { color: #99cc33; }
.txtBlue { color: #3399ff; }
.titleHome { display: block; background: url(../images/layup/dotsH.gif) repeat-x bottom; padding-bottom: 2px; margin-bottom: 10px; font-weight: bold; color: #666 !important; }
.titleHome a { color: #666 !important; font-weight: bold; }
#leftCol .title, #leftColTop .title { color: #666666; font-weight: bold; font-size: 12px; }
#leftCol .title span, #leftColTop .title span { font-weight: bold; color: #99cc33; font-size: 13px; }
#rightCol .title, #rightColTop .title { display: block; background: url(../images/layup/dotsH.gif) repeat-x bottom; padding-bottom: 2px; margin-bottom: 10px; font-weight: bold; color: #666666; }
#rightCol .title span, #rightColTop .title span { color: #99cc33; }
.txtLightGrey { color: #999; }
.txtGrey { color: #666; }
.txtBlueI { color: #0099ff; font-style: italic; }
.inline { display: inline; }

/* ----- FRAMES / LISTS ----- */
.topRightList { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; }
.topRightList { list-style: none; padding: 5px 0px 0px 0px; margin: 0px; }
.topRightList li { margin: 0px; padding: 0px 0px 0px 13px; background: url(../images/layup/bulletNews.gif) 0px 7px no-repeat; }
.topRightList li.readMore { background: none; padding: 0px 0px 0px 13px; }
.topRightList li.readMore a { font-weight: bold; color: #b6ce5f; }

#miniNewsList { list-style: none; padding: 10px 0px 0px 0px; margin: 0px; }
#miniNewsList li { margin: 0px; padding: 0px 0px 0px 13px; background: url(../images/layup/bulletNews.gif) 0px 7px no-repeat; }
#miniNewsList li.active a { color: #CCCCCC; }
#miniNewsList li.readMore { background: none; padding: 0px 0px 0px 13px; }
#miniNewsList li.readMore a { font-weight: bold; color: #b6ce5f; }

#miniList { list-style: none; padding: 10px 0px 0px 0px; margin: 0px; }
#miniList li { margin: 0px; padding: 0px 0px 5px 13px; background: url(../images/layup/bulletNews.gif) 0px 7px no-repeat; }
#miniList li a { color: #666666; font-size: 12px; font-weight: bold; }
#miniList li.readMore { background: none; padding: 0px 0px 0px 13px; }
#miniList li.readMore a { font-weight: bold; color: #b6ce5f; }
#miniList li.active, #miniList li.active a { color: #999999; }

#miniList.progressChart li { background: none; padding: 0px 0px 5px 0px; }
#miniList.progressChart li.green { background: url(../images/layup/iconGreenTick.gif) right 1px no-repeat; }
#miniList.progressChart li.red { background: url(../images/layup/iconRedTick.gif) right 1px no-repeat ;  }
#miniList.progressChart li.green a { color: #99cc33; }
#miniList.progressChart li.red a { color: #c8393b; }
#miniList.progressChart li a { display: block; color: #999999; margin: 0px; padding: 0px 0px 0px 13px; background: url(../images/layup/bulletNews.gif) 0px 7px no-repeat; }

#testimonialList span { display: block; }
#testimonialList .listItem a { font-weight: normal; text-decoration: none; }
#testimonialList .listItem { padding: 0px 20px 10px 10px; width: 270px; float:left; height: 95px; }
#testimonialList .listItem .itemHeading { font-size: 18px; }
#testimonialList .listItem .textGreen { font-weight: bold; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
h1 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; }
#leftColTop h1 { padding: 10px 0px 0px 85px; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 27px; }
#primaryNav ul { list-style: none; padding: 0px 0px 0px 42px; margin: 0; height: 25px; background: #999999; }
#primaryNav li { float: left; padding: 2px 0px 0px 35px; }
#primaryNav li a { text-decoration: none; font-size: 12px; color: #FFF; display: block; float: left; }
#primaryNav li a:hover, #primaryNav li.active a { text-decoration: underline; }

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav {}
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li {  }
#secondaryNav li a { text-decoration: none; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs {}
#pagination { float: right; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; }
#pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination span { display: block; float: left; padding: 0px 2px 0px 2px; }

/* ----- FOOTER ----- */
#footer { clear:both;height: 107px; background: url(../images/layup/footerBg.gif) repeat-x; color: #cccccc; font-weight: bold; font-size: 10px; margin-top: 30px; }
#footer #footerBottom { text-align: left; }
#footer .padding { width: 960px; margin: 0px auto; text-align: center; font-size:110%; padding: 10px 0px 0px 0px; }
#footer a { font-weight:normal; text-decoration:none; color: #cccccc; font-weight: bold; font-size: 10px; }
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#999999; font-weight:bold; text-decoration: none; }
a:hover { text-decoration: none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:160px; float:left; }
input, textarea { width:150px; font-size:11px !important;}
.requiredLabel { color:#3399FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:154px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:91px !important; height:25px !important; border:none;}
form #submit { width:91px !important; height:25px !important; border:none;}
#btnSubmitNews { width: 37px; height: 8px; }

#frmDownload { margin-bottom:15px;}
#frmDownload p { padding:7px 0;}
#frmDownload select { width:98px;}
#frmDownload div { margin-bottom:10px;}
#frmDownload label { width: 94px; font-weight: bold; }
#frmDownload input { width: 290px; }
#frmDownload #btnSubmit { float: right; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:302px; padding: 5px; background-color: #3399FF; color : #FFF; font-weight: bold; }
.homepageNewsForm .validation-advice  { width: 142px; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

.contentLeft {
    float:left;
    width:295px;
}

.contentRight {   
    float:left;
    width:/*250px*/315px;
    padding-left: 30px;
}