/**************************************** 

 PDC Post CSS
 
 ************************ 
 * Project Development Consultants Ltd, 
 * Swan House, 
 * Bosworth Hall Estate, 
 * Market Bosworth, 
 * Nuneaton, 
 * CV13 0LJ
 * TEL: 08450 092 255
 * EMAIL: contact@pdcnet.org.uk
 *
 * WEB: http://www.pdcnet.org.uk
 *
 ************************
 
*****************************************/

html, body, h1, h2, h3, h4, h5, h6, ul, li, form {
margin:0px;
padding:0px;
}

body {
background-color:#333;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

a, a:link, a:visited {
color:#FF3366;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:underline;
}

#headerBGContainer {
background-color:#FFF;
height:200px;
}

#header {
width:960px;
margin:0 auto;
position:relative;
padding:5px 0px 4px 0px;
}

#header .spambot {
position:absolute;
right:0px;
top:0px;
width:450px;
height:236px;
background-image:url(../images/spam-bot.jpg);
background-repeat:no-repeat;
}

#content {
width:960px;
margin:0 auto;
padding-top:57px;
margin-bottom:60px;
}

#content br {
clear:both;
}

#footer {
width:960px;
margin:0 auto;
border-top: 1px dotted #666;
padding-top:10px;
color:#666;
font-size:10px;
text-align:right;
line-height:29px;
margin-bottom:10px;
}

#content .leftCol {
float:left;
width:490px;
}

#content .rightCol {
float:right;
width:408px;
height:370px;
padding:20px 20px 20px 20px;
background-image:url(../images/contact-us-bg.jpg);
background-repeat:no-repeat;
background-position:top;
}

.leftCol h1 {
color:#FF3366;
font-size:22px;
display:block;
padding-bottom:15px;
border-bottom:2px dotted #FFF;
margin-bottom:10px;
text-transform:uppercase;
}

.leftCol h2 {
color:#FF3366;
font-size:22px;
display:block;
padding-bottom:15px;
border-bottom:2px dotted #FFF;
margin-top:20px;
margin-bottom:10px;
text-transform:uppercase;
}

p {
line-height:150%;
}

ul {
list-style:url(../images/bullet.jpg);
margin-left:18px;
}

li {
line-height:120%;
margin:5px 0px;
}

/* contact form styles */
.contact_form {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-align:left;
}

.contact_form form {
margin:0px;
}

.contact_form label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 100px; 
padding: 0; 
margin: 25px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left; 
}

.contact_form input, textarea, select {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:280px;
line-height:15px;
padding:5px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:20px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF3366;
border:1px solid #FFF;
float:right;
}

.contact_form input:hover, textarea:hover, select:hover {
border:1px #FF3366 solid;
}

.contact_form input:focus, textarea:focus, select:focus {
border:1px #FF3366 solid;
}

.contact_form br {
clear:both;
}

.contact_form label.sent, .contact_form div.sent { 
display: block;  /* block float the labels to left column, set a width */
float: right; 
width: 280px; 
margin: 20px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left; 
font-style:italic;
color:#FF3366;
}

.contact_form div.sent {
height:150px;
overflow:auto;
}

.contact_form .btn {
padding:5px;
color:#FFF;
border:1px solid #FFF;
background-color:#333333;
line-height:15px;
width:130px;
float:none;
margin-left:115px;
}


.pdc-backlink {
background-image:url(../images/pdc-logo-link.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}

.pdc-backlink:hover {
background-image:url(../images/pdc-logo-link.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
}