* {margin:0; padding:0;}

html { min-height: 100%; margin-bottom: 1px; }

body {
	margin-top: 50px;
	margin-bottom: 50px;
    text-align: center;
	line-height:0;
	background: url(images/bg_tile.jpg);
}

#container {
     margin:0 auto; 
     text-align:center;
     width: 663px;  
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*top row of images*/

#header {
	text-align:center;
	height: 67px; width:663px;
	background: url(images/frame_03.gif) no-repeat top left;
	}

#main {
	background:#000000;
	width:598px;
	padding:30px;
	}

/*primary navigation*/

#nav {
	float:left;
	}

#nav ul li {
	list-style:none;
	width:150px; height:35px;
	}

#nav ul li a {
	display:block;
	text-indent: -9999px;
	width:150px; height:35px;
	}

#home {
	width:150px; height:35px;
	background:url(images/nav/home.gif) 0 0;
	}
#home:hover {
	background-position: -150px 0;
	}
	

#profile {
	width:150px; height:35px;
	background:url(images/nav/profile.gif) 0 0;
	}
#profile:hover {
	background-position: -150px 0;
	}
	
	
#collections {
	width:150px; height:35px;
	background:url(images/nav/collections.gif) 0 0;
	}
#collections:hover {
	background-position: -150px 0;
	}
	
	
#ordering {
	width:150px; height:35px;
	background:url(images/nav/ordering.gif) 0 0;
	}
#ordering:hover {
	background-position: -150px 0;
	}
	
	
#contact {
	width:150px; height:35px;
	background:url(images/nav/contact.gif) 0 0;
	}
#contact:hover {
	background-position: -150px 0;
	}
	
	
/*main content area*/

#homecontent {
	background: url(images/pane_10.jpg) no-repeat top left;
	vertical-align:top;
	}
		
#content {
	text-align: left;
	line-height:25px;
	padding-left:200px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#content ul {
	text-align: left;
	line-height:35px;
	padding-left:45px;
}

#content dt {
	padding-top:10px;
	font-weight:bold;
}

#content p {
	padding-top:12px;
	}
	
#profile_pic, #collections_pic, #ordering_pic, #contact_pic {
	height:243px; width:368px;
	border: 2px solid rgb(58,50,46);
	}
	
#profile_pic {
	background: url(images/page_pics/alex.jpg) no-repeat top left;
	}
#collections_pic {
	background: url(images/page_pics/rodeo.jpg) no-repeat top left;
	}
#ordering_pic {
	background: url(images/page_pics/smithers.jpg) no-repeat top left;
	}
#contact_pic {
	background: url(images/page_pics/goat.jpg) no-repeat top left;
	}
		
/*text styles*/

#content h1 {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	padding-top:10px;
	}


.home {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #333333;
	padding:30px;
	}
	
a:link {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	}
	


/*footer */

#footer {
	width:660px;
	height:12px;
	background: url(images/footer_12.gif) repeat-x;
	}
	
#credit {
	height:50px;
	padding-left:555px;
	padding-top:10px;
	}
	
#credit a {
	display:block;
	width:106px; height:42px;
	text-indent: -9999px;
	background:url(images/bcdw.gif) no-repeat top left;
	}