/*********************/
/*	Body & Details	*/
/*******************/

body { background:#fff; padding-top:60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; }

#portfoliomenu-container {float:right; width:288px; margin:70px 55px 10px 0; }
#portfoliomenu {width:288px; height:43px; background: #efefef url(../images/menu-portfolio.jpg) no-repeat; }

#portfoliomenu ul { margin: 0; padding: 0; list-style-type: none; text-align: center; clear: left; }
#portfoliomenu ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#portfoliomenu ul li a span { display:none; }
#portfoliomenu ul li a { width:100px; height:43px; margin:0px; padding:0px; display: block; }

#portfoliomenu ul li a.colour { width:98px; }
#portfoliomenu ul li a.sketchbook { width:92px; }
#portfoliomenu ul li a.design { width:98px; }

#portfoliomenu ul li a.colour:hover { background: url(../images/menu-portfolio.jpg) 0px -43px; }
#portfoliomenu ul li a.sketchbook:hover { background: url(../images/menu-portfolio.jpg) -98px -43px; }
#portfoliomenu ul li a.design:hover { background: url(../images/menu-portfolio.jpg) -190px -43px; }			



#break { clear:both; }

#logo { padding-left:40px; }

#footer { background-image:url(../images/bottombg.jpg); background-repeat:repeat-x; 
			width:984px; padding:30px 20px; color:#999; text-align:right; font-size:10px; }


/*********************/
/*	Mini Containers	*/
/*******************/

#container-left {
	width:560px;
	float:left;
	margin-top:40px;
	padding:10px 80px 0 0;
	text-align:right;
}

#container-right {
	float:right;
	width:270px;
	padding:0 80px 0 30px;
	margin-top:40px;
	letter-spacing:1.6px;
	line-height:20px;
	border-left:2px solid #ccc;
}

#content { width:1024px; padding:20px 0 10px 0; }
#contentfrontpage {width:1024px; padding:20px 0 0 0;}

/*****************/
/*	Main Menu	*/
/***************/
#menubg { width:1024px; background:url(../images/menu-bg.jpg) no-repeat;}

/*New mneu */
#menu { width:572px; height:85px; margin-left:323px; background:#acacac url(../images/menu.jpg) no-repeat; }


#menu ul{ border: 0; clear: left; list-style-type: none; margin: 0; padding: 0; text-align: center; }

#menu ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menu ul li a span{
	display:none;
}


#menu ul li a{
	width:100px;
	height:85px;
	margin:0px;
	padding:0px;
	display: block;
		
}

#menu ul li a.portfolio { width:160px; }
#menu ul li a.bio { width:140px; }
#menu ul li a.contact{ width:145px; }
#menu ul li a.home{ width:126px; }



/*********** End new menu  */


/*************/
/*	Hovers	*/
/***********/

#menu ul li a.portfolio:hover{ background: url(../images/menu.jpg) 0px -85px; }
#menu ul li a.bio:hover{ background: url(../images/menu.jpg) -160px -85px; }
#menu ul li a.contact:hover{ background: url(../images/menu.jpg) -300px -85px; }
#menu ul li a.home:hover{ background: url(../images/menu.jpg) -445px -85px; }


/**********/
/* Links */
/********/

a{ color:#800;text-decoration:none;outline:none; }
a:hover{ color:#e00; }