/* CSS for EditDesign.co.uk
all content copyright of Mike Fraser 2009
*/

/*
* Standard styles & typography
*/

html,body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  width:100%;
  height: 100%;
  background-color: #000;
  color: #fff;
  margin: 0px;
  padding: 0px;
}
p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}
h1 {
  color: #FBB000;
  font-size: 30px;
  margin: 0;
  padding: 0;
}
h2 {
  margin: 0;
  padding: 0;
}

/* Repeated Styles */

.Line {
  border-bottom: 1px solid #FBB000;
}

.OuterBlock {
  width: 100%;
  }
.InnerBlock {
  width: 945px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
}

/*
* Header styles
*/

.Header {
  height: 60px;
}

/* Logo */

.Logo {
  position: relative;
  top: 25px;
  width: 300px;
  height: 45px;
}
.Logo h1 a {
  position: absolute;
  width: 300px;
  height: 45px;
  background-image: url(images/Logo.png);
  background-position: top;
  text-decoration: none;
  z-index: 50;
}
.Logo h1 a:hover { background-position: bottom; }
.Logo h1 a:focus { outline: none; }


/* Menu */

.aboutR { width: 132px; background-image: url(images/aboutEdit.png); }
.productsR { width: 77px; background-image: url(images/productsEdit.png); }
.furnitureR { width: 82px; background-image: url(images/furnitureEdit.png); }
.graphicsR { width: 76px; background-image: url(images/graphicsEdit.png); }
.contactR { width: 72px; background-image: url(images/contactEdit.png); }

.Menu {
  position: relative;
  left: 350px;
  top: -17px;
}

.Menu ul{
  
}

.Menu li {
  display: block;
  float: left;
  padding: 0px 12px 0px 0px;
}

.Menu ul li a {
  display: block;
  height: 18px;
  outline: none;
  background-position: 0 0;
}

.Menu li a:visited { background-position: 0 0; }
.Menu ul li a:hover { background-position: 0 -38px; }
.Menu li a:active { background-position: 0 -19px; }

.Menu li a span { display: none; }

/*
* Center styles
*/

.Center {
  padding-bottom: 24px;
}

/* Thumbnails */

.Thumbnails {
  padding: 10px 0px 0px 0px;
}
.Thumbnails ul li a {
  display: block;
  height: 113px;
  width: 170px;
  outline: none;
  background-position: top left;
  text-decoration: none;
}
.Thumbnails a img {
  display: none;
  background: transparent url(images/80black.png) repeat top left;
  border: none;
  outline: none;
  /*opacity: 0.75;*/
}
.Thumbnails a:hover img {
  display: block;
  background-position: bottom left;
}

/* Breadcrumbs */

.Breadcrumbs {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  color: #FBB000;
  padding: 5px 0px 0px 0px;
}

.Breadcrumbs a {
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  color: #FBB000;
  text-decoration: none;
}

.Breadcrumbs a:hover {
  color: #fff;
}

/* Main */

.Main {
}

.Title {
  text-transform: uppercase;
  margin: 0 0 -11px 0;
}

/* Content */

.Content {
  border: 1px solid #FBB000;
  background-image: url(images/contentback.png);
  background-repeat: repeat-y;
  clear: both;
  width: 925px;
  margin: 0 0 0 0;
  overflow: hidden;
  min-height: 450px;
}
.text {
  float: left;
  width: 240px;
  padding: 10px 10px 20px 10px;

}
.images {
  float: left;
  position: relative;
  width: 645px;
  padding: 10px;
  overflow: hidden;
}

/* contact form styles */

.contactform {
  position: relative;
  top: -120px;
  margin-left: 260px;
  width: 520px;
}
.contactform p {
  margin: 0px 0px 10px 10px;
}

.contactform form input {
  float: left;
  clear: right;
  margin: 0px 0px 15px 0px;
}
.contactform form label {
  float: left;
  clear: left;
  width: 100px;
  text-align: right;
  padding: 0px 10px 0px 0px;
  line-height: 25px;
}
.contactform #contactsubmit {
  float: right;
  margin: 15px 0px 0px 0px;
}

/*
* Footer styles
*/

.Footer {
  display: block;
  height: 20px;
}

/* Copyright */

.Copyright {
  float: right;
}
.Copyright img {
  margin: 15px 20px 20px 0;
}
.Copyright p {
  color: #FBB000;
}
.Copyright span {
  color: #FBB000;
  font-size: 20px;
}