/* CSS by SunAngel Design
Gaetano Vaccaro 2009 */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
img, a img {
	border: 0;
}
body {
	background: url(images/bottombg.png) repeat-x bottom;
	background-color: #3E423A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.5em;
	text-align: left;
}

a {
	text-decoration: none;
}

#pageWrap {
	margin: 0 auto;
	height: 800px;
	width: 800px;
}

#header {
	float: right;
}

#mainContent {
	background: url(images/background.gif) no-repeat center;
	margin: 0 auto; 
	height: 800px;
	width: 800px;	
}

#right {
	float: right;
	width: 500px;
	height: 400px;
	margin-top: -460px;
	margin-right: 25px;
	padding: 35px;
}

#nav {display:block; width:430px; height:130px;}

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

#nav li {float: left; margin-left: 7px;}

#nav a {display:block; width:218px; height:0; padding-top:75px; color:#000; overflow:hidden;}

#nav li.list1 {background:url(images/home.gif);}
#nav li.list2 {background:url(images/about.gif);}
#nav li.list3 {background:url(images/samples.gif);}
#nav li.list4 {background:url(images/contact.gif);}


#nav a#item1 {background:url(images/home2.gif) -100px -220px no-repeat;}
#nav a#item2 {background:url(images/about2.gif) -100px -220px no-repeat;}
#nav a#item3 {background:url(images/samples2.gif) -100px -220px no-repeat;}
#nav a#item4 {background:url(images/contact2.gif) -100px -220px no-repeat;}

#nav a#item1:hover {background-position:0 0; z-index:50;}
#nav a#item2:hover {background-position:0 0; z-index:50;}
#nav a#item3:hover {background-position:0 0; z-index:50;}
#nav a#item4:hover {background-position:0 0; z-index:50;}

#nav a#item1.current {background-position:0 0; z-index:50; cursor: default;}
#nav a#item2.current {background-position:0 0; z-index:50;}
#nav a#item3.current {background-position:0 0; z-index:50;}
#nav a#item4.current {background-position:0 0; z-index:50;}