@import url("news.css");
@import url("fonts.css");
@import url("service.css");
@import url("products.css");


body {font-family: Arial, Verdana, sans-serif; font-style: normal; font-weight: normal; text-transform: normal; margin: 0px;font-size: smaller;	padding-bottom: 0px; background:url('../Images/Common/TemplateBackground.jpg') no-repeat; vertical-align: bottom; border: 0px solid #F00; 	background-color:#FFFFFF;}

img {border:none; behavior: url(/Styles/resources/iepngfix.htc); }

/* Classes */

.directorTitle {color:#AF0404; font-size:11px; margin-bottom:10px; }
.directorName {color:#FFF; font-size:14px; margin-bottom:10px;}
.imageFloatLeft {float:left; padding:0 15px 15px 0;}


/* Structure Layout */

#oTemplate {width:1029px; margin: 0 auto; clear: both;  }
#oHeader {width:1029px;  background:url('../Images/Common/oHeaderImage.png') no-repeat; margin-top:54px; border:0px solid red; height:100px; padding:0;}
#oFlashContainer { width:1029px; height:296px;  padding-left: 12px; background-image: url('../Images/Common/oFooterBottomBackground.png'); background-repeat: repeat-y;z-index:-1; }

#oFlash { width:1004px; height:296px; border:0px solid green;z-index:-1; }
#oContentTop {height:26px; background:url('../Images/Common/oContentBackgroundTop.png') no-repeat; border:0px solid red; width:1025px; z-index:-1;}
#oContent { width:1029px; background:transparent url('../Images/Common/oContent-Y.png') repeat-y; min-height:385px; border:0px solid red; overflow:hidden;   }
#oContentBottom {height:16px; background:url('../Images/Common/oContentBackgroundBottom.png') no-repeat; border:0px solid red; width:1025px}
#oFooter {width:1029px; height:491px; border:0px solid red; }
#oTopFooter {background:url('../Images/Common/oFooterTopBackground.png') no-repeat; width:1029px; height:294px; border:0px solid red; } 
#oMiddleFooter {background:url('../Images/Common/oFooterMiddleBackground.png') no-repeat; width:1029px; height:62px; border: 0px solid red;}
#oBottomFooter {background:url('../Images/Common/oFooterBottomBackground.png') no-repeat; width:1029px; height:133px;}


/* oHeader */

#oLogo {float:left; margin:11px 0 0 38px;}
#oContactDetails {float:right; margin:11px 38px 0 0; width:270px;}
#oEarthingTagLine {background:#768089; color:#FFF; font-size:14px; width:260px; text-align:right; padding:5px 10px 5px 0; font-weight:bold; margin-top:12px; margin-bottom:12px;}
#oTelephone {background:#BF1D08; color:#FFF; font-size:14px; width:260px; text-align:right; padding:5px 10px 5px 0; font-weight:bold; }

/* Home Menu Boxes */

#oMenuBoxOne {background:url('../Images/Page/HomeBox1A_1.jpg'); border:0px solid red; width:317px; height:444px; margin-left:28px; margin-top:0px; float:left; cursor:hand; background-repeat:no-repeat; z-index:1;}
#oMenuBoxTwo {background:url('../Images/Page/HomeBox_blank.jpg'); border:0px solid red; width:318px; height:444px; margin-left:0px; margin-top:0px; float:left; cursor:hand; background-repeat:no-repeat; z-index:1;}
#oMenuBoxThree {background:url('../Images/Page/HomeBox_blank.jpg'); border:0px solid red; width:319px; height:444px; margin-left:0px; margin-top:0px; float:left; cursor:hand; background-repeat:no-repeat; z-index:1;}

#oMenuBoxOne ul { text-align:left; font-size:12px; color:#FFF; margin-top:225px; margin-left:0px;}
#oMenuBoxTwo ul { text-align:left; font-size:12px; color:#FFF;margin-top:0px; margin-left:0px;}
#oMenuBoxThree ul { text-align:left; font-size:12px; color:#FFF;margin-top:0px; margin-left:0px;}
#ul_menu2
{
  height:183px;
  width:278px;
  background:url(../Images/Page/Conducrete.jpg) no-repeat;
  margin-top:42px;
  margin-left:18px;
}
#ul_menu3
{
  height:183px;
  width:278px;
  background:url(../Images/Page/britclips.jpg) no-repeat;
  margin-top:42px;
  margin-left:18px;
}
*+html #oMenuBoxOne ul { text-align:left; font-size:12px; color:#FFF; margin-top:225px; margin-left:30px;}
*+html #oMenuBoxTwo ul, *+html #oMenuBoxThree ul { text-align:left; font-size:12px; color:#FFF; margin-top:0px; margin-left:30px;}
#oMenuBoxOne li, #oMenuBoxTwo li, #oMenuBoxThree li { margin-bottom:10px;  list-style: none; padding-left:20px;  background: url(../Images/Common/HomeBoxArrow.gif) no-repeat left ; }
#oMenuBoxOne a, #oMenuBoxTwo a, #oMenuBoxThree a { color:#FFF; text-decoration:none;}
#oMenuBoxOne a:hover, #oMenuBoxTwo a:hover, #oMenuBoxThree a:hover { color:#FFF; text-decoration:underline;}
#oMenuBoxTwo a#link_2_0,#oMenuBoxThree a#link_3_0 {text-decoration:underline;}
/* Footer Items */


#oMoreLinks {float:left; margin:50px 0 0 43px;  border:0px solid red; display:inline}
*+html #oMoreLinks {float:left; margin:70px 0 0 3px;  border:0px solid red; padding:0; display:inline;}

#oMoreLinks ul {border:0px solid red; width:315px; padding:0px 0 0 0px; list-style:none;}
#oMoreLinks ul li {margin-bottom:10px; padding:0}
#oMoreLinks a {color:#FFF; text-decoration:none;}
#oMoreLinks a:hover {color:#FFF; text-decoration:underline;}

*+html #oNews {width:325px; margin:70px 0 0 0px; float:left; border:0px solid red; display:inline}
#oNews {width:325px; margin:50px 0 0 0px; float:left; border:0px solid red; display:inline}

*+html #oDirectors {border:0px solid red; width:315px; margin-top:70px; float:left; display:inline}
#oDirectors {border:0px solid red; width:315px; margin-top:50px; float:left; display:inline}
#oDirectors a {color:#000; font-size:10px; text-decoration:none;}
#oDirectors a:hover{color:#000; font-size:10px; text-decoration:underline;}
#oSteve {width:100%;}
#oSteveDetails {float:left; width:150px; margin-top:10px;}
#oSteveImage {width:105px; float:right; border:0px solid red;}
#oJohn {width:100%;}
#oJohnDetails {float:left; width:150px; margin-top:10px;}
#oJohnImage {width:105px; float:right; border:0px solid red;}

#oMiddleFooter {color:#FFF; font-size:11px;}
#oAddress {float:left; width:30%; padding:0px 0 0 40px;}
*+html #oAddress {float:left; width:30%; padding:10px 0 0 40px;}
#oInformation {float:right; width:50%; text-align:right; padding:0px 45px 0 0;}
*+html #oInformation {float:right; width:50%; text-align:right; padding:10px 45px 0 0;}
#oMiddleFooter a {color:#FFF; text-decoration:none;}
#oMiddleFooter a:hover {color:#FFF; text-decoration:underline;}

#oCreativeLogo {float:left; margin:11px 0 0 30px;}
#oInvestorInPeopleLogo {margin:11px 40px 0 0; float:right; border:0px solid red;}

/* Middle Content Structure */

#oLeftContent { float:left; width: 625px; border:0px solid red; margin-left:40px;}
#oRightContent {float:right; width: 294px; border:0px solid red; margin-right:45px;}
#oBreadcrumb { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#333;}
#oBreadcrumb  a {color:#BF1D06; text-decoration:underline;}
#oBreadcrumb  a:hover {color:#9C1717; text-decoration:underline;}

#oQuickLinkBox {width:100%;}
#oQuickLinkTitle {float:left; width:80px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#BF1D06; text-align:right; vertical-align:baseline;}
#oQuickLinkList {float:right; width:194px;}

#oContentArticle {}
#oContentArticle a, #oLeftContent a {color:#BF1D06; text-decoration:none;}
#oContentArticle a:hover, #oLeftContent a:hover {color:#BF1D06; text-decoration:underline;}
#oContentArticle ul {margin: 0px; padding:0;}
#oContentArticle ul li {margin: 0px; padding-left: 15px; list-style:none; background:url(../Images/Common/red-arrow.gif) no-repeat left;  
}
#oContentArticleLeft {float:left; width:402px; text-align:justify;} 
#oContentArticleRight {float:right; background:#E0E8F3; width:188px; padding:10px;}

/* Right Menu */

#oRedRightHeaderContainer {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; background:#BF1D08; width:289px; padding:3px 0 3px 5px; margin-top:20px; float:right; margin-bottom:20px;}
#oRightMenuOptions {float:left; margin-top:0px; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}
.oRightMenuTitle {color:#8C8383; float:left; margin:10px 0 10px 0; width:100%;}
.oRightMenuLink {float:left; width:80%; margin:5px 0 5px 0; clear:both;}
.oRightMenuLink a {color:#333; text-decoration:none;}
.oRightMenuLink a:hover {color:#333; text-decoration:underline;}
.oRightMenuTitleRed {font-size:12px; color:#BF1D07; margin:10px 0 10px 0; float:left; width:100%;}