/* CSS Document */

body
{ 
background: #fff;
background-image:url(images/index-guide.jpga);
background-position:top center;
background-repeat:no-repeat;
color:#999;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
}

a {
color:#999;
}

a:hover {
color:#A4A4A4;
}

a:active {
color:#888;
background-color:#eee;
}

/* CUSTOM CLASSES FOR COLOURS */

.index span { color:#FDCF01; }
.colours span { color:#4F75FF; }
.index h3 { color:#FDCF01; }
.colours h3 { color:#4F75FF; }
.colours h2 { color:#888; }
.colours h3 { color:#888; }

#header
{
background-image:url(images/header-bg.png);
background-repeat:repeat-x;
height:185px;
}

.logo {
width:890px;
margin:auto;
text-align:left;
padding:27px 0px 21px 0px;
background-image:url(images/header-right.jpg);
background-repeat:no-repeat;
background-position:right;
}


.clear{clear:both;height:10px;}

#content {
width:1000px;
margin:auto;
margin-top:-55px;
margin-left:-20px;
}

#content-pages {
width:1000px;
margin: 20px auto;
}

#headline {
margin-top:92px;
margin-left:18px;
width:800px;
}

.headline-upper {
font-size:48px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-0.5px;
}

.headline-lower-index {
font-size:99px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-3px;
margin-right: 1px;
}

.headline-lower-index span {
}

#left-text {
width:370px;
float:left;
padding:20px 0px 25px 15px;
line-height:18px;
letter-spacing:-0.4px;
margin-bottom:10px;
background: #fff;
 }
 
 #left-text-tv {
width:100px;
float:left;
padding:20px 25px 25px 15px;
line-height:18px;
letter-spacing:-0.4px;
 }
 
#centre {
float:left;
margin-top:-150px;
}

#tv {
float: right;
margin-bottom:-3px;
margin-top: -140px;
}

#right {
float:right;
width:175px;
text-align:right;
padding-right:20px;
margin-top:-180px;
line-height:18px;
letter-spacing:-0.4px;
margin-bottom:40px;
}

#right h3 {
font-size:20px;
letter-spacing:-1px;
text-transform:lowercase;
margin-bottom:10px;
margin-top:30px;
}

#right p {
margin-bottom:15px;
}

#right span {
font-weight:bold;
}

#index-news {
width:380px;
text-align:left;
line-height:18px;
letter-spacing:-0.4px;
margin-left:15px;
}

#index-news #column1 {
float:left;
width:160px;
margin-right:25px;
margin-bottom:30px; 
border-right:dotted 1px #B8C3F4;
padding-right:15px;
}

#index-news #column1 .readmore { text-align:left; font-weight:bold; text-transform:uppercase; font-size:11px; }

#index-news #column2 {
float:left;
width:175px;
margin-bottom:30px; 
font-weight:normal;
}

#index-news h3 {
font-size:20px;
letter-spacing:-1px;
text-transform:lowercase;
margin-bottom:10px;
margin-top:0px;
}

#index-news p {
margin-bottom:15px;
}

#index-news span {
font-weight:bold;
}

#product-imgs {

width:400px;
height:550px;
}

.p-img { float:left; margin-right:20px; width:100px; height:120px; margin-bottom:0px; display:inline; }

.p-img a:active { border:0px; }

.p-img span {
float:left;
background-color:#bbb;
color:#fff;
padding:5px;
width:100px;
margin-top:-2px;
text-align:center;
text-transform: lowercase;
}

#left-imgs {
width:200px;
margin-bottom:30px;
float:left;
padding-right:15px;
margin-left:3px;
background-color:#fff;
}

#page-content {
width:515px;
float:left;
line-height:20px;
padding:0 15px 0 15px;
border-left:dotted 1px #B8C3F4;
border-right:dotted 1px #B8C3F4;
margin-bottom:30px;
}

#page-content h2 {
font-size:50px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-3px;
line-height:50px;
margin-bottom:15px;
}

#page-content h3 {
font-size:35px;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-3px;
line-height:50px;
margin-bottom:5px;
margin-top:25px;
}

#left-imgs img {
margin-bottom:10px;
}

#right-product-imgs {
width:150px;
float:right;
padding-left:5px;
margin-bottom:20px;
}

#footer-outer {
margin-top:65px;
border-top:solid 1px #ccc;
padding:15px;
clear:both;
height:100px;
}

#footer {
width:1000px;
margin:auto;
padding-right:30px;
}

#footer .orme {
float:right;
}

#footer .orme span {
font-weight:normal;
margin-left:5px;
margin-right:5px;
}

#footer .orme a {
text-decoration:none;
font-weight:bold;
}

.clear {
	clear: both;
}