/*
Project:    doorstepcallers.co.uk
Variant:    Screen
Author:     Patrick Quirke, Euro RSCG Riley
Date:       May 06 2010

----------------------------------------*/

@import url("reset.css");

body {
background: url(../images/bg-gradient.gif) repeat-x top left #b5d3dc;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

h1 { font-size: 1.4em; line-height: 1.4em; margin: 0 0 10px 0; color: #231f20; }
h2 { font-size: 1em; line-height: 1.4em; margin: 0 0 10px 0; color: #448c9f; }
h3 { font-size: 1em; line-height: 1.4em; margin: 0 0 10px 0; color: #448c9f; }
h4 { font-size: .9em; line-height: 1.4em; margin: 0 0 10px 0; }
p { font-size: .8em; margin: 0 0 10px 0; line-height: 1.4em; }
ul { font-size: .8em; line-height: 1.4em; margin: 0 0 0 25px; }
#content a, #content a:visited, #contenthome a, #contenthome a:visited { color: #ee3a43; }
#content a:hover, #contenthome a:hover { color: #448c9f; }

p a.pdf, li a.pdf { background: url(../images/icon-pdf.gif) no-repeat top left; padding: 0 0 0 15px;}

#wrap {
background: url(../images/bg.jpg) no-repeat top center;
}

#container {
width: 750px;
margin: 0 auto;
background: #fff;
}

#langBar {
width: 750px;
height: 25px;
background: #ee3a43;
display: block;
}

#langBar ul {
margin: 0;
padding: 5px 0 0 15px;
list-style: none;
}

#langBar ul li {
margin: 0 10px 0 0; 
padding: 0;
float: left;
}

#langBar ul li a {
color: #333;
text-decoration: none;
font-weight: bold;
}

#langBar ul li a:hover {
color: #fff;
}

#banner {
margin:0;
padding:0;
}

#nav { 
background: url(../images/bg-nav.gif) repeat-x top left;
margin: 0;
padding: 0;
width: 750px;
height: 34px;
clear: both;
}

#nav ul {
margin: 0;
padding: 0 0 0 0;
list-style: none;
float: left;
}

#nav ul li {
margin: 0 0 0 0;
padding: 0;
float: left;
line-height: 1.2em;
color: #fff;
}

#nav ul li.pd {
padding-top: 8px;
float: left;
}

#nav ul li a {
height: 26px;
padding: 8px 15px 0 15px;
display: block;
background: url(../images/bg-nav.gif) repeat-x top left;
color: #fff;
text-decoration: none;
float: left;
}

#nav ul li a:hover {
background: url(../images/bg-nav-on.gif) repeat-x top left;
color: #000;
}

#nav ul li a.active {
background: url(../images/bg-nav-on.gif) repeat-x top left;
color: #000;
}

#footer { 
background: url(../images/bg-nav.gif) repeat-x top left;
margin: 0;
padding: 0;
width: 750px;
height: 34px;
clear: both;
}

#footer ul {
margin: 0;
padding: 8px 0 0 15px;
list-style: none;
}

#footer ul li {
margin: 0 10px 0 0;
padding: 0;
float: left;
line-height: 1.2em;
color: #fff;
}

#footer ul li a {
color: #fff;
text-decoration: none;
}

#footer ul li a:hover {
text-decoration: underline;
}

#footer ul li a.active {
text-decoration: underline;
}

#sideNav { 
margin: 0;
padding: 45px 0 0 0;
width: 180px;
clear: both;
}

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

#sideNav ul li {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
display: block;
border-bottom: 1px solid #448c9f;
}

#sideNav ul li a {
color: #448c9f;
text-decoration: none;
line-height: 1.2em;
display: block;
}

#sideNav ul li a:hover {
color: #ee3a43;
}

#sideNav ul li a.active {
color: #ee3a43;
}

#contentHome {
width: 475px;
float: left;
padding: 15px 15px 15px 15px;
margin: 0;
}

#content {
width: 525px;
float: left;
padding: 15px 15px 15px 15px;
margin: 0;
}

#sideHome {
width: 230px;
float: left;
padding: 15px 0 0 15px;
margin: 0;
}

#side {
width: 180px;
float: left;
padding: 15px 0 0 15px;
margin: 0;
}

.sideFrame {
width: 210px;
height: 165px;
border: 5px solid #ee3a43;
display: block;
margin: 0 0 15px 0;
}

.coldcaller {
background: url(../images/coldcaller.gif) no-repeat bottom right;
}

.victim {
background: url(../images/victim.jpg) no-repeat bottom right;
}


.text {
padding: 7px 100px 0 5px;
}

.text h4 {
font-size: 1.4em;
font-weight: bold;
line-height: 1em;
margin: 0 0 10px 0;
}

.text p {
font-size: .75em;
}

.sideFrame .text p a { color: #ee3a43; }
.sideFrame .text p a:hover { color: #448c9f; }
.sideFrame .text p a:visited { color: #ee3a43; }

.sideVideo {
width: 220px;
height: 175px;
display: block;
margin: 0 0 0 0;
}

#logos {
margin: 0;
padding: 0;
width: 470px;
height: 180px;
display: block;
}

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

#logos ul li {
margin: 0;
padding: 0 7px 0 0;
float: left;
list-style: none;
height: 90px;
}


.picture-container {
width:150px;
height:200px;
margin:0 12px 0 0;
padding:0 0 0 0;
float:left;
}

.picture-container p {
margin:5px 0 0 0;
padding:0;
line-height:1.4em;
}

.picture-container p a {
text-decoration:none;
}

#profile-img {
width:250px;
margin:0 0 10px 10px;
padding:0;
float:right;
}

#profile-title {
width:230px;
margin:0;
padding:10px 0 0 0;

}

#profile-title h2 {
margin:0 0 0 0;
}