html, body {
	margin: 0px;
	padding: 0px;
	background: #e3e3e3;
}

#easyOverlay{
  position:absolute;
  visibility: hidden;
  top: 0;
  color:#fff;
  z-index: 1000;
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 604px;
  height: 453px;
  background: url(images/loading.gif);
}
 
#easyOverlay .closeit {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px;
  background: #333;
  color: #fff;
  cursor: pointer;
  z-index: 2000;
  text-decoration: none;
}

#foot {
	width: 800px;
	height: 25px;
	float: left;
	margin: 125px 0px 0px 0px;
}

#contact_content {
	width: 302px;
	height: 151px;
	float: left;
	display: none;
	background: #e0dada;
}

#about_content {
	width: 453px;
	margin: 50px 0px 0px 302px;
	float: left;
}

#about_content p.main {
	color: #979797;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

#about_content p.mini {
	color: #979797;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 30px;
}

#boxes p, #foot p, #contact_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	margin: 23px 0px 0px 33px;
}

#contact_content p {
	font-size: 12px;
	color: #979797;
}

#foot p {
	margin: 0px 0px 0px 20px;	
	color: #333;
}

#boxes a, #foot a, #contact_content a { color: #000; font-weight: bold; text-decoration: none; }
#boxes a:hover, #foot a:hover, #contact_content a:hover { text-decoration: underline; }
#contact_content a { color: #979797; }

#contact_content p {
	display: block;
	width: 302px;
	height: 151px;
	float: left;
}

#boxes a {cursor: pointer; }
	
#foot a { color: #333; }
	
#top {
	width: 1057px;
	height: 151px;
	float: left;
}

	div.logo {
		width: 302px;
		height: 151px;
		float: left;
		background: url(images/logo.jpg);
	}
	
	div.logo a {
		display: block;
		width: 302px;
		height: 151px;
	}
	
	#top div.about, #top div.works, #top div.contact {
		width: 151px;
		height: 151px;
		float: left;
	}
	
	#top div.about a, #top div.works a, #top div.contact a {
		width: 151px;
		height: 151px;
		float: left;
		display: block;
		border: none;
	}
	
	#top div.about   { background: url(images/about.jpg);   }
	#top div.works    { background: url(images/work.jpg);    }
	#top div.contact { background: url(images/contact.jpg); }

/*    HOME    */

#root.home { width: 900px; }

#boxes.home {
	width: 906px;
	height: auto;
	float: left;	
}
	#boxes.home div {
		width: 151px;
		height: 151px;
		float: left;
		background: red;
		
	}
	
	#boxes.home div.a1 { background: url(images/home/1.jpg); }
	#boxes.home div.a2 { background: url(images/home/2.jpg); }
	#boxes.home div.a3 { background: url(images/home/3.jpg); margin-left: 151px; }
	#boxes.home div.a4 { background: url(images/home/4.jpg); }
	#boxes.home div.a5 { background: url(images/home/5.jpg); margin-left: 151px; }
	#boxes.home div.a6 { background: url(images/home/6.jpg); }
	#boxes.home div.a7 { background: url(images/home/7.jpg); margin-left: 302px; }
	#boxes.home div.a8 { background: url(images/home/8.jpg); margin-left: 151px; }
	#boxes.home div.a9 { background: url(images/home/9.jpg); margin-left: 151px; }
	#boxes.home div.a10 { background: url(images/home/10.jpg); margin-left: 604px; }
	
/*    WORK    */

#root.works { width: 1510px; }

/*#overlay_box img {
	width: 603px;
	height: 450px;
}

.load {
	width: 400px;
	height: 400px;
	background: url(images/loading.gif);
}*/

#overlay_box {
	width: 755px;
	height: 490px;
	float: left;
	text-align: center;
	display: none;
}

/*.overlay { 
	width: 753px;
	height: 450px;
	border: 0px;
    display: none; 
    background: #fff;
    padding: 19px 0px 19px 0px;    
    font-size:11px; 
	background: url(images/overlay.jpg);		
	color:#000;
	border: 1px solid #ccc;
}

.overlay .close { 
    background: url(images/close.jpg); 
    position: absolute; right:5px; top:5px;
    cursor: pointer;
	width: 20px; 
    height: 16px; 
}*/

#boxes.work {
	width: 1510px;
	height: auto;
	float: left;	
}
	#boxes.work div {
		width: 151px;
		height: 151px;
		float: left;
	}
	
	#boxes.work div.b a {
		width: 151px;
		height: 151px;
		background: url(images/over.png);
		float: left;
	}
	
	#boxes.work div.b a.border {
		width: 121px;
		height: 121px;
		float: left;
		display: block;
	}
	
	
	
	#boxes.work div.b a.border:hover { border: 15px solid #000; }

	#boxes.work div.line { width: 1510px; float: left; }
	
	#boxes.work div.a1 { background: url(images/work/1.jpg); }
	#boxes.work div.a2 { background: url(images/work/2.jpg); }
	#boxes.work div.a3 { background: url(images/work/3.jpg); }
	#boxes.work div.a4 { background: url(images/work/4.jpg); }
	#boxes.work div.a5 { background: url(images/work/5.jpg); }
	#boxes.work div.a6 { background: url(images/work/6.jpg); }
	#boxes.work div.a7 { background: url(images/work/7.jpg); }
	#boxes.work div.a8 { background: url(images/work/8.jpg); }
	#boxes.work div.a9 { background: url(images/work/9.jpg); }
	#boxes.work div.a10 { background: url(images/work/10.jpg); margin-left: 151px; }
	#boxes.work div.a11 { background: url(images/work/11.jpg); }
	#boxes.work div.a12 { background: url(images/work/12.jpg); margin-left: 151px; }
	#boxes.work div.a13 { background: url(images/work/13.jpg); margin-left: 151px; }
	#boxes.work div.a14 { background: url(images/work/14.jpg); }
	#boxes.work div.a15 { background: url(images/work/15.jpg); }
	#boxes.work div.a16 { background: url(images/work/16.jpg); }
	#boxes.work div.a17 { background: url(images/work/17.jpg); margin-left: 302px; }
	#boxes.work div.a18 { background: url(images/work/18.jpg); margin-left: 302px; }
	#boxes.work div.a19 { background: url(images/work/19.jpg); }
	
	#boxes.work div.alice_illo { background: url(images/work/alice_illo.jpg); }
	#boxes.work div.amal { background: url(images/work/amal.jpg); }
	#boxes.work div.angel { background: url(images/work/angel.jpg); }
	#boxes.work div.arts_exhibition { background: url(images/work/arts_exhibition.jpg); }
	#boxes.work div.asos { background: url(images/work/asos.jpg); margin-left: 151px; }
	#boxes.work div.b4u { background: url(images/work/b4u.jpg); margin-left: 151px; }
	#boxes.work div.bird { background: url(images/work/bird.jpg); margin-left: 151px; }
	#boxes.work div.character { background: url(images/work/character.jpg); }
	#boxes.work div.coco_rooms { background: url(images/work/coco_rooms.jpg); }
	#boxes.work div.contact_advance { background: url(images/work/contact_advance.jpg); }
	#boxes.work div.cupcake { background: url(images/work/cupcake.jpg); }
	#boxes.work div.curious_feeling { background: url(images/work/curious_feeling.jpg); }
	#boxes.work div.discount { background: url(images/work/discount.jpg); }
	#boxes.work div.drawing_2 { background: url(images/work/drawing_2.jpg); }
	#boxes.work div.drawing { background: url(images/work/drawing.jpg); margin-left: 151px; }
	#boxes.work div.flamingo { background: url(images/work/flamingo.jpg); margin-left: 151px; }
	#boxes.work div.flower_illo { background: url(images/work/flower_illo.jpg); }
	#boxes.work div.i_love_chapeltown_2 { background: url(images/work/i_love_chapeltown_2.jpg); }
	#boxes.work div.i_love_chapeltown { background: url(images/work/i_love_chapeltown.jpg); margin-left: 151px; }
	#boxes.work div.inhom_flyer { background: url(images/work/inhom_flyer.jpg); }
	#boxes.work div.inhom_website { background: url(images/work/inhom_website.jpg); margin-left: 151px; }
	#boxes.work div.intouch_advance { background: url(images/work/intouch_advance.jpg); }
	#boxes.work div.intouch_christmas { background: url(images/work/intouch_christmas.jpg); }
	#boxes.work div.jesters_media { background: url(images/work/jesters_media.jpg); margin-left: 151px; }
	#boxes.work div.kelly_senior { background: url(images/work/kelly_senior.jpg); }
	#boxes.work div.leeds_retro { background: url(images/work/leeds_retro.jpg); margin-left: 151px; }
	#boxes.work div.my_home_win { background: url(images/work/my_home_win.jpg); margin-left: 151px; }
	#boxes.work div.oriss_website { background: url(images/work/oriss_website.jpg); }
	#boxes.work div.peg_brochure { background: url(images/work/peg_brochure.jpg); }
	#boxes.work div.prashad { background: url(images/work/prashad.jpg); margin-left: 151px; }
	#boxes.work div.remedy_website { background: url(images/work/remedy_website.jpg); }
	#boxes.work div.remedy { background: url(images/work/remedy.jpg); margin-left: 151px;}
	#boxes.work div.roen { background: url(images/work/roen.jpg); }
	#boxes.work div.santa_dash { background: url(images/work/santa_dash.jpg); }
	#boxes.work div.sela { background: url(images/work/sela.jpg); }
	#boxes.work div.shave_vouchers { background: url(images/work/shave_vouchers.jpg); }
	#boxes.work div.shoe_kraze { background: url(images/work/shoe_kraze.jpg); }
	#boxes.work div.sleepy_stupid { background: url(images/work/sleepy_stupid.jpg); }
	#boxes.work div.time { background: url(images/work/time.jpg); }
	#boxes.work div.turtle { background: url(images/work/turtle.jpg); margin-left: 151px; }
	
	#boxes.work div.b a.darker { background: url(images/over.png); display: block; }