/*#################################################################
#####      THIS FILE AND ITS CONTENTS ARE THE PROPERTY OF     #####
#####      OFFSIGHT IT SERVICES LTD.  NO ATTEMPT MUST BE      #####
#####      MADE TO COPY ITS CONTENTS OR USE ELSEWHERE         #####
#####      WITHOUT PERMISSION FROM OFFSIGHT IT SERVICES LTD   #####
#####                                                         #####
###################################################################
#####                                                         #####
#####               WRITTEN 20/09/2010                        #####
#####                                                         #####
#################################################################*/

/*START PNG FIX*/
img, div
{
behavior: url(iepngfix.htc);
}

.pngTest
{
width: 87px;
height: 86px;
background-image: url(images/layoutImages/bogoff.png);
position: absolute;
top: 50px;
left: 20px;
z-index: 10;
}
/*END PNG FIX*/

/*START FONTS*/
body
{
font-family: Arial;
font-weight: normal;
color:#777;
background-color: #c5e3ff;
font-size: 12pt;
margin: 0px auto 0px auto;
text-align: center;
}

h1
{
width: 100%;
font-family: Arial;
color:#589945;
font-size: 19pt;
text-align: left;
margin: 0px;
display: inline-block;
}

h2
{
width: 100%;
font-family: Arial;
color:#589945;
font-size: 16pt;
text-align: left;
margin: 10px 0px;
display: inline-block;
}

a
{
color:blue;
}
/*END FONTS*/

/*START MAIN LAYOUT*/
#container
{
width: 1000px;
height: auto;
display: inline-block;
margin: 0px auto 0px auto;
text-align: left;
}

.header
{
width: 100%;
height: 138px;
display: inline-block;
background-image: url(images/header.png);
position: relative;
}

.footer
{
width: 100%;
height: 75px;
display: inline-block;
background-image: url(images/footerBg.png);
position: relative;
}

.footerCopy
{
width: auto;
height: auto;
position: absolute;
top: 15px;
right: 10px;
font-size: 10pt;
}

.offsightLink
{
width: auto;
height: auto;
position: absolute;
top: 45px;
right: 10px;
font-size: 10pt;
}

.footerMenu
{
width: auto;
height: auto;
position: absolute;
top: 45px;
left: 10px;
font-size: 10pt;
}
.footerMenu a
{
text-decoration: underline;
}

/*START HEADER ITEMS*/
.logoText
{
width: auto;
height: auto;
position: absolute;
top: 5px;
left: 150px;
font-size: 14pt;
font-weight: bold;
color: #589945;
}

.logoTextWide
{
letter-spacing: 6px;
}

.tagLine
{
width: auto;
height: auto;
position: absolute;
top: 80px;
left: 10px;
font-size: 10pt;
color: #589945;
letter-spacing: 3px;
word-spacing: 14px;
}

.telNo
{
width: auto;
height: auto;
position: absolute;
top: 5px;
right: 30px;
font-size: 24pt;
color: #589945;
}

.logosUnderTel
{
width: auto;
height: auto;
position: absolute;
top: 45px;
right: 30px;
font-size: 24pt;
color: #589945;
}

.assureLogos
{
width: 350px;
height: auto;
position: absolute;
top: 10px;
left: 320px;

}

.menuPosition
{
width: auto;
height: auto;
position: absolute;
top: 100px;
right: 20px;
color: #000;
font-size: 10pt;
z-index: 100;
}
.menuPosition a
{
color: #000;
text-decoration: underline;
font-size: 10pt;
z-index: 100;
}

.menuLeft
{
width: 8px;
height: 32px;
display: inline-block;
background-image: url(images/menuLeft.png);
float: left;
}

.menuMain
{
width: auto;
height: 32px;
display: inline-block;
background-image: url(images/menuBg.png);
float: left;
position: relative;
z-index: 1000;
}

.menuNudge
{
width: auto;
height: auto;
display: block;
margin: 7px 0px 0px 0px;
z-index: 1000;
}
.menuNudge a
{
z-index: 1000;
}
#ctl00_Menu1n7Items
{
z-index: 1000;
}

.menuRight
{
width: 9px;
height: 32px;
display: inline-block;
background-image: url(images/menuRight.png);
float: left;
}

.breadContainer
{
width: auto;
height: 31px;
display: inline-block;
float: left;
margin: 10px 0px;
}

.breadLeft
{
width: 5px;
height: 31px;
display: inline-block;
background-image: url(images/breadLeft.gif);
float: left;
}

.breadMain
{
width: Auto;
height: 31px;
display: inline-block;
background-image: url(images/breadMain.jpg);
float: left;
position: relative;
}

.breadText
{
display: inline-block;
width: auto;
height: auto;
margin: 5px 0px 0px 5px;
color: #fff;
}
.breadText a
{
color: #fff;
}

.breadRight
{
width: 25px;
height: 31px;
display: inline-block;
background-image: url(images/breadRight.gif);
float: left;
}
/*END HEADER ITEMS*/

.mainBody
{
width: 100%;
height: auto;
float: left;
position: relative;
background-color: #fff;
text-align: center;
display: inline-block;
}

.mainBodyText
{
width: 95%;
height: auto;
display: inline-block;
text-align: left;
}
/*END MAIN LAYOUT*/

/*START DEFAULT PAGE*/
.introParagraph
{
width: 100%;
height: auto;
display: inline-block;
float: left;
margin: 10px 0px;
}

.video
{
width: 364px;
height: 234px;
display: inline-block;
float: left;
}

.benefits
{
width: 35%;
height: auto;
display: inline-block;
float: left;
}

ul
{
list-style-image: url("images/tick.png");
font-size: 10pt;
font-weight: bold;
}

/*START HOME LINKS*/
.homeButtons
{
width: 250px;
height: auto;
float: left;
display: inline-block;
}

.homeCallSign
{
width: 175px;
height: 117px;
display: inline-block;
background-image: url(images/callBg.png);
float: left;
position: relative;
}
.homeCallSignText
{
width: 100%;
height: auto;
display: inline-block;
color: #fff;
position: absolute;
top: 25px;
font-weight: bold;
text-align: center;
font-size: 14pt;
}

.homeLinks
{
width: 203px;
height: 117px;
display: inline-block;
float: left;
position: relative;
background-image: url(images/viewCourseBg.png);
margin: 5px 0px 0px 0px;
z-index: 100;
}
.homeLinksCenter
{
width: 203px;
height: 117px;
display: inline-block;

position: relative;
background-image: url(images/viewCourseBg.png);
margin: 5px 0px 0px 0px;
z-index: 100;
}
.homeLinksText
{
width: 100%;
height: auto;
display: inline-block;
color: #fff;
position: absolute;
top: 25px;
left: 10px;
font-weight: bold;
font-size: 12pt;
z-index: 100;
}
.homeLinksText a
{
color: #fff;
z-index: 100;
}

.callLongBg
{
width: 100%;
height: 32px;
display: inline-block;
float: left;
position: relative;
background-image: url(images/callBgLong.png);
background-repeat: no-repeat;
background-position: center;
margin: 10px 0px ;
}

/*END HOME LINKS*/

.greenBar
{
width: 100%;
height: 2px;
background-color: #589945;
margin: 10px 0px;
display: inline-block;
float: left;
}

/*START SUCCESS STORIES*/
.successStoryContainer
{
width: 950px;
height: auto;
display: inline-block;
float: left;
position: relative;
background-image: url(images/testBg.png);
margin: 5px 0px;
}

.successStoryImage
{
width: 160px;
height: 160px;
display: inline-block;
float: left;
margin: 10px 10px 0px 10px;
}

.successStoryText
{
width: 750px;
height: auto;
display: inline-block;
float: left;
margin: 10px 0px 0px 0px;
}

.successStoryCallUs
{
width: 100%;
height: 24px;
display: inline-block;
float: left;
position: relative;
background-image: url(images/callBgLong.png);
background-repeat: no-repeat;
background-position: center;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 14pt;
vertical-align: middle;
}

/*END SUCCESS STORIES*/

/*END DEFAULT PAGE*/


/*START COURSES PAGE*/
.courseLinks
{
width: 203px;
height: 117px;
display: inline-block;
float: left;
position: relative;
background-image: url(images/viewCourseBg.png);
margin: 0px 20px 0px 0px;
}
.courseLinksText
{
width: 100%;
height: auto;
display: inline-block;
color: #fff;
position: absolute;
top: 45px;
left: 25px;
font-weight: bold;
font-size: 12pt;
}
.courseLinksText a
{
color: #fff;
}
/*END COURSES PAGE*/


/*START COURSE GROUP PAGE*/
.courseContainer
{
width: 950px;
height: auto;
display: inline-block;
float: left;
margin: 10px 0px;
}

.onPageBg
{
width: 262px;
height: 184px;
display: inline-block;
float: left;
position: relative;
background-image: url(images/onPageBg.png);
margin: 0px 20px 0px 0px;
text-align: center;
}

.onPageText
{
width: 95%;
height:auot;
display: inline-block;
text-align: left;
}

.courseTop
{
width: 950px;
height: 7px;
display: inline-block;
background-image: url(images/courseTop.jpg);
float: left;
}

.courseMain
{
width: 950px;
height: auto;
display: inline-block;
background-image: url(images/courseMain.jpg);
background-repeat: no-repeat;
background-color: #e2f2ff;
float: left;
text-align: center;
}

.courseText
{
width: 95%;
height: auto;
display: inline-block;
text-align: left;
color:#777;
}
.courseText a
{
font-weight: bold;
font-size: 14pt;
}

.courseBot
{
width: 950px;
height: 8px;
display: inline-block;
background-image: url(images/courseBot.jpg);
float: left;
}
/*END COURSE GROUP PAGE*/


/*START COURSE DETAILS PAGE*/
.courseDetailsContainer
{
width: 950px;
height: auto;
display: inline-block;
float: left;
margin: 10px 0px;
}

.courseDetailsTop
{
width: 950px;
height: 7px;
display: inline-block;
background-image: url(images/courseDetailsTop.jpg);
float: left;
}

.courseDetailsMain
{
width: 950px;
height: auto;
display: inline-block;
background-image: url(images/courseDetailsMain.jpg);
float: left;
text-align: center;
}

.courseDetailsText
{
width: 95%;
height: auto;
display: inline-block;
text-align: left;
}

.courseDetailsBot
{
width: 950px;
height: 11px;
display: inline-block;
background-image: url(images/courseDetailsBot.jpg);
float: left;
}
/*END COURSE DETAILS PAGE*/