/* --------------------> John G Mackintosh CSS */
/* --------------------> Content */

body { font: 0.7em Arial, Helvetica, sans-serif; color: #666; margin: 0px; background: url(../images/img_site_background.jpg) no-repeat center top; }
a { color: #000; text-decoration: none; }
a:link { color: #000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
h1 { font: normal 1.6em Arial, Helvetica, sans-serif; color: #333; text-transform:capitalize; }
h2 { font: bold 1.0em Arial, Helvetica, sans-serif; color: #000000; margin: 0px; }
h3 { font: normal 1.4em/1.4em Arial, Helvetica, sans-serif; color: #FF0000; }
h4 { font: bold 1.4em Arial, Helvetica, sans-serif; color: #000; margin: 0px; text-align: center; letter-spacing: 1px; }
h5 { font: bold 1.0em Arial, Helvetica, sans-serif; color: #666666; margin: 0px; }
ul { padding: 0px; margin: 15px 20px 15px 25px; list-style: url(../images/img_bullet_point.gif); }

/* -- Margin Elements -- */
.marginRight5 { margin-right: 5px; }
.marginRight10 { margin-right: 10px; }

/* -- Header Elements -- */
.headerImageLeft { margin-top: 0px; padding-left: 6px; width: 564px; height: 184px; float: left; }
.headerImageFull { margin-top: 0px; padding-left: 6px; width: 748px; height: 188px; float: left; }

/* -- Sub Navigation Elements -- */
.subNav { width: 184px; height: 158px; margin-top: 0px; margin-right: 6px; padding-top: 15px; padding-bottom: 15px; padding-left: 0px; float: right; background: #FF0000 url(../images/img_sub_nav_back.gif) no-repeat right top; }
.subNav ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; text-indent: 0px; }
.subNav a { color: #FFFFFF; text-decoration: none; }
.subNav a:link { color: #FFFFFF; text-decoration: none; }
.subNav a:hover { color: #FFFFFF; text-decoration: none; }
.subNav a:visited { color: #FFFFFF; text-decoration: none; }
.subNavMenu { color: #FFFFFF; margin: 0px; padding: 0px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; }

/* -- Homepage Elements -- */
.textAreaContainer { color: #666; width: 660px; padding-left: 50px; padding-right: 50px; }
.getInTouch {float: left; width: 760px; padding: 0px; background: transparent url(../images/img_getintouch.gif) left top no-repeat; height: 35px; }
.getInTouchConatiner{position: relative; top: 0px; left: 250px; width: 600px; margin: 10px 0px 0px 0px; }
.getInTouch01{float: left; width: 120px;}
.getInTouch02{float: left; width: 130px; font: 1.8em/1em Arial, Helvetica, sans-serif; letter-spacing: -0.07em; color: #000; margin: -3px 0px 0px 0px; }
.getInTouch03{float: left; width: 200px;}

/* -- Info Box Elements -- */
.infoBoxOuterContainer { width: 760px; margin-top: 15px; margin-bottom: 15px; float: left; }
.infoButton { display: block; width: 105px; height: 18px; padding-top: 2px; padding-right: 25px; color: #000; font-weight: bold; text-decoration: none; background: url(../images/btn_back_off.gif) no-repeat right center; float: right; text-align: right; }
.infoButton:link { display: block; width: 105px; height: 18px; padding-top: 2px; color: #000; font-weight: bold; text-decoration: none; background: url(../images/btn_back_off.gif) no-repeat right center; float: right; }
.infoButton:hover { display: block; width: 105px; height: 18px; padding-top: 2px; color: #666; font-weight: bold; text-decoration: none; background: url(../images/btn_back_on.gif) no-repeat right center; float: right; }
.infoBoxContainer { width: 186px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; float: left; }
.infoBoxTop { width: 166px; height: 112px; padding: 85px 10px 0px 10px; }
.infoBoxBottom { width: 166px; height: 20px; padding-left: 10px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; background: #FFF url(../images/img_info_box_back_btm.gif) no-repeat left bottom; }
.infoBoxBack01 { background: #FFF url(../images/img_info_box_back01b.jpg) no-repeat left top; }
.infoBoxBack02 { background: #FFF url(../images/img_info_box_back02b.jpg) no-repeat left top; }
.infoBoxBack03 { background: #FFF url(../images/img_info_box_back03b.jpg) no-repeat left top; }
.infoBoxBack04 { background: #FFF url(../images/img_info_box_back04b.jpg) no-repeat left top; }

/* -- News Home Component -- */
.infoBoxContainerNews { width: 186px; padding: 0px; float: left; }
.newsPanelTop {height: 45px; width: 186px; padding: 0px; float: left; }
.infoBoxTopNews { width: 180px; padding: 0px 3px 0px 3px; margin: 55px 0px 0px 0px;}
.newsImgContainer { float: left; margin: 8px 0px 0px 10px; padding: 0px 0px 0px 0px; overflow: hidden; height:82px; /*border: 2px solid #999999; border-top: none; border-left: none;*/ }
.newsImgContainer img { margin: 0px 0px 0px 0px; border: none; width:161px;} /* */
.newsIntro {margin: 14px 10px 10px 20px; padding: 0px;}
.newsIntro a {color: Red;}

/* -- News Listing -- */
.tableTopNewsLeft { color: #FFFFFF; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; width: 400px; height: 24px; padding-top: 6px; padding-left: 20px; text-align: left; float: left; }
.tableNewsLeft { width: 190px; float: left; }
.tableNewsRight { width: 190px; float: right; }
.tableNewsLeftImage { width: 141px; float: left; padding: 0px; }
.tableNewsLeftImage img { margin: 0px 0px 0px 0px; border: 1px solid #cccccc;}
.tableNewsRightProject { width: 235px; float: right; }
.newsImageColRight { width: 188px; height: 190px; background: url(../images/img_place_holder_back.jpg) no-repeat left top; padding: 6px; }
.newsImageColRightCon {position: relative; top: 27px; left: 18px;}
.newsImageColRight img { border: 1px solid #cccccc;}


/* -- Element Positions -- */
.mainContentLeft { width: 450px; padding-left: 50px; padding-right: 60px; float: left; margin-top: 0px; }
.mainContentRight { width: 200px; float: right; margin-top: 0px; }
.quotePosition { width: 180px; margin-left: 10px; margin-right: 10px; margin-top: 15px; font: normal 1.5em/1.5em Arial, Helvetica, sans-serif; color: #FF0000; }
.imagePosition { width: 188px; height: 200px; background: url(../images/img_place_holder_back.jpg) no-repeat left top; padding: 6px; }
.imagePosition img {border: none;}
.logoPosition { margin: 0px; width: 332px; height: 48px; float: left; }
.navPosition { margin-left: 0px; margin-top: 0px; height: 60px; width: 424px; float: right; }

/* -- Footer Styles -- */
.footerContent { width: 720px; height: 23px; margin: 0px; padding-left: 20px; padding-right: 20px; padding-top: 7px; background: url(../images/background_footer.gif); }
.footerDivide { color: #FF0000; margin: 0px 6px; }
.footerList ul { margin: 0px 0px; padding: 0px; list-style-type: none; width: 280px; float: left; }
.footerList li { display: inline; padding: 0px; }
.footerList li.first { padding-left: 0px; border: 0px; }
.footerList li a { color: #FFF; text-decoration: none; }
.footerList li a:link { color: #FFF; text-decoration: none; }
.footerList li a:hover { color: #FFF; text-decoration: underline; }
.footerList li a:visited { color: #FFF; text-decoration: none; }
.footerDetailRight { float: right; margin: 0px 10px 0px 0px; color: White;}
.footerContentLeft { color: #999999; float: left; width: 500px; margin-left: 10px; margin-top: 15px; }
.footerContentRight { float: right; width: 160px; height: 46px; margin: 15px 10px 0px 0px; /*	background: url(../images/img_quick_call.gif) no-repeat right center;*/ }
.footerContentCentre { float: left; /*	width:150px;*/ width: 160px; height: 90px; margin-top: 15px; /*	margin-right: 10px;*/ margin-right: 0px; margin-left: 0px; }
.ftrGroupBox { color: #666666; float: left; width: 160px; text-align: right; margin: 0px 10px 0px 0px; }

/* -- Contact Us Banner -- */
.telephoneBanner { width: 450px; height: 70px; }

/* -- Information/Contact/Careers Table -- */
.tableContainer { width: 450px; margin-bottom: 20px; }
.tableTop { color: #FFFFFF; width: 450px; height: 30px; background: #000000 url(../images/img_black_hdr.gif) no-repeat; }
.tableTopContentLeft { color: #FFFFFF; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; width: 300px; height: 24px; padding: 6px 0px 0px 20px; text-align: left; float: left; }
.tableTopContentRight { color: #FFFFFF; height: 24px; padding-top: 6px; padding-right: 20px; width: 100px; float: right; text-align: right; }
.tableContent { width: 410px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background: url(../images/img_table_grad_back.jpg) no-repeat left top; float: left; }
.tableContentNoBackground { width: 410px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; clear: both; float: right; }
.tableContentLeft { width: 190px; float: left; }
.tableContentRight { width: 190px; float: right; }
.tableContentLeftImage { width: 80px; float: left; padding: 0px; }

.tableContentLeftImage img {border:none; }
.tableContentRightProject { width: 298px; float: right; }
.tableContentBelow { width: 410px; margin-top: 15px; float: left; clear: both; }
.tableContent p { margin: 0px; }
.tableBottom { width: 450px; height: 15px; clear: both; border-top: 6px solid #FF0000; border-right-color: #FF0000; border-bottom-color: #FF0000; border-left-color: #FF0000; }
.tableBottomText { color: #000; width: 410px; padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 10px; clear: both; background-color: #FFF; border-bottom: 6px solid #FF0000; text-align: right; }
.tableButtonBottom { color: #FFFFFF; display: block; width: 105px; height: 22px; padding-top: 6px; font-weight: bold; text-decoration: none; background: url(../images/img_apply_btn_back.gif) no-repeat right center; float: right; text-indent: 10px; }
.tableButtonBottom:link { display: block; width: 105px; height: 22px; padding-top: 6px; color: #FFFFFF; font-weight: bold; text-decoration: none; background: url(../images/img_apply_btn_back.gif) no-repeat right center; float: right; text-indent: 10px; }
.tableButtonBottom:hover { display: block; width: 105px; height: 22px; padding-top: 6px; color: #FFFFFF; font-weight: bold; text-decoration: underline; background: url(../images/img_apply_btn_back.gif) no-repeat right center; float: right; text-indent: 10px; }
.tableButtonBottomWide { display: block; width: 223px; height: 22px; padding-top: 6px; color: #FFFFFF; font-weight: bold; text-decoration: none; background: url(../images/img_apply_btn_back_223.gif) no-repeat right center; float: right; text-indent: 10px; }
.tableButtonBottomWide:link { display: block; width: 223px; height: 22px; padding-top: 6px; color: #FFFFFF; font-weight: bold; text-decoration: none; background: url(../images/img_apply_btn_back_223.gif) no-repeat right center; float: right; text-indent: 10px; }
.tableButtonBottomWide:hover { display: block; width: 223px; height: 22px; padding-top: 6px; color: #FFFFFF; font-weight: bold; text-decoration: underline; background: url(../images/img_apply_btn_back_223.gif) no-repeat right center; float: right; text-indent: 10px; }
.pageDivide { width: 450px; padding-bottom: 10px; margin-top: 10px; height: 6px; background: url(../images/dot_divide_grey.gif) repeat-x left top; }

/* -- LEWIS Advert -- */
.lewisDesign { float: left; border: none; width: 100px; padding: 20px 0px 0px 10px; margin: 0px 0px 20px 10px; background-color: #ffffff; display: block; }
.lewisDesign a img { border: none; }

/* -- Misc -- */
.mt-14 { margin-top: 14px; }
.mt-10 { margin-top: 10px; }
.clearBoth { clear: both; }
.sitesDD { background-color: #FFFFFF; border: 1px solid #999999; color: #666666; font-size: 1em; margin: 2px; padding: 2px; }
.backTo {margin: 0px 0px 10px 0px;}

/* -- HR -- */
.divider1 { background: transparent url(../images/dot_grad_divider_main_cont.gif) no-repeat scroll left center; display:block; font-size:1px; height:1px; margin:0px 0px 0px 0px; padding: 10px 0px 10px 0px; width:450px; clear: both;}

/*-- Flash banner --*/
.flashBanner { float:left; margin:0px; padding:0px 0px 0px 6px; width:748px; height: 188px; }
.noFlashContent { margin: 50px 20px 0px 20px; }
.noFlashContent h3 { font: normal 1.3em/1.4em Arial, Helvetica, sans-serif; color: #808284; }
.noFlashContent h3 a { color: red; text-decoration: underline; }
.noFlashContent h3 a:visited { color: #FF3F3F; text-decoration: none; }
.noFlashContent h3 a:hover { color: red; text-decoration: underline; }