@charset "UTF-8";

/*	© Steffan Chyzak 2009
	Main Style Sheet for
	http://www.steffanchyzak.co.uk
*/



html	{ 
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
	}
	
body	{
		background-image: url(../images/bg.jpg);
		background-repeat: repeat; 
		background-attachment: fixed;
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
}

#container	{ 
		position: relative;
		width: 715px;
		margin: 0 auto;
		background-color: #fff;
		border-right: 12px solid #CCC;
		border-left: 12px solid #CCC;
	} 
	
#header	{
	position: relative;
	background-color: #666666;
	height: 130px;
	background-image: url(../images/title_2.jpg);
	background-repeat: repeat-x;
	color:#fff;
	} 
	
#header #logo	{
	position: absolute;
	left: 19px;
	top: 14px;
	width: 387px;
	height: 49px;
}

#header #logo h1	{
	margin:0;
	padding:0; 
	text-align: left;
	display: none; 
	}

#iconnav ul	{
	list-style: none;
	margin: 0;
	padding: 2px;
	position: relative;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #000;
	}
	
#iconnav ul li	{
	width:auto;
	float: left;
	position: 
	relative;
	}

#iconnav ul li a	{ 
	display: block; 
	padding: 0 5px 0 5px; 
	background-repeat: no-repeat; 
	background-position: 5px 50%; 
	}

#iconnav ul li a:link, #iconnav ul li a:visited, #iconnav ul li a:active, #iconnav ul li a:hover	{ 
	color: #CCC;
	text-decoration: none;
	}

#iconnav ul li a:hover	{
	color: #F0F;
	}

#nav	{ 
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat;
	background-color: #FFF; 
	}

#nav ul	{ 
	list-style: none; 
	margin: 0; 
	padding: 0;
	}

#nav ul li	{ 
	float: left; 
	position: relative; 
	font-size: 100%; 
	}

#nav ul li a	{ 
	display: block; 
	padding: 10px .6em; 
	}

#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover	{ 
	color: #666; 
	text-decoration: none; 
	border-left: 1px solid #6CF; 
	border-right: 1px solid #6CF; 
	border-top: 1px solid #CCC; 
	}

#nav ul li a:hover	{
	color: #FFF;
	background-color: #6CF;
	}

#content	{ 
	padding: 0 25px; 
	}

p	{
	line-height: 1.6em;
	margin: 0 0 1em 5px;
	color: #000;
	}
	
h1	{
	position: absolute;
	top: 0;
	left: -79px;
	width: 719px;
	height: 46px;
	margin: 0;
	padding: 12px 0 0 60px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 160%;
	font-weight: normal;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #09F;
	}

#about h1	{
	background-image: url(../images/headerme.png);
	}

#print h1	{
	background-image: url(../images/headerprint.png);
	}

#web h1	{
	background-image: url(../images/headerweb.png);
	}

#logo h1	{
	background-image: url(../images/headerlogo.png);
	}

#photo h1	{
	background-image: url(../images/headerphoto.png);
	}

#illustration h1	{
	background-image: url(../images/headerillustration.png);
	}

#qualifications h1	{
	background-image: url(../images/headerqual.png);
	}

#terms h1	{
	background-image: url(../images/headerqual.png);
	}

span.toTop	{ 
	position: absolute; 
	top: 13px; right: -23px; 
	}
	
span.toTop img	{ 
	border: 0 none; 
	}
	
h2	{ 
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; 
	font-size: 120%; 
	font-weight: normal; 
	clear: both;
	color:#000
	}
	
strong	{ 
	background-color: #fffce4; 
	font-weight: normal; 
	}

ul.thumbs	{ 
	list-style: none; 
	margin: 10px 0 20px 40px; 
	padding: 0; 
	}
	
ul.thumbs li	{ 
	float: left;
	padding: 0; 
	margin: 5px; 
	position: relative; 
	}
	
ul.thumbs li a img	{ 
	border: 4px solid #69F; 
	}
	
ul.thumbs li a:hover img	{ 
	border: 4px solid #36F; 
	}
	
ul.thumbs li img.new {
	display: block; 
	position: absolute; 
	top: -3px; 
	right: -3px; 
	z-index: 1; 
	border: none; 
	}

acronym { 
	border-bottom: 1px solid #e2d6d6;
	cursor: help; 
	}


#about, #web, #print, #logo, #photo, #illustration, #qualifications, #terms, #logos { 
	position: relative;
	padding-top: 5em; 
	}

#contactme	{  
	position: relative;
	padding: 4.5em 25px 10px 25px; 
	}


#contactme h1	{
	background-image: url(../images/headermail.png);
	}

#contactme span.toTop	{ 
	position: absolute; 
	top: 9px; 
	right: 0px; 
	}

#contactme	{
	background-color: #333;
	color: #CCC;
	}

#footer	{ 
	position: relative; 
	background-color: #666; 
	color: #705758; 
	padding: 10px 0 10px 0; 
	font-size: 75%; 
	background-repeat: repeat-x; 
	background-position: bottom; 
	border-top: 3px solid #09F; 
	}
	
#footer p	{
	padding: 0 0 .25em 30px;
	margin: 0 290px 0 0;
	color: #CCC;
}

#footer ul	{ 
	margin: 0; padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 1.2em; 
	right: 30px;
	}

#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover	{ 
	color: #CCC; 
	text-decoration: none; 
	border-bottom: none; 
	}
	
#footer a:hover	{
	color: #0CF;
	border: 0 none;
	}

a, a:link, a:active, a:visited, a:hover	{
	color: #6CF;
	text-decoration: none;
	}
	
a:hover	{
	color: #39F;
	border: 0 none;
	}

.clearfix:after	{ 
	content:".";
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	} 
	
.clearfix {
	display: inline-block;
	}
	
.clearfix {
	display:block;
	}
	
* html .clearfix	{ 
	height: 1px; 
	}