body
{
    font-family: Century Gothic, Arial, Verdana, Sans-Serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	letter-spacing: .15em;
    background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

h1, h2, h3
{
    text-transform: uppercase;
    color: #464646;
}

.container
{
    margin: 0 auto 0 auto;
    width: 960px;
}

.main
{
    border: 1px solid #FFFFFF;
}

.clear
{
    clear: both;
}

.fll
{
    float: left;
    margin: 0 30px 15px 0;
}

.flr
{
    float: right;
}

.center
{
    text-align: center;
    color: #898989;
    margin: 80px 0 40px 0;
}

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

a:active, a:hover
{
    color: #464646;    
}

p
{
    color: #464646;
    font-size: 1.4em;
}

#nav
{
    background-color: #f2f2f2;
    height: 60px;
    width: 100%;
}

#nav ul
	{
		display: inline;
		height: 60px;
        margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	
	#nav li
	{
		text-transform: uppercase;
		float: left;
		line-height: 60px;
		font-size: 1.4em;
		margin: 0 50px 0 0;
	}
	
	#nav a:link, #nav a:visited
	{
		color: #959595;
		text-decoration: none;
	}
	
	#nav a:active, #nav a:hover
	{
		color: #464646;
		text-decoration: none;
	}
	
	.activeNav
	{
		color: #464646;
		text-decoration: none;
	}
	
#nav .contact	
{
    float: right;
    line-height: 60px;
    font-size: 1.4em;
    text-transform: uppercase;
}

.logo
{
    background-image: url(images/hog_logo.gif);
    background-repeat: no-repeat;
    width: 540px;
    height: 36px;
    margin: 65px auto 45px auto;
}

.prev, .next
{
    width: 29px;
    height: 52px;
    display: block;
}

.prev
{
    background-image: url(images/prev.gif);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    top: 230px;
    left: -40px;
}

.next
{
    background-image: url(images/next.gif);
    background-position: top right;
    background-repeat: no-repeat;
    float: right;
    position: relative;
    top: 230px;
    left: 40px;
}

.collection li
{
    display: block;
    overflow: hidden;
}

.boxgrid
{ 
    width: 223px; 
    height: 501px; 
    float: left; 
    overflow: hidden; 
    position: relative;
    .position: inherit;
    margin: 0 5px 0 10px;
    padding: 0;
}

.boxgrid img
{ 
    position: absolute;
    .position: inherit;
    top: 0; 
    left: 0; 
    border: 0; 
    margin: 0;
    padding: 0; 
    width: 223px; 
    height: 501px; 
}

.boxgrid p
{ 
    color:#FFFFFF; 
    margin: 8px 0 0 0;
    padding: 0;
    font-size: 1.2em; 
    text-transform: uppercase;
    line-height: 1.6em;
}

.boxgrid strong
{ 
    font-size: 1.4em; 
    font-weight: normal;
}
				
.boxcaption
{ 
    float: left; 
    position: absolute;
    background: #000; 
    min-height: 100px; 
    width: 223px; 
    opacity: .8; 
        /* For IE 5-7 */
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        /* For IE 8 */
        -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    margin: 0;
    padding: 0; 
}
 				
.captionfull .boxcaption 
{
    top: 501px;
    left: 0;
    margin: 0;
    padding: 0;
    text-align: center; 
}

.captionfull .boxcaption 
{
    .top: 501px; 
    .left: auto;
    .margin: 0 0 0 -226px; 
    .padding: 0;
    .text-align: center; 
}

.press
{
    width: 32%;
    float: left;
    text-align: center;
    margin: 0 0 50px 0;
}