body {
background: #000 url(../images/pageBg.jpg) repeat-x;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #FFF;
}

/* *************************************** */
/* Structure */
/* *************************************** */

#container {
width: 875px;
margin: 0 auto;
}

#header {
float: left;
height: 172px;
width: 875px;
}

#mainIndex {
position: relative;
top: 172px;
width: 875px;
margin: 0 0 20px 0;
height: 397px;
/* background: #484848; */
}

#logo {
padding: 39px 0 0 0;
}

#logo a {
border:0;
}

#main {
width: 875px;
float: left;
height: auto;
}

#footer {
float: left;
width: 875px;
margin: 25px 0 0 0;
}

#home #footer {
margin: 170px 0 0 0;
}

#socialMedia {
float: left;
width: 875px;
margin: 20px 0;
}

#containerBottom {
margin: 0 auto;
width: 100%;
background: url(../images/pageBgBot.jpg) repeat-x;
float: left;
margin: 0 0 10px 0;
}

#containerBottom p {
width: 875px;
margin: 0 auto;
padding: 14px 0;
font-size: 11px;
}

#containerBottom p a {
float: right;
margin-right: 20px;
border: none;
}

#containerBottom p a strong {
font-weight: normal;
}

#containerBottom p a:hover strong {
font-weight: bold;
}

/* *************************************** */
/* Navigation */
/* *************************************** */


/* Main */

ul#navMain {
float:left;
width: 565px;
margin: 100px 0 0 18px;
letter-spacing: 0.5px;
}

ul#navMain li {
display: inline;
font-size: 13px;
background: url(../images/navSeperator.jpg) no-repeat top right;
padding: 0 6px 0 8px;
}

ul#navMain li:last-child {
background: none;
}

ul#navMain li a {
border: none;
margin: 0 11px 0 0;
padding: 0 0 12px 0;
}

ul#navMain li a span {
padding: 0 0 12px 0;
}

ul#navMain li a:hover, ul#navMain li a.selected, ul#navMain li a:hover#home.selected {
background:url(../images/navBot.jpg) no-repeat bottom left;
}

ul#navMain li a.selected, ul#navMain li a#home.selected {
font-style: italic;
}

ul#navMain li a:hover span, ul#navMain li a.selected span {
background: url(../images/navBotright.jpg) no-repeat bottom right;
}

ul#navMain li a#home.selected {
border:0;
font-style: normal;
font-weight: normal;
background: none;
}

ul#navMain li a#home.selected2, ul#navMain li a:hover#home.selected {
background: none;
background:url(../images/navBothome.jpg) no-repeat bottom left;
}

/* Social */

ul#socialIcons {
float: left;
}

ul#socialIcons li {
display: inline;
float: left;
margin: 0 10px 0 0;
color: #6d6e71;
}

ul#socialIcons li a {
border: none;
float: left;
}

ul#socialIcons li a:hover {
color: #00aeef;
}

ul#socialIcons li a span {
float: left;
margin: 0 5px 0 0;
}

/* *************************************** */
/* Global */
/* *************************************** */

p {}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.4em;
margin: 0 0 9px 2px;
}

a { color: #FFF; text-decoration: none; border-bottom: 1px solid #ec008c;}
a:hover { color: #FFF; text-decoration: none; border-bottom: 1px solid #FFF;}

/* *************************************** */
/* Boxes */
/* *************************************** */

.footerBox {
width: 242px; /* 280 */
height: 201px; /* 237 */
float: left;
margin-right: 10px;
padding: 18px 18px 18px 20px; /* 18 */
}

.footerBox a {
border: none;
}

.footerBox p {
width: 240px;
margin: 9px 0 0 0;
}

.blue {
background: url(../images/footerBoxBlueNull.png) no-repeat;
}

.pink {
background: url(../images/footerBoxPinkNull.png) no-repeat;
}

.white {
background: url(../images/footerBoxWhiteNull.png) no-repeat;
}

.blueActive {
background: url(../images/footerBoxBlueActive.png) no-repeat;
}

.pinkActive {
background: url(../images/footerBoxPinkActive.png) no-repeat;
}

.whiteActive {
background: url(../images/footerBoxWhiteActive.png) no-repeat;
}

.boxLarge {
float: left;
width: 386px; /* 426 */
height: 366px; /* 406 */
padding: 20px;
margin: 0 10px 20px 0;
}

.boxLarge h1 {
height: 55px;
margin-bottom: 1px;
}

.boxLarge img {
margin: 0 0 15px 0;
}

.boxLarge p {
margin: 0 0 5px 0;
line-height: 1.6em;
}

.lblue {
background: url(../images/boxLargeBlue.png) no-repeat;
}

.lblue a {
border-bottom: 1px solid #00aeef;
}

.lblue a:hover, .lpink a:hover, .lwhite a:hover {
border-bottom: 1px solid #FFF;
}

.lpink {
background: url(../images/boxLargePink.png) no-repeat;
}

.lpink a {
border-bottom: 1px solid #ec008c;
}

.lwhite {
background: url(../images/boxLargeWhite.png) no-repeat;
}

.lwhite a {
border-bottom: 1px solid #FFF;
}

/* *************************************** */
/* Index */
/* *************************************** */

#blueCont, #magentaCont {
width: 540px; /* 580 */
height: 351px; /* 397 */
position: absolute;
margin: 0;
padding: 16px 20px 20px 20px;
}

#blueCont {
background: url(../images/indexBlue.png) no-repeat;
}

#magentaCont {
background: url(../images/indexPink.png) no-repeat;
}

#magentaCont h1, #blueCont h1 {
margin: 0 0 5px 2px;
}

.blueNull, #blueActive, .magentaNull, #magentaActive {
width: 239px; /* 281 */
height: 160px; /* 190 */
position: absolute;
padding: 15px 21px;
}

#blueActive p, #magentaActive p {
width: 240px;
float: left;
margin: 0 0 10px 0;
}

a.magentaLink, a.blueLink {
border:none;
}

.blueNull h1, .magentaNull h1 {
margin: 0px 0 6px 2px;
}

#blueActive h1, #magentaActive h1 {
background:url(../images/indexLineBlue.jpg) no-repeat bottom left;
padding-bottom: 13px;
}

#magentaActive h1 {
background:url(../images/indexLineMagenta.jpg) no-repeat bottom left;
padding-bottom: 13px;
}

.blueNull {
margin: 0px 0 0 580px;
background:url(../images/indexbtnBlueNull.png) no-repeat;
}

#blueActive {
margin: 0px 0 0 580px;
background:url(../images/indexbtnBlueActive.png) no-repeat;
}

.magentaNull {
margin: 198px 0 0 580px;
background:url(../images/indexbtnPinkNull.png) no-repeat;
}

#magentaActive {
margin: 198px 0 0 580px;
background:url(../images/indexbtnPinkActive.png) no-repeat;
}

#blueActive, #blueCont, .magentaNull {
display: none;
}

.blueNullHover {
background:url(../images/indexbtnBlueActive.png) no-repeat;
}

.magentaNullHover {
background:url(../images/indexbtnPinkActive.png) no-repeat;
}

#blueActive a {
border-bottom: 1px solid #00aeef;
}

#blueActive a:hover {
border-bottom: 1px solid #FFF;
}

/* *************************************** */
/* Large Columns */
/* *************************************** */

/* Setup */

#largeCol {
width: 570px;
float: left;
margin-right: 10px;
}

#largeColTop {
height: 38px;
float: left;
width: 530px;
padding: 20px 20px 0 20px;
}

#largeColBot {
height: 52px;
float: left;
width: 570px;
}

#largeColCont {
float: left;
width: 530px;
padding: 0 20px;
}

#smallCol {
width: 281px;
float: left;
}

#smallColTop {
width: 241px;
float: left;
height: 25px;
padding: 20px 20px 0 20px;
}

#smallColCont {
width: 241px;
float: left;
padding: 5px 20px 0 20px;
}

#smallColBot {
width: 281px;
float: left;
height: 48px;
}

#largeColCont img, #smallColCont img {
margin: 0 0 10px 0;
}

#largeColCont p, #smallColCont p {
margin: 0 0 11px 0;
}

#largeColCont b, #smallColCont b {
font-size: 15px;
font-weight: bold;
display: block;
}

#largeColCont strong {
font-size: 15px;
line-height: 1.5em;
}

#largeColCont br, #smallColCont br {
margin: 0;
}

/* Colours */

/* Large */

.l-m-pink {
background: url(../images/largeMiddle-P.jpg) repeat-y;
}

.l-t-pink {
background: url(../images/largeTop-P.jpg) no-repeat;
}

.l-b-pink {
background: url(../images/largeBottom-P.jpg) no-repeat;
}

.l-m-blue {
background: url(../images/largeMiddle-B.jpg) repeat-y;
}

.l-t-blue {
background: url(../images/largeTop-B.jpg) no-repeat;
}

.l-b-blue {
background: url(../images/largeBottom-B.jpg) no-repeat;
}

/* Small */

.s-m-blue {
background: url(../images/smallMiddleBlue.jpg) repeat-y;
}

.s-m-blue a {
border-bottom: 1px solid #00aeef;
}

.s-m-blue a:hover {
border-bottom: 1px solid #FFF;
}

.s-t-blue {
background: url(../images/smallTopBlue.jpg) no-repeat;
}

.s-b-blue {
background: url(../images/smallBotBlue.jpg) no-repeat;
}

.s-m-pink {
background: url(../images/smallMiddlePink.jpg) repeat-y;
}

.s-t-pink {
background: url(../images/smallTopPink.jpg) no-repeat;
}

.s-b-pink {
background: url(../images/smallBotPink.jpg) no-repeat;
}

/* *************************************** */
/* Form's */
/* *************************************** */

form#smallForm {
float: left;
}

form#smallForm p {
width: 240px;
}

form#smallForm p label {
display: block;
font-weight: bold;
margin: 0 0 5px 0;
}

form#smallForm p input {
width: 225px;
padding: 2px;
}

form#smallForm p input.check {
width: 20px;
margin: 0 3px 0 0;
float:left;
}

form#smallForm p strong {
font-size: 11px;
float:left;
width: 208px;
padding: 0 0 7px 0;
}

form#smallForm p input.formButton {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
background: #000;
border: none;
text-align: left;
color: #FFF;
padding: 0;
margin: 0 0 0 18px;
}

/* *************************************** */
/* Win */
/* *************************************** */

#win {
width: 540px; /* 580 */
height: 347px; /* 397 */
float:left;
margin: 0;
padding: 20px;
background: url(../images/indexBlue.png) no-repeat;
}

#termsbox {
position:absolute;
display:none;
width: 100%;
height: 100%;
background: url(../images/backTrans.gif);
z-index: 999;
}

#termsboxCont {
width: 480px;
padding: 20px;
margin: 20px auto;
background: #FFF;
color:#000;
}

#termsboxCont p {
margin: 0 0 10px 0;
}

#termsboxClose {
margin: 0 0 10px 0;
text-align: right;
}

#termsboxClose a {
color:#000;
font-weight:bold;
border:none;
}


#surveybox {
position:absolute;
display:none;
width: 100%;
height: 100%;
background: url(../images/backTrans.gif);
z-index: 999;
}

#surveyboxCont {
width: 540px;
height: 510px;
overflow: auto;
padding: 20px;
margin: 20px auto;
background: #FFF;
color:#000;
}

#surveyboxClose {
margin: 0 0 10px 0;
text-align: right;
}

#surveyboxClose a {
color:#000;
font-weight:bold;
border:none;
}


#popbox {
position:absolute;
top: 0;
left: 0;
display:none;
width: 100%;
height: 100%;
background: url(../images/backTrans.gif);
z-index: 999;
}

#popboxCont {
width: 200px;
position:absolute;
z-index: 999;
padding: 20px;
margin: 200px auto auto auto;
background: #FFF;
color:#000;
}

#popboxCont p {
margin: 0 0 10px 0;
}

#popboxCont p a  { color: #000000; text-decoration: none; border-bottom: 1px solid #ec008c;}
#popboxCont p a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;}