/*
---------------------------------------------
Style: Sleepyghost
Description: www.sleepyghost.com styles
Colour palette: fcffd1 eaf086 95c476 94993a 0a2e26
--------------------------------------------- */

/* Layout
--------------------------------------------- */
* {	padding:0; margin:0;}
#top {
	margin:0; padding:8px 0 0 0; height:200px;
    background-image: url(../images/bg_top.png);
	background-repeat: repeat-x;
	background-position: top left;
}
.top-content {width:890px; margin:0 auto; padding:0;}
#container {
	background-color: #fcffd1;
	background-image: url(../images/bg_bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:100%;
	clear:both;
	overflow:auto;
}

#logo img{width:536px; height:176px; margin:0 auto; padding:0; display:block; overflow:hidden;}

#wrap {
	width:890px;
	margin:0px auto 50px auto;
	padding:10px 0 0 0;
}

#intro {height:100%; margin:0; padding:0; clear:both; overflow:hidden; position:relative;}
.intro-content {margin:0; padding:0px 0 20px 0;}
	
.content {
	padding:5px 10px 5px 10px;
	clear:both;
	height:100%;
	overflow:auto;
	border-bottom:5px dotted #eaf086;
}
.footer {margin:0; padding:0 0 0 0;}
.footer-content {width:890px; margin:0px auto; padding:0px 0 20px 0; color:#fcffd1;}
.footer p {padding:0px 0 25px 0; font-size:100%;}
.footer a {color:#eaf086; text-decoration:none;}
.footer a:hover {color:#95c476; text-decoration:underline;}

ul#portfolio {
	clear:both;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
	height:100%;
	width:100%;
	display:block;
}
ul#portfolio li {
	display:inline;
	padding:0;
	margin:5px 10px 10px 10px;
	float:left;
}

.boxgrid { 
	width: 270px; 
	height: 140px; 
	float: left; 
	background: #000; 
	overflow: hidden; 
	position: relative; 
	margin:0;
	display:block
}
.boxgridVideo { 
	width: 850px; 
	height: 300px; 
	float: left; 
	background: #000; 
	overflow: hidden; 
	position: relative; 
	margin:0;
	display:block
}
.boxgrid img{ 
	position: absolute; 
	top: 0; left: 0;				
	border: none; 
}
.boxgrid object{ 
position: absolute; 
top: 0; left: 0;				
border: none; 
}
/* Layout END */

/* Global
--------------------------------------------- */
img {border:none;}
h1 {color:#0a2e26;}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}
p {
padding: 4px 0 4px 0;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
a {	color:#94993a;
	text-decoration:none;
	font-style:normal;
	font-weight: bold;
}
a:hover {
	color:#95c476;
	text-decoration:none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
}
body {
	font-family: Trebuchet MS, sans-serif;
	background-color:#0a2e26;
	margin: 0;
	color:#0a2e26;
	font-size:0.8em;
}
/* Global END
*/

/* Clear
--------------------------------------------- */
.clr:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clr {display:inline-block;}

/* Hide from IE Mac \*/
.clr {display:block;}
* html .clr {height: 1%;}
/* End hide from IE Mac */

/* The End */