@charset "utf-8";

body 
{  
font-family: Tahoma, Arial, Sans-Serif;
margin:0;
font-size: 62.5%;
}

@font-face {
    font-family: 'WalkwaySemiBoldRegular';
    src: url('../fonts/Walkway_UltraBold-webfont.eot');
    src: url('../fonts/Walkway_UltraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Walkway_UltraBold-webfont.woff') format('woff'),
         url('../fonts/Walkway_UltraBold-webfont.ttf') format('truetype'),
         url('../fonts/Walkway_UltraBold-webfont.svg#WalkwayUltraBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div, p, a, h1, h2, h3, h4, h5{padding:0;margin:0;}

img, div { behavior: url(iepngfix.htc); }

a{text-decoration:none; color:#0b1645;}

.clear { clear:both;}

.italic { font-style:italic;}

.bold { font-weight:bold;}

.line{ border-bottom:2px solid #0b1645; margin:0px 0;}

.lineGreen{ border-bottom:2px solid #2f6d0a; margin:0px 0;}

.line2{ border-bottom:1px solid #818181; padding:5px 0; margin:0px 50px;}

.shadow400{background:url(../images/bottom_shadow.png) no-repeat; height:20px; width:400px; position:absolute; bottom:-110px; left:10px;}

.slideshowShadowLarge{background:url(../images/bottom_shadow_940.png) no-repeat; position:absolute; top:245px; width:940px; height:35px;}

span.green{color:#2f6d0a;}

#topcontainer
{
width:100%;
position:relative;
}

#topcontainer #topholder
{
width:960px;
height:90px;
position:relative;
margin:0 auto;
}

#topcontainer #topholder #number
{
height:60px;
width:295px;
position:absolute;
top:25px;
right:20px;
color:#0b1645;
font-size:3.7em;
letter-spacing:2px;
font-family:'WalkwaySemiBoldRegular',Sans-Serif;
}
#topcontainer #topholder #number p.small
{
font-size:0.4em;
float:right;
margin:0 2px 0 0;
}

#topcontainer #topholder #navigation
{
height:150px;
position:absolute;
top:15px;
left:10px;
}

#topcontainer #topholder #navigation ul#navigation 
{ 
list-style:none;
height:50px;
width:660px;
bottom:15px;
right:0px;
position:absolute;
text-align:center;
padding:0px;
}


#topcontainer #topholder #navigation ul#navigation li:hover
{
cursor:pointer;
}

/*--------Navigation Font Colours-----------------*/

#topcontainer #topholder #navigation ul#navigation a li 
{ 
color:#888;
text-decoration:none;

font-family:Arial, Helvetica, sans-serif;
float:left;
font-size:1.4em;
list-style:none;
height:20px;
padding:8px 5px 0px;
margin:0 8px;
}

#topcontainer #topholder #navigation ul#navigation a li.on 
{ 
border-bottom:2px solid #0b1645;
color:#555;
padding:11px 5px 0px;
}

#topcontainer #topholder #navigation ul#navigation a li:hover 
{ 
border-bottom:2px solid #0b1645;
color:#555;
padding:11px 5px 0px;
}

#middlecontainer
{
width:100%;
height:290px;
}

#middlecontainer #slideshow
{
margin:0 auto;
width:938px;
height:250px;
border:1px solid #ccc;
position:relative;
}

#middlecontainer #slideshow #getAdvice
{
width:275px;
height:100px;
background:#252525;
background:url(../images/advice_large2.png) no-repeat;
position:absolute;
right:10px;
top:100px;
}

#middlecontainer #slideshow #getMore
{
width:275px;
height:100px;
background:#252525;
background:url(../images/more_large2.png) no-repeat;
position:absolute;
right:10px;
top:100px;
}

#middlecontainer #slideshow #getAdvice:hover
{
background:url(../images/advice_large2_hover.png) no-repeat;
}

#middlecontainer #slideshow #getMore:hover
{
background:url(../images/more_large2_hover.png) no-repeat;
}

#middlecontainer #slideshow h2
{
font-size:3.5em;
color:#eee;
position:absolute;
right:10px;
top:10px;
}

#middlecontainer #slideshow h3
{
font-size:3.0em;
color:#ddd;
position:absolute;
right:10px;
top:50px;
}

#middlecontainer #slideshow h2.black
{
color:#555;
}

#middlecontainer #slideshow h3.black
{
color:#666;
}

#middlecontainer #slideshow p.bottom
{
font-size:2em;
color:#888;
position:absolute;
right:10px;
bottom:10px;
}

#middlecontainer #slideshow p.bottomWhite
{
font-size:2em;
color:#ddd;
position:absolute;
right:10px;
bottom:10px;
}


#contentcontainer
{
width:100%;
position:relative;
}

#contentcontainer #content
{
width:940px;
margin:0 auto;
position:relative;
}

#contentcontainer #content h1
{
font-size:3em;
font-family:'WalkwaySemiBoldRegular',Sans-Serif;
color:#000;
letter-spacing:.1em;
}

#contentcontainer #content h2
{
font-size:1.7em;
font-family:Arial, Helvetica, sans-serif;
}

#contentcontainer #content h3
{
font-size:1.6em;
font-family:Arial, Helvetica, sans-serif;
margin:10px 0 0;
}

#contentcontainer #content h4
{
font-size:1.5em;
font-family:Arial, Helvetica, sans-serif;
}

#contentcontainer #content h5
{
font-size:1.4em;
font-family:Arial, Helvetica, sans-serif;
}

#contentcontainer #content p
{
font-size:1.2em;
margin:10px 0;
text-align:justify;
color:#212121;
font-family:Arial, Helvetica, sans-serif;
}

#contentcontainer #content a.link
{
font-size:0.9em;
font-weight:bold;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
}





#contentcontainer #content ul li
{
margin:0 0 0 25px;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}

#contentcontainer #content #holder
{
float:left;
width:450px;
height:220px;
margin:0px 10px 10px;
position:relative;
}


#contentcontainer #content #holder.more
{
background:url(../images/more.png) no-repeat 350px 2px;
}

#contentcontainer #content #holder.advice
{
background:url(../images/advice.png) no-repeat 350px 2px;
}

#contentcontainer #content #holder.clear
{
background:none;
}

#contentcontainer #content #holder.more:hover
{
background:url(../images/more_hover.png) no-repeat 350px 2px;
}

#contentcontainer #content #holder.advice:hover
{
background:url(../images/advice_hover.png) no-repeat 350px 2px;
}

#contentcontainer #content #holder h3.large
{
font-size:2.8em;
width:100%;
color:#000;
margin:0;
font-family:'WalkwaySemiBoldRegular',Sans-Serif;
letter-spacing:.1em;
}

#contentcontainer #content h3.small
{
font-size:2em;
color:#000;
margin:0;
font-family:'WalkwaySemiBoldRegular',Sans-Serif;
}



#contentcontainer #content  p span.big
{
font-size:1em;
line-height:1em;
text-transform:uppercase;
color:#222;
font-weight:bold;
/*color:#0d1a45;*/
}

#contentcontainer #content #holder b
{
font-size:1.4em;
}

#contentcontainer #content #left
{
float:left;
width:940px;
}

#contentcontainer #content #right
{
float:right;
width:180px;
}

#contentcontainer #content #right #download
{
float:right;
width:100%;
height:180px;
background:#555;
background:url(../images/download.png) no-repeat;
border:1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  -moz-box-shadow:0px 5px 2px #0D1A45;
	-webkit-box-shadow:0px 5px 2px #0D1A45;
	box-shadow:0px 5px 5px #555;
margin:0px 0 0;
}


#detailscontainer
{
width:100%;
height:50px;
position:relative;
}

#detailscontainer #detailsholder
{
width:960px;
height:50px;
position:relative;
margin:0 auto;
}

#detailscontainer #detailsholder #left
{
width:400px;
float:left;
margin:0;
}

#detailscontainer #detailsholder #left p
{
font-size:1.1em;
margin:20px 0 0;
color:#555;
}

#detailscontainer #detailsholder #right
{
width:400px;
float:right;
margin:0;
text-align:right;
}


#detailscontainer #detailsholder #right #number p
{
margin:0 10px;
float:right;
color:#0b1645;
font-size:3.7em;
letter-spacing:2px;
font-family:'WalkwaySemiBoldRegular',Sans-Serif;
}

#detailscontainer #detailsholder #right #number p.small
{
font-size:1.6em;
margin:0 10px;
float:right;
}


/* Add curved borders to various elements */

#contactForm, .statusMessage, input[type="submit"], input[type="button"] {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  font-family: Tahoma, Arial, Sans-Serif;
}


/* Style for the contact form and status messages */

#contactForm, .statusMessage {
  color: #666;
 background: #f0f0f0;
/*	background: -moz-linear-gradient(top, #f0f0f0, #f0f0f0, #d0d0d0);
	background: -webkit-gradient(linear, 0% 45%, 0% 100%, from(#f0f0f0), to(#d0d0d0)); */
  border: 1px solid #aaa;
  opacity: .95;
}


/* The form dimensions */

#contactForm {
  width: 560px;
  height: 380px;
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 auto;
  /*background:#0d1a45;*/
  background: #bbb;
	background: -moz-linear-gradient(top, #bbb, #bbb, #888);
	background: -webkit-gradient(linear, 0% 45%, 0% 100%, from(#bbb), to(#888));
	position:relative;
}


/* Position the form in the middle of the window (if JavaScript is enabled) */

#contactForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}


/* Dimensions and position of the status messages */

.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}


/* The header at the top of the form */

#contactForm h5 {
  font-size: 3em;
  letter-spacing: .05em;
  margin: 0 0 .5em -1em;
  padding: 1em 1em 0;
  color: #fff;
  font-family:'WalkwaySemiBoldRegular',Sans-Serif;
}


/* Give form elements consistent margin, padding and line height */

#contactForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contactForm ul li {
  margin: .9em 0 0 0;
  padding: 0;
}

#contactForm input, #contactForm label {
  line-height: 1em;
}


/* The field labels */

label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 19%;
  padding: .4em 0 0 0;
  margin: .15em .5em 0 0;
  font-weight: bold;
  font-size:1.2em;
  color:#f0f0f0;
}


/* The fields */

input, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 74%;
  font-size: 1.2em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  background: #fff;
  font-family: Tahoma, Arial, Sans-Serif;
}

textarea {
font-size: 1.3em;
  resize: none;
}

input.small{
width: 37%;
}


/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus {
  border: 1px solid #66f;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/* Display correctly filled-in fields with a green background */

input:valid, textarea:valid {
  background: #dfd;
}


/* The Send and Cancel buttons */

input[type="submit"], input[type="button"] {
  float: right;
  margin: 2em 1em 0 1em;
  width: 10em;
  padding: .5em;
  border: 1px solid #666;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;

  color: #fff;
  background: #0a0;
  font-size: 1.3em;
  letter-spacing:.1em;
  line-height: 1em;
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  font-family: Tahoma, Arial, Sans-Serif;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
  cursor: pointer;
  opacity: 1;
}

input[type="submit"]:active, input[type="button"]:active {
  color: #333;
  background: #eee;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;

}

input[type="button"] {
  background: #f33;
  position:absolute;
  top:85px;
  right:25px;
  width:10%;
}

input[type="submit"] {
  position:absolute;
  bottom:15px;
  right:25px;
  width:72%;
}