/* Global */
body {
text-align:center;margin:0;background-color:#FFF;font-size:68%;
}


.right {
	float: right;
	margin: 0 0 20px 20px;
}
left {
	float: left:
	margin: 0 20px 20px 0;
}

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

.clearfix {display: inline-block;}

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

a {
color:#98320B;
}
a:hover {
text-decoration: none;
}

#container{
margin: 0 auto;
width:1024px;
color:#67330B;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

#header{
width:100%;
height:261px;
margin:.5em 0 0 0;
background:url(/media/images/header_bg.gif) left top no-repeat;
	position: relative;
}
#header .goat_logo a {
	display: block;
	text-indent: -10000px;
	background: transparent url(/media/images/dgc_sm.png) top left no-repeat;
	width: 136px;
	height: 200px;
	position: absolute;
	top: 20px;
	right: 20px;
}

#logo{
	padding:0;
}

#bc {
	margin: 0 0 10px 0;
}


#maincontainer{
width:100%;
background:#D6D6C2;
}

#content{
padding-top:2em;
display:block;
background:url(/media/images/tile.gif) left top repeat-x;
}

h1{
margin:0 0 .2em 0;
padding:0;
font-size:1.5em;
}

h2{
margin:0 0 0 20px;
padding:0;
font-size:1.1em;
}

.floatleft{float:left;}

.floatright{float:right;}

.clearer{clear:both;margin:0;padding:0;}

.underline{text-decoration:underline;}

/* Home */
#leftblock{
background:url(/media/images/left_block.gif) left top no-repeat;
text-align:left;
}

#centerblock{
background:url(/media/images/center_block.gif) left top no-repeat;
font-size:1.2em;
font-weight:200;
line-height:1.5em;
}

#rightblock{
background:url(/media/images/right_block.gif) left top no-repeat;
}

#blockscontainer{
margin:auto 2em;
}
#footercontainer{
width:100%;
}
#footer{
padding-top:1em;
background-color:#D6D6C2;
font-size:1.2em;
width:1024px;
margin:0 auto;
}

#centerblock p{
margin:0 1.8em 0 1.8em;
}

.blocks{
float:left;
display:block;
margin:2px;
width:318px;
height:309px;
}

.blockcontent{
margin:.8em;
}
.blockcontent p{
line-height:1.5em;
}
/* About, Creamery, Employees */

#sidebar{
margin-left:.8em;
float:left;
text-align:left;
width:274px;
height:468px;
background:url(/media/images/about_nav_bg.gif) left top no-repeat;
}
.menu_scratch{
width:230px;
background:url(/media/images/menu_scratch.gif) left no-repeat;
}
body.creamery #sidebar .bg{
padding-top:5px;
height:453px;
background:transparent url(/media/images/nav_goat.gif) left bottom no-repeat;
}
#copycontainer{
float:left;
margin-left:3em;
width:688px;
background:#E8E9DB;
}

div#images{
	float: right;
	width:215px;
	margin:0 0 10px 10px;
}

div#images img{
margin-bottom:.5em;
}

#copy{
float:left;
margin:0;
text-align:left;
line-height:1.5em;
font-size:1.2em;
padding: 20px;
width:650px;

}

.employee_copy{
position:relative;
float:left;
margin:.25em 0 0 1em;
text-align:left;
line-height:1.5em;
font-size:1.2em;
}

.employee_list{
float:left;
clear:left;
margin:1em 0 1em 3em;
width:615px;
}
.employee_list img{
margin:0 .5em;
float:left;
}


/*Soap*/
#soap_copy{
position:relative;
float:left;
margin:.25em 0 0 1em;
padding-bottom:3em;
text-align:left;
line-height:1.5em;
font-size:1.2em;
}
.products {

}
.products li {
	float:left;
	margin: 0 18px 18px 18px;
	list-style-type: none;
}
.products li a img, #images img {
	border: 2px solid #CCC;
	padding: 3px;
}
.products li a:hover img {
	border: 2px solid #999;
}