/* Copyright Northstar Creative Limited. Code by Fred Campbell www.northstar-website-design.com */

/*Universal*/
* {margin: 0; padding: 0;}
body {color: #333333; font-size: 14px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/body-bg.jpg);}
ul {list-style-type: none; margin: 0px; padding: 0px;}
a img {border: 0;}
.imgL {float: left; margin-right: 15px;}
.imgR {float: right; margin: 0 0 5px 15px;}
.imgC {margin-bottom: 20px;}
a:link {color: #574219; text-decoration: none;}
a:visited {text-decoration: none; color: #574219;}
a:hover {color: #efc442;}
.clear {clear: both;}


/*Layout divs*/
#masthead {position: relative; height: 150px; background: url(../images/header-bg2.png)  no-repeat center top;}
.mastheadwrap {width: 1000px; position: relative; margin: 0 auto;}
.wrapper {width: 960px; position: relative; margin: 0 auto;}
.content {padding: 30px 0 50px 0; overflow: auto;}
.contentL {float: left; width: 630px;}
.fauxframe {
	background-color: #fefdf8;
	margin-bottom: 30px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dcd4c9;
	border-bottom-color: #dcd4c9;
	background-image: url(../images/box-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.contentR {float: right; width: 300px; padding-top: 55px;}
.twoColL {float: left; width: 48%;}
.twoColR {
	float: right;
	width: 48%;
}


/* Type */
h1 {color: #316711; font-family: "Courier New", Courier, monospace; font-size: 20px; display: inline; padding: 0 10px; line-height: 35px; letter-spacing: -1px;}
h2 {font-size: 18px; font-family: "Courier New", Courier, monospace; letter-spacing: -1px; color: #316711; margin-bottom: 10px; line-height: 18px;}
h3 {font-size: 16px;line-height: 22px; margin-bottom: 5px;}
p {margin-bottom: 15px; font-size: 14px; line-height: 24px;}
p a:link {text-decoration: underline;color: #333333;}
p a:hover {text-decoration: none;}
p a:visited {text-decoration: underline; color: #333333;}
.bullet li {list-style-type: disc; list-style-position: outside; margin: 0 0 15px 30px;}
.intro {font-size: 16px; line-height: 26px; letter-spacing: 1px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #dbd2ba; clear: left;}
.label {background: url(../images/h1-bg.jpg) no-repeat right bottom; float: left; margin-bottom: 20px;}
.typeGreen {font-weight: bold; color: #316711;}
.org a {font-weight: bold; color: #316711;}

#social {position: absolute; top: 20px; right: 5px;}
#social img {float: left;}
#social a {display: block; font-family: Arial, Helvetica, sans-serif; color: #316711; padding-left: 20px; line-height: 18px; font-weight: bold; text-transform: capitalize; font-size: 12px; padding-top: 2px; padding-right: 20px;}
#social a:hover {color: #efc442; text-decoration: underline;}
#social  li {float: left;}


#nav {position: absolute; top: 100px; right: 20px; background-image: url(../images/nav-bg.jpg); background-position: right bottom;}
#logo {position: absolute; left: 20px;top: 50px;}
#nav a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #574219;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 0;
	padding-right: 17px;
	padding-bottom: 0;
	padding-left: 17px;
}
#nav a:hover {color: #efc442;}
#nav li {float: left;}


#footer {background: #d3c29e url(../images/footer-bg2.jpg) repeat-x; padding-top: 40px;}
.modfive {
	float: right;
	margin-left: 40px;
	margin-bottom: 10px;
}
.modfive li a {color: #FFFFFF;}
.modfive a:hover { text-decoration: underline;}

#footer p, #footer p a {
	text-decoration: none;
	font-size: 11px;
	color: #999999;
	margin-bottom: 0px;
}
.container { width: 100%; margin-bottom: 30px; }

.blok {display: block;}

.inset {border-bottom: 1px solid #dbd2ba; margin-bottom: 50px; padding-bottom: 20px; overflow: auto;}
.insetL {float: left; width: 300px;}
.insetR {float: right; width: 620px;}

.subhead {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0px;
	color: #333333;
	clear: both;
}
.subheadh2 {
	font-size: 11px;
	clear: both;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 1px;
}

object {
	margin-bottom: 10px;
	border: 1px solid #dbd2ba;
}
.fauxframe p {
	font-size: 12px;
	line-height: 16px;
}

.box {padding: 15px 20px; background: #f9f8f4 url(../images/box-bg.jpg) no-repeat; margin-bottom: 30px;}
/* Misc */
#twitter {
	position: relative;
	margin: 40px 0 20px 0;
	padding: 15px 20px;
	background-color: #fefdf8;
	background-image: url(../images/box-bg.jpg);
	background-repeat: no-repeat;
}
#twitter img {position: absolute;top: -20px;right: 120px;}
#twitter li {font-size: 12px;padding-bottom: 12px;}


.listLines a {font-size: 12px; font-weight: bold; text-transform: capitalize; color: #574219; line-height: 30px; display: block; background: url(../images/linksU.jpg) no-repeat right center; margin: 0 10px; border-bottom: 1px solid #D6F1F9;}
.listLines h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 10;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #D6F1F9;
	border-bottom-style: solid;
}
.listLines {margin-top: 10px;margin-bottom: 20px;}
.listLines a:hover {color: #efc442; background: url(../images/linksH.jpg) no-repeat right center;}
.listLines li {display: inline;}


.jo {
	height: 240px;
	width: 300px;
	position: relative;
	margin-bottom: 20px;
}
.jo h3 {position: absolute; right: 20px; bottom: 15px; color: #FFFFFF; font-size: 14px;}
.vcard {color: #FFFFFF;}
.webnote {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF0000;}
.annotation {font-family: "Courier New", Courier, monospace; text-align: right; font-weight: bold; color: #666666; margin-bottom: 30px;}
listPortfolio li {
	display: inline;
}
.listPortfolio a {
	font-size: 16px;
	line-height: 36px;
	display: block;
	color: #333333;
	padding-left: 30px;
}
.listPortfolio a:hover {
	color: #efc442;
}
#flashContent {
	background-image: url(../images/slide-1.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 960px;
	margin-bottom: 20px;
}
#listMedia {
	clear: both;
}

#listMedia li a{
	height:210px;
	width:300px;
	background-image:url(../images/sprite_media2.jpg);
	display:block;
	background-repeat:no-repeat;
	overflow:hidden;
	margin-bottom: 80px;
}
#listMedia li{float:left}
#listMedia p {margin-top: 215px;position: absolute;font-size: 12px;font-weight: bold;}

#bbc a{background-position:0 0;}
#bbc a:hover{background-position:-300px 0}
#gardensmonthly a{background-position:0 -210px;margin-left: 30px;}
#gardensmonthly a:hover{background-position:-300px -210px}
#hortweek a{background-position:0 -420px;margin-left: 30px;}
#hortweek a:hover{background-position:-300px -420px}
#designjournal a{background-position:0 -630px}
#designjournal a:hover{background-position:-300px -630px}
#gardenersworld a{background-position:0 -840px;margin-left: 30px;}
#gardenersworld a:hover{background-position:-300px -840px}
#telegraph a{background-position:0 -1050px;margin-left: 30px;}
#telegraph a:hover{background-position:-300px -1050px}

#tuinen a{background-position:0 -1260px;}
#tuinen a:hover{background-position:-300px -1260px}

#houseandgarden a{background-position:0 -1470px;margin-left: 30px;}
#houseandgarden a:hover{background-position:-300px -1470px}


#youtube a{background-position:0 -1680px;margin-left: 30px;}
#youtube a:hover{background-position:-300px -1680px}


#guardian a{background-position:0 -1890px;}
#guardian a:hover{background-position:-300px -1890px}


#newhouseandgarden a {background-position:0 -2100px;margin-left: 30px;}
#newhouseandgarden a:hover {background-position:-300px -2100px;}

#thesundaytimes a {background-position:0 -2310px; margin-left: 30px;}
#thesundaytimes a:hover {background-position:-300px -2310px;}