/* No Ordinary Cherry :: Graphic Design CSS Document */

/* --------------------------------------------
	Structure
-------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

body {
	font-family:helvetica, arial, verdana; 
	font-size:12px;
	color:#000;
}

a img { 
	border: none;
}

#container {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	border:dashed 0px red;
}

#content {
	background-image:url(images/index.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:953px;
	height:690px;
	margin:0 auto;
	padding:0 auto;
	border:dashed 0px blue;
}


/* --------------------------------------------
	Navigation
-------------------------------------------- */

#navContainer {
	width:70px;
	height:120px;
	float:right;
	margin:304px 320px 0 0;
	padding:0;
	border:dashed 0px red;
}

#buttons {
	list-style:none;
	margin:0;
	padding:0;
}

#buttons li {
	margin-bottom:4px;
	padding:0;
	border:dashed 0px blue;
}

a.portfolio {
	display: block;
	width:70px;
	height:26px;
	margin:0;
	text-decoration:none;
	background-image:url(images/portfolio.gif);
}

a.portfolio:hover {
        background-position: -70px 0;
}

a.about {
	display: block;
	width:53px;
	height:26px;
	margin:0;
	text-decoration:none;
    background-image: url(images/about.gif);
}

a.about:hover {
    background-position: -53px 0;
}

a.resume {
	display: block;
	width:65px;
	height:26px;
	margin:0;
	text-decoration:none;
    background-image: url(images/resume.gif);
}

a.resume:hover {
        background-position: -65px 0;
}

a.contact {
	display: block;
	width:68px;
	height:26px;
	margin:0;
	text-decoration:none;
    background-image: url(images/contact.gif);
}

a.contact:hover {
        background-position: -68px 0;
}