/*  
Stylesheet Name: Eaglestone Landscape Design
Stylesheet URI: http://www.eaglestonelandscapedesign.co.uk/
Description: Theme for ELD.
Version: 1.1
Author: Nonimage
Author URI: http://www.nonimage.com/
*/


/* GLOBAL */

body {
    background: #ede7d2 url('images/layout/mainbg.jpg') top center repeat-x;
    font: 62.5% Georgia, Helvetica, Arial, Verdana, sans-serif; 	
    color: #6e4f24;
    margin: 0;
    padding: 0;
    }
    
a img,:link img,:visited img { border:none; }

a, a:visited {	
	color: #5c832f;
	text-decoration: none;
	}
	
a:hover {	
	color: #000;
    }
    
.clear {	
    clear: both;
    }
    
.divider {
	background: #ede7d2 url('images/layout/divider.gif') top center no-repeat;
	width: 764px;
	height: 24px;
	}
    
    
    
/* HEADER */
    
#page {
    width: 780px;
    margin: 0 auto;
    }
    
#header {
    }
    
h1 a {
	margin: 8px 0 37px 2px;
	float: left;
	text-indent: -8888px;
	background: transparent url('images/layout/logo.png') no-repeat top center;
	width: 169px;
	height: 50px;
	display: block;
	}
	
#menu {
	float: right;
	margin: 12px 17px 0 0;
	}
	
#menu a:link, #menu a:visited {
	color: #fff;
	}
	
#menu a:hover {
	color: #ccc;
	}
	
#menu ul li {
	display: inline;
	list-style: none;
	margin-left: 25px;
	font-size: 1.7em;
	}
	
#mainpic {
	background: transparent url('images/layout/picbg.png') no-repeat top center;
	width: 797px;
	height: 350px;
	margin: 0 0 0 -15px;
	}
	
#mainpic img {
	margin: 7px 0 0 19px;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
	/* Safari hack */
	#mainpic img {margin: 13px 0 0 19px;}
	}
	
.vcard {
	font-size: 1.6em;
	margin: -5px 0 0 5px;
	}
	
.url, .org {
	display: none;
	}
	
.tel, .type, .value {
	display: inline;
	}
	
.value {
	margin-right: 55px;
	} 
	
	
	
/* HOMEPAGE */
      
.maincontent {
	width: 500px;
	float: left;
	margin: 10px 0 7px 5px;
    }
    
.maincontent h2 {
	margin: 20px 0 7px 0;
	font-size: 1.6em;
    } 

.maincontent p {
	font-size: 1.4em;
	line-height: 1.7em;
	margin: 1em 0 0 0;
    }
    
.mainlink {
	font-style: italic;
	font-weight: bold;
	}
	
#designphilosophy {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: -5px 0 10px 5px;
	width: 540px;
	float: left;
	background: #ede7d2 url('images/layout/sidebarsketch1.gif') top right no-repeat;
	padding: 0 230px 0 0;
	}
	
	
	
/* SIDEBAR */
        
.sidebar {
	width: 210px;
	float: right;
	margin: 27px 15px 0 0;
    }
    
.sidebar img {
	border: 1px solid #6e4f24;
	margin: 10px 0;
	}
    
.testimonial {
	font-size: 1.7em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
	}
	
	
	
/* FOOTER */
    
#footer {
	width: 780px;
	margin: 0 auto 15px auto;
	text-align: center;
    }
	
	
	
/* PROFILE PAGE */
	
#profile_main {
	background: #ede7d2 url('images/layout/sidebarsketch1.gif') 550px bottom no-repeat;
    }
    
    
    
/* PORTFOLIO PAGE */

.panel {
	border: 3px solid #9a7b0f;
	}
	
.filmstrip {
	}

.entry {
	width: 550px;
	font-size: 1.5em;
	line-height: 1.4em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0 30px 40px 0;
	float: left;
	display: inline;
	}
	
.entry blockquote {
	font-size: 1.5em;
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height: 1.4em;
	margin: 0;
	}
	
.portfolio-navigation {
	float: left;
	display: inline;
	width: 185px;
	margin-top: 8px;
	font-size: 1.3em;
	}
	
.portfolio-navigation h3 {
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;
	}
	
.portfolio-navigation div {
	margin-bottom: 20px;
	}
    
.portfoliocontent {
	width: 780px;
	float: left;
	margin: -10px 0 7px 5px;
    }
    
.portfoliocontent p {
	font-size: 1.3em;
    }
    
.portfoliocontent img {
	float: left;
	margin: 0 0 10px 17px;
	border: 1px solid #6e4f24;
    }
    
img.firstthumb {
	margin-left: 0;
	}
	

    
    

/* PORTFOLIO PAGE */

#portfolio_main {
	margin-left: -80px;
	}
	
#portfolio_main h2 {
	margin-left: 80px;
	}

.portfolio-entry {
	float: left;
	display: inline;
	width: 200px;
	height: 180px;
	margin-left: 80px;
	}
	
.portfolio-entry img {
	border: 1px solid #9a7b0f;
	}
    
.contactform {
	margin: 20px 0 0 0;
	font-size: 1.3em;
    }

.contactform input {
	width: 100%;
	margin-bottom: 10px;
	}
	
input#submit {
	margin-top: 20px;
	}


/* INTERNET EXPLORER, HOW I CURSE THEE */

*:first-child+html #menu {
	float: right;
	margin: 34px 17px 0 0;
	}
	
* html #menu {
	float: right;
	margin: 34px 17px 0 0;
	}

*:first-child+html #mainpic {
	background: #f8f4e8 url('images/layout/picbg.jpg') no-repeat top center;
	width: 797px;
	height: 350px;
	margin: -9px 0 0 -15px;
	}
	
* html #mainpic {
	background: #f8f4e8 url('images/layout/picbg.jpg') no-repeat top center;
	width: 797px;
	height: 350px;
	margin: -9px 0 0 -15px;
	}
	
*:first-child+html #mainpic img {
	margin: 17px 0 0 19px;
	}
	
* html #mainpic img {
	margin: 17px 0 0 19px;
	}