/* CSS Document */

body, h1, h2, h3, h4, h5, ul, p {
	padding: 0;
	margin: 0;
}

#main {
	background-color: #FFF;
	margin-top:5px;
	font-family:Verdana, Arial, sans-serif;
	font-size: small;
	color: #CCCCCC;
	
}

#wrapper {
	width:950px;
	height: 580px;
	left: 50%;
	margin-left: -475px;
	position:absolute;
	border:#CCCCCC solid 1px;
}

#navigation {
	float:left;
	width:200px;
	height:580px;
	border-right: #CCCCCC solid 1px;
}

#logo {
	margin-top: 25px;
	margin-left: 20px;
	margin-bottom:20px;
}

a img#email {
	margin-left: 23px;
	margin-bottom:10px;
}

ul {
	padding-top:10px;
	width:99px;
	height:205px;
	margin-left: 50px;
} 

li {
	list-style-type:none;
	margin-bottom:2px;
}

#rollover a {
	display:block;
	width:99px;
	height:23px;
	text-decoration:none;
	border:none;
}

#rollover a:link, a:visited {
	background-position:left;
}

#rollover a:hover {
	background-position:right;
}

#cart a {
	background-image: url(../images/Cart_2in1.png);
}

#medi a {
	background-image: url(../images/Medical_2in1.png);
}

#fit a {
	background-image: url(../images/Fitness_2in1.png);
}

#misc a {
	background-image: url(../images/Misc_2in1.png);
}

#artist a {
	background-image: url(../images/About_2in1.png);
}

#client a {
	background-image: url(../images/Client_2in1.png);
}

#mail a {
	background-image: url(../images/Contact_2in1.png);
}

#index a {
	background-image: url(../images/Home_2in1.png);
	background-position:right;
}

body#main li#index a{
	cursor:default;
}

#artist {
	margin-top:20px;
}

img {
	border: none;
}

#images {
	float: right;
	margin-top:60px;
	margin-right:10px;
	padding-bottom:70px;
}

a:link, a:visited {
	color:#999;
}

a:hover {
	color:#666;
}

p {
	color: #999999;
	font-size:70%;
	margin-top:102px;
}

#credit {
	font-size:80%;
	margin-left:740px;
}

*html #images {
	padding-bottom:0;
	margin-top: 40px;
}