/* 
   Link colours
   #########################################################
*/
A   	{ color: #58595b; text-decoration: none; }
A:link	{ color: #58595b; text-decoration: none; }
A:visited { color: #58595b; text-decoration: none; }
A:active { color: #58595b; text-decoration: none; }
A:hover	{ color: #000000; text-decoration: none; }
A:visited-hover	{ color: #000000; text-decoration: none; }

A.menu   	{ color: #c3c2c2; text-decoration: none; }
A.menu:link	{ color: #c3c2c2; text-decoration: none; }
A.menu:visited { color: #c3c2c2; text-decoration: none; }
A.menu:active { color: #c3c2c2; text-decoration: none; }
A.menu:hover	{ color: #FFFFFF; text-decoration: none; }
A.menu:visited-hover	{ color: #FFFFFF; text-decoration: none; }

A.link   	{ color: #58595b; text-decoration: none; font-weight:bold }
A.link:link	{ color: #58595b; text-decoration: none; font-weight:bold }
A.link:visited { color: #58595b; text-decoration: none; font-weight:bold }
A.link:active { color: #58595b; text-decoration: none; font-weight:bold }
A.link:hover	{ color: #000000; text-decoration: none; font-weight:bold }
A.link:visited-hover	{ color: #000000; text-decoration: none; font-weight:bold }

/* 
   Body control; scrollbar and positioning
   #########################################################
*/
BODY { margin: 0px auto; width: 940px; background: #ffffff; font-family: Arial; font-size: 11px; color: #000000;}


/* 
   Master set for TDs
   #########################################################
*/
SUP {font-size: 8px;}
SUB {font-size: 8px;}

/* 
   Master set for form data
   #########################################################
*/
INPUT,SELECT,TEXTAREA {font-family: Arial; font-size: 11px;	color: #000000;	padding: 2px; border: 1px solid #999999;}
.formTitle {padding-top: 8px;}
.formInput {padding-top: 5px;}

/* 
   Header classes
   #########################################################
*/
#Header { background-image:url(../gfx/logoHeader.gif); background-repeat:no-repeat; height:110px;}

/* 
   Menu classes
   #########################################################
*/
#Menu { background-image:url(../gfx/menuBG.gif); background-repeat:repeat-x; height:33px;}
#Menu UL {margin:0; padding: 8px 0 0 50px;}
#Menu LI {font-family:Arial, Helvetica, sans-serif; font-size:12px; display:inline; margin:0; padding:5px 0 0 10px; color:#c3c2c2; vertical-align:middle;}

#Home {width:18px; height:18px; float:left; padding:6px 0 9px 20px; }
#Home a.home img { background:url(../gfx/home.gif) no-repeat top;}
#Home a.home:hover img { background:url(../gfx/home.gif) no-repeat bottom;}

/* 
   Banner classes
   #########################################################
*/
#BannerSlide1 { background:url(../images/bannerAd01.jpg) no-repeat top;}
#BannerSlide2 { background:url(../images/bannerAd02.jpg) no-repeat top;}
#BannerSlide3 { background:url(../images/bannerAd03.jpg) no-repeat top;}
#BannerSlide4 { background:url(../images/bannerAd01.jpg) no-repeat top;}


#BannerContainer { width: 3760px; height: 305px; float: left;}

#Banner { width: 940px; height: 305px; overflow: hidden;}
#BannerBtn { width: 61px; height: 61px; background:url(../gfx/bannerBtn.png) no-repeat 0px -61px; float: right; position: relative; top: 122px; left: -6px; cursor: pointer; margin: 0 0 -61px 0; behavior: url(scripts/iepngfix.htc)}
#BannerBtn:hover {background-position: 0px 0px;}
#BannerBtn:active {background-position: 0px -120px;}
#BannerContainer li { width: 940px; height:305px; display: inline;  float: left; padding: 0px; margin: 0px;}
#BannerContainer ul { list-style:none; float: left; margin: 0px; padding: 0px; display:inline;} 

/* 
   Ticker classes
   #########################################################
*/
#Ticker { background-image:url(../gfx/tickerBG.gif); background-repeat:no-repeat; height:26px; margin-top:10px; margin-bottom:10px;}

/* 
   Content classes
   #########################################################
*/
#ContentHolder {width:100%; height:230px;}
#Content { width:300px; height:230px; float:left;}

#ContentText {height:230px; padding: 0 10px 0 10px;}
#ContentText H1{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#58595b; margin:0px; padding:10px 0 0 0; letter-spacing:-0.03em; font-weight:normal;}
#ContentText H2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#58595b; letter-spacing:-0.03em; font-weight:normal;  margin:10px 0 0 120px; padding: 2px 0 2px 0px;}
#ContentText H2.padd { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#58595b; letter-spacing:-0.03em; font-weight:normal;  margin:10px 0 0 120px; padding: 2px 0 2px 28px;}
#ContentText H3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#58595b; letter-spacing:-0.03em; font-weight:normal; background-image: url(../gfx/arrow.gif); background-repeat: no-repeat; margin:10px 0 0 120px; padding: 2px 0 5px 28px;}

#ContentTextL {height:230px; padding: 0 10px 0 10px;}
#ContentTextL H1{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#58595b; margin:0px; padding:10px 0 0 0; letter-spacing:-0.03em; font-weight:normal;}
#ContentTextL H2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#58595b; letter-spacing:-0.03em; font-weight:normal; background-image: url(../gfx/arrow.gif); background-repeat: no-repeat; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 0px;padding-bottom: 5px; padding-left: 28px; padding-top: 2px;}

#ContentLeft { text-align:left;}
#ContentSpacer { width:20px; float:left;}

.homeBG01 { background:url(../images/home01.jpg) left bottom no-repeat;}
.homeBG02 { background:url(../images/home02.jpg) right bottom no-repeat;}
.homeBG03 { background:url(../images/home03.jpg) left bottom no-repeat;}

/* 
   Portfolio classes
   #########################################################
*/
#PortfolioHeading { width:940px; margin:20px 0 5px 0;}
#PortfolioHeading h1{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#58595b; margin:0px; padding: 0px; letter-spacing:-0.03em; font-weight:bold;}

#Portfolio { width:940px; padding:0px; overflow:hidden;}

#PortfolioGrey { width:940px; padding:0px; overflow:hidden; background: #EEEEEE;}


#PortfolioLeft { width:700px; }
#PortfolioLeft img { border:1px solid #666666; padding:0px;}
#PortfolioLeft h2 { font-size: 16px; margin:0px; padding:0 0 10px 0; }
#PortfolioLeft p { font-size: 12px; margin:0px; padding:0 0 5px 0; }
#PortfolioLeft ul { margin:0 0 0 10px; padding:10px 0 10px 0; }
#PortfolioLeft li { font-size: 12px;  margin:0 0 0 0px; padding:2px 0 2px 0; }

#PortfolioLeftGrey { width:680px; padding:0 0 0 20px; }
#PortfolioLeftGrey img { border:1px solid #666666; padding:0px;}
#PortfolioLeftGrey h2 { font-size: 16px; margin:0px; padding:0 0 10px 0; }
#PortfolioLeftGrey p { font-size: 12px; margin:0px; padding:0 0 5px 0; }
#PortfolioLeftGrey ul { margin:0 0 0 10px; padding:10px 0 10px 0; }
#PortfolioLeftGrey li { font-size: 12px;  margin:0 0 0 0px; padding:2px 0 2px 0; }

#PortfolioLeftNo { width:700px; }
#PortfolioLeftNo img { border:1px solid #FFFFFF; padding:0px;}
#PortfolioLeftNo h2 { font-size: 16px; margin:0px; padding:0 0 10px 0; }
#PortfolioLeftNo p { font-size: 12px; margin:0px; padding:0 0 5px 0; }
#PortfolioLeftNo ul { margin:0 0 0 10px; padding:10px 0 10px 0; }
#PortfolioLeftNo li { font-size: 12px;  margin:0 0 0 0px; padding:2px 0 2px 0; }

#PortfolioRight { width:228px; margin:0 0 0 10px; float:right;}
#PortfolioRight H2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#58595b; letter-spacing:-0.03em; font-weight:normal;  margin:5px 0 0 0px; padding: 2px 0 2px 0px;}
#PortfolioRight h3{ padding:10px 0 5px 0; margin:0px; font-size:11px; font-weight:bold; }
#PortfolioRight ul { margin:0px; padding:0 0 10px 15px;}
#PortfolioRight li { margin:0px; padding:5px 0 0 0px;}
#PortfolioRight p { margin:0px; padding:0px 0 0 0px;}

#Spacer { background-color:#666666; margin:20px 0 20px 0; height:1px; width:940px; overflow:hidden;}
#SpacerGreyTop { margin:20px 0 0 0; height:1px; width:940px; overflow:hidden; border-bottom:solid 20px #EEEEEE;}
#SpacerGreyBttm { margin:0 0 20px 0; height:1px; width:940px; overflow:hidden; border-top:solid 20px #EEEEEE;}

#PortfolioBttn { width:110px; height:42px; background:url(../gfx/button.png) no-repeat 0px top; cursor: pointer; margin: 0 0 0 0; behavior: url(scripts/iepngfix.htc)}
#PortfolioBttn:hover {background-position: 0px bottom;}
#PortfolioBttn:active {background-position: 0px bottom;}

#ContentLeft { width:370px; margin:0px; float:left;}
#ContentLeft h2 { font-size: 16px; margin:0px; padding:0 0 10px 0; }
#ContentLeft p { font-size: 12px; margin:0px; padding:0 0 5px 0; }
#ContentLeft ul { margin:0 0 0 10px; padding:10px 0 10px 0; }
#ContentLeft li { font-size: 12px;  margin:0 0 0 0px; padding:2px 0 2px 0; }

#ContentImages { width:220px; margin:0 10px 0 0; float:left}

#ContentCareers { width:440px; margin:0px; float:left; padding:0 0 10px 0;}
#ContentCareers h1 { font-size: 16px; margin:0px; padding:0 0 3px 0; }
#ContentCareers h2 { font-size: 14px; margin:0px; padding:0 0 3px 0; }
#ContentCareers h3 { font-size: 12px; margin:0px; padding:0 0 3px 0; color:#CC000C; }
#ContentCareers p { font-size: 12px; margin:0px; padding:0 0 8px 0; }
#ContentCareers ul { margin:0 0 0 10px; padding:10px 0 10px 0; }
#ContentCareers li { font-size: 12px;  margin:0 0 0 0px; padding:2px 0 2px 0; }
#ContentCareers a { font-weight:bold; color:#CC000C; }
#ContentCareers a:hover { font-weight:bold; }



/* Contact Form 
   #########################################################
*/
#ContactForm { width:600px;}
#ContactForm p {}

#ContactFormRight { width:280px; margin:0px; float:right; overflow:hidden;}
#ContactFormRight div { margin:0px; padding:7px; }
#ContactFormRight div input { margin:0px; padding:2px;}
#ContactFormRight div label { float: left; width: 100px; padding: 2px 0 0 0; }
#ContactFormRight div label.DataCheck { float: none; width: 100%; } 
#ContactFormRight div input[name=DataCheck] { margin: 0 0 0 5px; }
#ContactFormRight div input[type=submit] { float: right; }

#ContactFormLeft { width:280px; overflow:hidden;}
#ContactFormLeft div { margin:0px; padding:7px; }
#ContactFormLeft div input { margin:0px; padding:2px;}
#ContactFormLeft div label { float: left; width: 100px; padding: 2px 0 0 0; }

#ContactFormLeft div label.error,
#ContactFormRight div label.error { float: none; width: 100px; }
.error{color:#990000;}
#ErrorMsg{color:#990000; font-weight: bold;}

/* 
   Footer classes
   #########################################################
*/
#Footer { background-image:url(../gfx/menuBG.gif); background-repeat:repeat-x; height:33px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#c3c2c2; padding:10px 0 0 10px;}