/*
Theme Name: Chasestead
Theme URI: http://wordpress.org/
Description: For over 45 years Chasestead has been providing prototype engineering & low volume production sheet metal services. We pride ourselves on giving you excellent customer service, with fast response to solving your queries and supplying your parts in very short lead times.
Version: 1.0
Author: Alistair Monaghan
Author URI: http://www.7comms.co.uk
Tags: chasestead, prototype engineers
*/

/* Sevenisation bits */

.topbar {
position: relative;
min-height: 100%;
background: url("../../../_images/img_top_fader.gif") top left repeat-x; 
width: 100%;
}
* html .topbar {
height: 100%;
}
html {
height: 100%;
}

body {
padding: 0;
margin: 0;
background-color: #fff;
font-family: arial, sans-serif;
font-size: 0.75em;
height: 100%;
min-height: 100%;
min-width: 990px;
/*background: url("../../../_images/img_fader.gif") top left repeat-y; */
color: #000053;
line-height: 1.4em;
}
p {
margin-top: 0;
}
h1 {
font-size: 2em;
color: #617cc3; /* light bluey */
margin-bottom: 0.6em;
padding-top: 0.6em;
}
h2 {
margin: 0 0 1.4em 0;
font-size: 1.2em;
}

h2 a {
margin: 0 0 1.4em 0;
font-size: 1em;
text-decoration:none;
color: #000053;
}

h3 {
font-size: 1.3em;
}
.yd_rp_widget img {
display: none;
}
.entry ul {
width: 500px;
}
.yd_rp_widget  {
width: 500px;
padding: 0;
margin: 0;
text-align: left;
}
.yd_rp_widget h4 {
text-align: left;
font-size: 1.2em;	
font: bold Arial, Helvetica, sans;
padding: 0;
margin: 0;
}
.yd_rp_widget h4 a {
text-decoration: none;
}
.yd_rp_widget h4 a:hover{
color: #000053;
text-decoration: none;
}
#news {
padding:0;
margin: 0;
}
#news ul {
padding:0;
margin: 0;
text-align: left;
}
#news img {
display: none;
}
#main {
height: 100%;
padding: 40px 20px 130px 35px;
}
#main img {
border: none;
}
#main td {
vertical-align: top;
}
#main td.text {
padding: 10px 0 0 0;
vertical-align: top;
}
#main ul {
font-weight: bold;
margin-left: 460px;
_padding-left: 20px;
}

div#gallery {
float: left;
padding: 0;
margin: 0;
}
table#thumbs {
clear: both;
border-collapse: collapse;
padding: 0;
margin: 0 0 20px 0;
}
div#gallery td {
padding: 0 4px 4px 0;
margin: 0;
}
div#gallery img {
/*border: 2px solid #617cc3; /* light bluey */
padding: 0 20px 0 0;
margin: 0;
}


#footer {
background: url("../../../_images/img_footer_fader.gif") top left repeat-x; 
background-color: #000053;
position: relative;
margin: -100px 0 0 0;
padding: 0;
height: 100px;
width: 100%;
color: white;
clear: both;
} 

#footer p {
padding: 20px;
}
#footer img {
float: right;
padding: 15px 10px 0 20px;
}
#footer a:hover {
color: #d2daff; /* lighter bluey */
}

a {
font-weight: bold;
color: #617cc3; /* light bluey */
}
a:hover {
color: #000039; /* darker blue */
}
table {
padding: 0 0 20px 0;
}
table h2 {
margin: 0;
}

.yd_rp_widget {
margin: 0;
padding: 0;
}

.entry ul {
margin: 0;
padding: 0;
}

div.bg01 {
background-image: url("_images/tech01.gif"); 
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg02 {
background-image: url("_images/tech02.gif"); 
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg04 {
background-image: url("_images/tech04.gif"); 
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg05 {
background-image: url("_images/tech05.gif"); 
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}

div.bg06 {
background-image: url("_images/tech06.gif"); 
background-repeat: no-repeat;
background-position: bottom right;
height: 100%;
}


#logo {
padding: 20px 0 0 12px;
}

#top_right {
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 388px;
background: url("../../../_images/img_top_right.jpg") top left no-repeat; 
height: 95px;
}

img.rightimage {
float: right;
padding-left: 15px;
padding-bottom: 5px;
}

img.leftimage {
float: left;
padding-right: 15px;
padding-bottom: 5px;
}

hr {
text-align: left;
color: #000053;
margin-top: 20px;
height: 1px;
}

div.names {
padding: 15px;
color: white;
}

div.address {
line-height: 18px;
padding-top: 20px;
padding-bottom: 20px;
}

div.address a {
text-decoration: none;
color: #6679c5;
line-height: 25px;
}

div.address a:hover {
color: #000053;
}

div.imagebar {
position: absolute;
left: 0;
top: 101px;
width: 250px;
}

div.imagebarnames {
padding: 15px 0 0 15px;
color: white;
}

div.content {
vertical-align: top;
margin-left: 260px;
margin-top: 25px;
margin-right: 85px;
line-height: 15px;
color: #4356A3;
}

div.contentnames {
vertical-align: top;
margin-left: 263px;
margin-top: 46px;
margin-right: 85px;
line-height: 15px;
color: #3C4E9B;
}

div.content a {
font-weight: bold;
text-decoration: none;
color: #000053;
}

div.contentnames a {
font-weight: bold;
text-decoration: none;
color: #000053;
}

div.content a:hover {
text-decoration: underline;
}

div.contentnames a:hover {
text-decoration: underline;
}

div.content b {
color: #000053;
}

div.contentnames b {
color: #000053;
}


div#navdiv {
z-index: 10;
position: absolute;
left: 270px;
top: 15px;
}

div#navdiv ul#nav {
padding: 0;
list-style: none;
}

a.topmenu {
\font-size: 7.7pt; /*****hack*****/
background-color: none;
text-decoration: none;
}
ul#nav a {
\font-size: 7.7pt; /*****hack*****/
background-color: #000053;
text-decoration: none;
}


ul li a {
display: block;
text-decoration: none;
color: #fff;
padding: 4px 5px;
margin: 0;
float: left;
font-weight: bold;
width: 70px;
border-bottom: 3px #6679c5 solid;
/*border-left: 1px #fff solid;*/
}

ul a:hover {
color: #c5cdea;
border-bottom: 3px #c5cdea solid;
}

ul a:active {
border-bottom: 3px #fff solid;
}

div#navdiv li { /* the first level */
list-style: none;
float: left;
position: relative;
width: 85px;
padding: 0;
margin: 0;
}

li ul { /* the second level */
top: 13px;
display: none;
position: absolute; 
padding-top: 1em;
margin: 0;
left: 0;
}

ul li ul li a { 
width: 130px;
}

li > ul { /* reset the top and left properties on all but IE browsers */
top: auto;
left: auto;
margin-top: 13px;
margin-left: -40px;
}

/* IE7 Only */
*:first-child+html li ul {
top: auto;
left: auto;
margin-top: 13px;
margin-left: -80px;
}

#content {
clear: left;
}

li:hover ul, li.over ul { 
display: block; 
}

table.contact {
border: 1px solid #000053;
border-collapse: collapse;
margin-bottom: 20px;
}

table.contact th {
color: #000053;
padding: 0.8em;
text-align: left;
line-height: 1em;
}

table.contact td {
padding: 0 0.8em;
}

table.contact td.title {
color: #000053;
}

table.contact tr {
line-height: 20px;
}

table.contact tr.bottomRow td {
padding-bottom: 0.8em;
}

table.notice {
border: 1px solid #000053;
}

table.notice td {
padding: 3px;
border: 1px solid #000053;
}

span.title {
font-weight: bold;
font-size: 10pt;
color: #6779c1;
}