@charset "utf-8";
/* CSS Document */
* {padding:0; margin:0;}
  body{background:url(../images/body-bg.gif) center top repeat-x #333333;}
  	h1{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:24px;color:#FFFFFF;}
  	h2{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:18px;color:#FFFFFF;}
	h3{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:15px;color:#FFFFFF;}
	h6{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:14px;color:#FFFFFF;}
  	p{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:14px;color:#FFFFFF;}
	p.body{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:14px;color:#FFFFFF;letter-spacing:1px;line-height:115%;}
	p.lightbox{font:10px Verdana, Helvetica, sans-serif;font-weight:bold;color:#FF9900;letter-spacing:normal;}
	p.footer{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:12px;color:#999999;}
  	a:link, a:visited, a:hover, a:active{border:0;text-decoration:none;outline:none;}
	a:link, a:visited{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:14px;color:#FFFFFF;letter-spacing:1px;line-height:115%;white-space:nowrap;}
	a:hover, a:active{font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:14px;color:#FF9900;letter-spacing:1px;line-height:115%;white-space:nowrap;}
	img{border:none;}
  
  
  #wrap{margin:0 auto;width:960px;}
 
 
  #header{height:32px;} 
  
  
  #feature table{width:100%;border:none;}
  #feature table td.left{width:35%;}
    
  #nav{margin:0 auto;width:960px;}
	#navlist{position:relative;}
		#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
		#navlist li, #navlist a{height:25px;display:block;width:155px;}

			#workbutton{left:0px;width:155px;overflow:hidden;}
				#workbutton{background:url(../images/navbar_bg.png) 0 0;}
				#workbutton a:hover{background:url(../images/navbar_bg.png) 0 -25px;}
				#workbutton.current{background:url(../images/navbar_bg.png) 0 -25px;}

			#skillsbutton{left:160px;width:155px;overflow:hidden;}
				#skillsbutton{background:url(../images/navbar_bg.png) -160px 0;}
				#skillsbutton a:hover{background:url(../images/navbar_bg.png) -160px -25px;}
				#skillsbutton.current{background:url(../images/navbar_bg.png) -160px -25px;}

			#aboutbutton{left:320px;width:155px;overflow:hidden;}
				#aboutbutton{background:url(../images/navbar_bg.png) -320px 0;}
				#aboutbutton a:hover{background:url(../images/navbar_bg.png) -320px -25px;}
				#aboutbutton.current{background:url(../images/navbar_bg.png) -320px -25px;}

			#contactbutton{left:480px;width:155px;overflow:hidden;}
				#contactbutton{background:url(../images/navbar_bg.png) -480px 0;}
				#contactbutton a:hover{background:url(../images/navbar_bg.png) -480px -25px;}
				#contactbutton.current{background:url(../images/navbar_bg.png) -480px -25px;}

  
  
  #portfolio{width:960px;border:none;}
  	#portfolio tr.title td{padding:60px 0px 0px 0px;}
  	#portfolio tr.thumb td{padding:20px 0px 0px 0px;}

		h6.hidden {display:none;}

  #gap{height:100px;clear:both;} 
  
  
  #skills{width:960px;margin:40px 0px 0px 0px;border:none;}
  	#skills .skills.left{float:left;width:50%;}
	#skills .skills.right{float:right;width:35%;padding:0;background:url(../images/programme_bg.png) center no-repeat;width:260px;height:320px;border:none;}
	#skills .skills.text{padding:10px 20px 10px 20px;}
  		ul.programmes{list-style-type:disc;margin:0px 0px 0px 20px;font-family:Helvetica, Eurostile, Verdana, Arial, sans-serif;font-size:16px;color:#FFFFFF;}
  
  #about{width:960px;margin:40px 0px 0px 0px;border:none;}
  	#about .about.left{float:left;width:25%;}
	#about .about.right{float:right;width:50%;padding:0;}
	

  #contact{background:url(../images/form_bg.png) center no-repeat;width:960px;height:399px;margin:40px 0px 0px 0px;border:none;}  
	#contact .contact.left {float:left;width:55%;margin-left:0px;padding:20px 0px 30px 20px;}
	#contact .contact.right{float:right;width:30%;padding:20px 30px 30px 20px;}
		#links li{float:left;list-style-type:none;margin:0;padding:0;overflow:hidden;}
 		#links a:link, a:visited{display:block;width:85px;text-align:left;border:0;padding:0px;text-decoration:none;}
 		#links a:hover, a:active{opacity:0.6;filter:alpha(opacity=60);}
  
  #gap.end{height:50px;} 
  
  #footer{height:100px;}