html { width: 100%; height: 100%; }
body { margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; width: 100%; height: 100%; background: #363b41; }

h1, h2, h3, h4, h5, h6 { padding: 5px 0px; margin: 0; }
img { border: 0; }
p { margin: 0; padding: 0.5em 0; }
fieldset { border: none; }
legend { display: none; }
.space-me { padding: 2px 0; }
.space-me-more { padding: 10px 0; }

ul, li { list-style-type: none; padding: 0; margin: 0; }

div.outer-container
{
	background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	/*-webkit-background-size: 100%;
	-khtml-background-size: 100%;*/
}

div.header-container
{
    background: url(/assets/img/header-container-bg.png) no-repeat center 20px; 
    height: 207px;
    padding-bottom: 20px;
}
div.header-container span.colour-bar { display: block; height: 20px; }
div.header-container div.header { width: 987px; margin: 0 auto; }
div.header-container div.header h1 { margin: 0; padding: 0; float: left; }
div.header-container div.header div.right-container { float: left; width: 615px; padding-left: 95px; }
div.header-container div.header div.right-container div.menu-container { margin: 38px 0 12px; }
div.header-container div.header div.right-container div.menu-container ul { height: 27px; list-style-type: none; padding: 5px 6px; }
div.header-container div.header div.right-container div.menu-container ul li { height: 27px; position: relative; overflow: hidden; float: left; padding-right: 20px; }
div.header-container div.header div.right-container div.menu-container ul li.home { width: 54px; }
div.header-container div.header div.right-container div.menu-container ul li.projects { width: 75px; }
div.header-container div.header div.right-container div.menu-container ul li.portfolio { width: 83px; }
div.header-container div.header div.right-container div.menu-container ul li.gallery { width: 120px; }
div.header-container div.header div.right-container div.menu-container ul li.links { width: 50px; }
div.header-container div.header div.right-container div.menu-container ul li.contact { width: 100px; }
div.header-container div.header div.right-container div.menu-container ul li a { position: absolute; top: 0; display: block; }
div.header-container div.header div.right-container div.menu-container ul li a:hover,
div.header-container div.header div.right-container div.menu-container ul li.selected a { position: absolute; top: -27px; display: block; }
div.header-container div.header div.right-container div.intro-text { font-size: 22px; }

div.body-container { font-size: 12px; width: 987px; margin: 0 auto; padding: 10px 0; }
div.body-container div.body { background: url(/assets/img/body-bg.png) no-repeat center top; padding: 15px 15px 0; min-height:50px; }
div.body-container div.body p { margin: 0; padding: 0.5em 0; }
div.body-container span.body-footer { display: block; height: 23px; background: url(/assets/img/body-footer.png) no-repeat center bottom; }

div.body-container div.body div.slider-wrapper { position: relative; }
div.body-container div.body div.portfolio-slider { width: 957px; height: 300px; overflow:hidden; }
div.body-container div.body div.portfolio-slider img { width: 957px; height: 300px; }
div.body-container div.body div.content ul li { list-style-type: disc; margin-left: 15px; padding: 2px 0; }
div.body-container div.body div.content ol lo { list-style-type: decimal; margin-left: 25px; padding: 2px 0; }

#prevBtn, #nextBtn{ 
	display:block;
	width:32px;
	height:300px;
	position:absolute;
	
	top:0;
	}	
	#prevBtn
	{
	    left:0;
	}
#nextBtn{ 
	right:0px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:32px;
	height:300px;
	text-indent: -9999em;
	-moz-outline-style: none;
	outline-style: none;
	}
		
#prevBtn a 
{
    	background:url(/assets/img/left-arrow.png) no-repeat 0 0;	

	}	
#nextBtn a 
{
    	background:url(/assets/img/right-arrow.png) no-repeat 0 0;	

	}	

div.body-container div.body ul.projects li { padding: 3px 0; }
div.body-container div.body ul.projects li img { width: 957px; }

div.body-container div.body ul.portfolio li { float: left; padding: 9px; }
div.body-container div.body ul.portfolio li a { display: block; }
div.body-container div.body ul.portfolio li a img { width: 299px; height: 299px; }
div.body-container div.body ul.portfolio li div.intro {
	display:none;
	background:transparent url(/assets/img/tooltip.png);
	font-size:12px;
	height:110px;
	width:249px;
	padding:25px 25px 40px;
	color:#fff;	
}
div.body-container div.body ul.portfolio li div.intro h1,
div.body-container div.body ul.portfolio li div.intro h2,
div.body-container div.body ul.portfolio li div.intro h3,
div.body-container div.body ul.portfolio li div.intro h4,
div.body-container div.body ul.portfolio li div.intro h5,
div.body-container div.body ul.portfolio li div.intro h6
{ color: #fff; }

div.body-container div.body div.flickr-gallery { position: relative; width: 877px; height: 720px; margin: 40px 40px 0; padding-bottom: 40px; }

div.body-container div.body div.contact-form li { padding: 3px 0px; clear: both; }
div.body-container div.body div.contact-form label.lbl { float: left; display: block; width: 300px; }
div.body-container div.body div.contact-form input.tb { float: left; display: block; width: 400px; }
div.body-container div.body div.contact-form textarea.ta { float: left; display: block; width: 400px; height: 125px; }

div.footer-container { background: url(/assets/img/footer-bg.png) repeat-x; }
div.footer-container div.footer { width: 957px; margin: 0 auto; color: #fff; font-size: 10px; padding: 10px 0 50px; }
div.footer-container div.footer a, div.footer-container div.footer a:link { color: #fff; font-size: 10px; text-decoration: underline; }
div.footer-container div.footer a:hover { color: #ddd; font-size: 10px; text-decoration: none; }
div.footer-container div.left-content { width: 400px; }

div.footer-container ul.social-bookmarks { list-style-type: none; }
div.footer-container ul.social-bookmarks li { float: left; padding-left: 10px; }

div.footer-container ul.social-bookmarks li a 
{ 
    display: block; 
    width: 32px; 
    height: 32px;
    overflow: hidden;
    position: relative;
}

div.footer-container ul.social-bookmarks li a img  
{
    position: absolute;
    top: 0;
}

div.footer-container ul.social-bookmarks li a:hover img  
{
    position: absolute;
    top: -32px;
}

div.right-content { text-align: right; }
div.footer-container ul.social-bookmarks li.twitter a img { left: 0; }
div.footer-container ul.social-bookmarks li.stumble a img { left: -32px; }
div.footer-container ul.social-bookmarks li.reddit a img { left: -64px; }
div.footer-container ul.social-bookmarks li.delicious a img { left: -96px; }
div.footer-container ul.social-bookmarks li.facebook a img { left: -128px; }
div.footer-container ul.social-bookmarks li.digg a img { left: -160px; }

div.footer-container div.copyright { clear: both; }

div.footer-container a.redstar {
    background:url("/assets/img/redstar.png") no-repeat scroll 0 0 transparent;
    display:inline-block;
    height:53px;
    margin-top:4px;
    overflow:hidden;
    text-align:center;
    text-indent:-1000px;
    width:144px;
}