/*  
Theme Name: Ech Design Ltd
Theme URI: http://echdesign.co.uk/
Description: The design template for Ech Design
Version: 2.0
Author: Ech Design
Author URI: http://echdesign.co.uk/
*/

/* 
Stay on target
*/

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;

text-align:center;
font-family:arial, helvetica, sans serif;
font-size:73%;
color:black;
background:url(images/fade.jpg) repeat-x top left #0F0A0B;
/* background: url(images/background-1.jpg) no-repeat top center #000;*/
}
p {
color:#28262F;
margin:10px;
line-height:1.9em;
font-size:0.95em;
}
p.white {
color:#fff;
}
p.white a:hover, .navigation a:hover {
color:#fff;
}
a:link {
color:#4b8797;
}
a:visited {
color:#4b8797;
}
a:hover {
color:#650141;
}
a img {
border:none;
}

h1 {
 width:205px;
    height:139px;

position:absolute;
left:40px;
    background: url(images/echdesign-logo.jpg) no-repeat;
    text-indent:-9000px;	
}
h1 a {
 display:block;

    width:205px;
    height:139px;
	}
h1 a:hover {
border:none;
background:none;
	 /* prevents a border from appearing when the home icon is mousedover */
			}
			
h2 {
padding-top:10px;
font-size: 1.6em; 
padding-bottom:9px;
padding-left:10px;
font-weight:bold;
letter-spacing:-1;
color:#fff;

}
h2 small {
font-size:0.8em;
color:#efefef;
}
h2 a {
color:#fff;
text-decoration:none;
}
h2 a:hover {
border-bottom:2px solid #fff;
}
h3 {
color:#4b8797;
margin-top:15px;
margin-left:10px;
margin-right:10px;
font-weight:normal;
font-size:1.2em;
}
h3.toggler, h2.toggler {
cursor:pointer;
}
h2.toggler {
 height:18px; 
}
h3 small {
font-size:0.8em;
color:#6b6a6a;
display:block;
margin-left:1px;
margin-top:2px;
}
 a {
outline:none;   firefox property that prevents the dotted line from appearing when you click on links */
}
.clear {
clear:both;
}

#contentwrapper {
text-align:left;
background:url(images/brown-paper.jpg) repeat-y;
width:990px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
position:relative; /* necessary for adding absolute positioning */
}
#header {
width:990px;
margin-left:auto;
margin-right:auto;
padding-top:72px;


position:relative;
height:161px;
}
#flash {
/*display:none;*/
width:357px;
/*width:430px;
height:233px;*/
position:absolute;
right:0px;
top:0px;

margin-right:0px;
}

ul#menu {
margin-left:40px;
padding-top:20px;
width:900px;
}
ul#menu li {
float:left;
list-style-type:none;
padding-bottom:15px;
margin-right:3px;
color:#fff;
font-size:1.4em;
}

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

}
ul#menu li a:hover {
color:#625d5d;
}
ul#menu li a.active {
font-weight:bold;
}
#left {
clear:left;
float:left;
width:609px;
margin-left:40px;
}
#left li, #right li {
margin-left:30px;
margin-right:10px;
color:#28262F;
line-height:1.9em;
font-size:0.95em;
}
.post, #news, #contact, #ech {
background:url(images/paper.jpg) top left #fff;
padding-bottom:10px;
margin-top:0px;
}
#news, #contact, #ech {
margin-top:10px;
}


.post2 {
background:url(images/paper.jpg) top left #fff;
padding-bottom:10px;
margin-top:-0px;
padding-top:1px;
}
/* .post2 p {
color:#6b6a6a;
} */
#left h2 {
background:url(images/grey.jpg) repeat-x top left;
margin-top:10px;
}
.post img, .post2 img {
float:right;
margin-top:5px;
margin-bottom:10px;
margin-left:10px;
margin-right:5px;
}
.post img.floatleft, .post2 img.floatleft {
float:left;
margin-left:5px;
margin-right:10px;
}
img#bh {
margin-top:20px;
}
#right {
float:left;
margin-left:10px;
width:294px;
margin-top:0px;
}

#news h2 {
background:url(images/blue.jpg) repeat-x top left;
}
#contact h2 {
background:url(images/green.jpg) repeat-x top left;
}
#ech h2 {
background:url(images/red.jpg) repeat-x top left;
}
#paper {
background:url(images/paper.png) no-repeat top left;
position:absolute;
z-index:1;
top:-189px;
left:-533px;
width:1100px;
height:1410px;

display:none;
}

#footer {
clear:left;
padding-top:10px;
margin-left:30px;
}
#footer p {
color:#6b6a6a;
font-size:0.95em;
}
#footer a {
color:#4b8797;
}
#footer a:hover {
color:#fff;
}

/* odds and ends */
.navigation {
margin-top:15px;
color:#fff;
}



/* "With great power comes great responsibility" */