@charset "UTF-8";
/* CSS Document */

/*-------------------/
/ Common Elements
/------------------*/

html, body {
	background-image:url(../../images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:#000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family:Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

a {
	color: #F00000;
	position: relative;
}

a:hover {
	color: #FFFFFF;
	position: relative;
}

/*-------------------/
/ Header
/------------------*/

#header {
	background-image:url(../../images/headerBackground.jpg);
	background-repeat:repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	position: fixed;
	width: 100%;
	font-size: 0pt;
	top: 0px;
	height: 7px;
}

/*-------------------/
/ Body + Container
/------------------*/

#pageContainer {
	min-height:100%;
    position:relative;
}

#container {
	width: 754px;
	margin: 0 auto;
}

#row1 {
	height: 175px;
	margin-bottom: 3px;
	margin-top:10px;
}

	#row1 #column1 {
		height: 175px;
		width: 151px;
		margin-right: 3px;
		float: left;
		text-align: center;
		position: fixed;
	}
	
	#row1 #column1 img {
		padding-top: 10px;
	}
	
	#row1 #column2 {
		height: 175px;
		width: 600px;
		float: right;
	}
		
		#row1 #column2 #titleContainer {
			height: 50px;
			padding-left: 15px;
			padding-top: 125px;
			background-image: url(../../images/titleBackground.jpg);
			background-position: bottom left;
			background-repeat:no-repeat;
		}
		
		#row1 #column2 #titleContainer img {
			margin: 0px;
			padding-bottom: 5px;
			padding-left: 5px;
			padding-right: 0px;
			padding-top: 0px;
		}


#row2 {
	clear: both;
}

	#row2 #column1 {
		width: 151px;
		margin-right: 3px;
		float: left;
		position: fixed;
	}
	
	#row2 .column2 {
		width: 570px;
		float: right;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px; /* old: 15px */
		font-size: 10pt;
		line-height: 17px;
	}
	
		#row2 .column2 {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
		}
	
		#row2 .column2[class] {
			background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
		}
		

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

.navigation {
	width: 151px;
	height: 202px;
	text-align:left;
	padding-top:15px;
}

.navigation a {
	display:block;
	padding-top: 2px;
	padding-bottom:2px;
}

.navigation a img {
	padding-left:33px;
}

.navigation a:hover {
	background-color: #ff0000;	
}

.navigation {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
}

	.navigation[class] {
	background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
}



/*-------------------/
/ Footer
/------------------*/
#footer {
	clear:both;
	padding-top:100px;
}

	#footer #footerContainer {
		height: 75px;
		background-image:url(../../images/footerBackground.jpg);
		background-repeat:repeat-x;
		position:absolute;
		bottom:0;
		width:100%;
	}

		#footer #footerContainer #footerContent {
			margin: 0 auto;
			width: 754px;
		}
		
			#footer #footerLogo {
				float: left;
				margin-top:13px;
			}
			
			#footer #footerLinks {
				float: right;
				margin-top:30px;
			}
				
			#footer #footerLinks ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#footer #footerLinks ul li {
				margin: 0px;
				display:inline;
				margin-left: 25px;
			}
			
			#footer #footerLinks ul li a {
				color: #FFFFFF;
				text-decoration: none;
				padding: 5px;
			}
			
#footerLinks {
	list-style-type:none; 
	margin:0; 
	padding:0; 
	width:290px
}

#footerLinks li {
	display: inline;
}


/*-------------------/
/ Page Specific
/------------------*/

/*-- For Main Page --*/

#headerIndex {
	background-image:url(../../images/headerBackground.jpg);
	background-repeat:repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	position: fixed;
	width: 100%;
	font-size: 0pt;
	top: 0px;
	height: 7px;
}

#containerIndex {
	width: 754px;
	margin: 0 auto;
}

#row1index {
	height: 175px;
	margin-bottom: 3px;
}

	#row1index #column1 {
		width: 151px;
		margin-right: 3px;
		float: left;
		text-align: center;
		min-height:600px;
	}
	
	#row1index #column1 img.logo {
		margin-top: 30px;
		margin-bottom:19px;
	}
	
	#row1index #column2 {
		background-image:url(../../images/mainHeaderBackground.jpg);
		background-repeat:no-repeat;
		padding-left:20px;
		width: 580px;
		float: right;
	}

.mainColumn2 {
	width: 600px;
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 75px;
	padding-top: 0px;
	font-size: 10pt;
	line-height: 17px;
}

.logo {
	text-align:center;
	margin-top: 30px;
	margin-bottom:19px;
}
	
.mainColumn2 #column2 .readMore {
	padding-top: 270px;
	padding-left: 18px;
}
	
#features .featureTitle {
	height: 20px;
	padding-top:5px;
	padding-left:15px;
	margin-bottom:15px;
	margin-top:20px;
}

#features .content {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
	width: 268px;
	min-height: 225px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
}

	#features .content[class] {
	background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
}
	
#features #happenings {
	float: left;
}

#features #happenings .content .eventItem {
	padding: 0px;
	margin-bottom:5px;
	clear:both;
	background-image:none;
}

#features #happenings .content .eventTitle {
	font-size: 10pt;
}

#features #happenings .content .eventDate {
	font-weight: bold;
	color: #F00000;
	line-height: 25px;
	font-size:9pt;
}

#features #happenings .content .eventContent {
	width: 225px;
	font-size: 10pt;
	min-height: 50px;
	float:right;
	padding: 0;
}

#features #happenings .content .eventDateBox {
	float: left;
	width: 36px;
	margin-top:0px;
}

#features #happenings .content .eventDateBoxDay {
	margin:0 auto;
	padding: 0;
	text-align:center;
	background-color:#FFF;
	width: 36px;
	height: 11px;
	padding-top: 3px;
	margin-bottom:2px;
}

#features #happenings .content .eventDateBoxDate {
	margin:0 auto;
	padding: 0;
	text-align:center;
	background-color:#FFF;
	width: 36px;
	height: 23px;
	padding-top: 4px;
}

.linkFollow {
	color: #ff0000;
	font-size:10pt;
	clear:both;
}


#features #ourCoffee {
	float: right;
}

#features #ourCoffee .coffeeDesc {
	font-size:10pt;
}

#blog {
	clear: both;
	margin-top:25px;
	width: 600px;
	float: right;
}

#blog .title {
	height: 20px;
	padding-top:5px;
	padding-left:15px;
	margin-bottom:15px;
}

#blog .blogItem {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
}

#blog .blogItem[class] {
	background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
}


#blog .blogItem .blogItem {
	clear:both;
	margin-bottom:5px;
}

#blog .blogItem .blogHeader {
	padding-left:15px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	min-height: 35px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
}

#blog .blogItem .blogHeader[class] {
	background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
}

#blog .blogTitle {
	display: block;
	font-size: 14pt;
	margin-bottom: 5px;
	padding: 5px 0px 0px 0px;
	color: #ffffff;
	
}

#blog .blogTitle a{
	text-decoration: none;
}

.cleanup a{
	text-decoration: none;
}




#blog .blogItem .blogDate {
	display: block;
	font-size: 10pt;
	color: #F00000;	
}

#blog .blogItem .blogContent {
	padding: 0px 10px 10px 18px;	
}

/*-- For Sub Menu --*/

#subMenuList {
	margin-top: 15px;
	margin-bottom: 25px;;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	height: 19px;
}

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

#subMenuList ul li {
	white-space: nowrap;
	display: inline-block;
	background-position:top left;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 5px;
	float:left;
}

#subMenuList ul li a {
	height: 19px;
	display: inline-block;
}

#subMenuList ul li img { border: 0; height: 19px; }
#subMenuList ul li a:hover img{ visibility:hidden; }
#subMenuList ul li a.active img{ visibility:hidden; }

/*-- About Us Elements --*/

#subMenuList ul li.subNav_theStory {
	background-image:url(../../images/aboutUs/aboutUs_on_01.gif);
	width: 76px;
}

#subMenuList li.subNav_greenFactor {
	background-image:url(../../images/aboutUs/aboutUs_on_03.gif);
	width: 133px;
}

#subMenuList ul li.subNav_theBirchGuys {
	background-image:url(../../images/aboutUs/aboutUs_on_05.gif);
	width: 118x;
}

#subMenuList ul li.subNav_press {
	background-image:url(../../images/aboutUs/aboutUs_on_07.gif);
	width: 52px;
}

#subMenuList ul li.subNav_links {
	background-image:url(../../images/aboutUs/aboutUs_on_09.gif);
	width: 45px;
}

.subTitle {
	font-weight: bold;
	font-size: 12pt;
}

.groundGuyPhoto {
	margin-right: 15px;
	margin-bottom: 10px;
}

.aboutUsLink {
	font-size: 12pt;
}

/*-- Our Coffee Elements --*/

.coffeeItem {
	height: 180px;
	clear:both;
}

.coffeeItem img {
	margin-right: 10px;
}

.coffeeItem h2 {
	padding-top: 5px;
}

/*-- Happenings Elements --*/
.eventItem {
	padding:10px;
	margin-bottom:25px;
	clear:both;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
}

.eventItem[class] {
	background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
}

.eventTitle {
	font-size: 13pt;
}

.eventDate {
	font-weight: bold;
	color: #F00000;
	line-height: 30px;
}

.eventContent {
	width:495px;
	float: right;
}

.eventDateBox {
	float: left;
	width: 36px;
	margin-top:0px;
}

.eventDateBoxDay {
	margin:0 auto;
	padding: 0;
	text-align:center;
	background-color:#FFF;
	width: 36px;
	height: 11px;
	padding-top: 3px;
	margin-bottom:2px;
}

.eventDateBoxDate {
	margin:0 auto;
	padding: 0;
	text-align:center;
	background-color:#FFF;
	width: 36px;
	height: 23px;
	padding-top: 4px;
}

#features #happenings .content .eventItem {
	padding: 0px;
	margin-bottom:5px;
	clear:both;
	background-image:none;
	border:0px;
}

#features #happenings .content .eventTitle {
	font-size: 12pt;
	border:0px;
	color: #FFFFFF;
}



#features #happenings .content .eventDate {
	font-weight: bold;
	color: #F00000;
	line-height: 25px;
	border:0px;
}

#features #happenings .content .eventContent {
	width: 225px;
	font-size: 10pt;
	min-height: 50px;
	float:right;
	padding: 0;
	border:0px;
}

#features #happenings .content .eventDateBox {
	float: left;
	width: 36px;
	margin-top:0px;
	border:0px;
}

#features #happenings .content .eventDateBoxDay {
	margin:0 auto;
	padding: 0;
	text-align:center;
	background-color:#FFF;
	width: 36px;
	height: 11px;
	padding-top: 3px;
	margin-bottom:2px;
	border:0px;
}

#features #happenings .content .eventDateBoxDate {
	margin:0 auto;
	padding: 0;
	text-align:center;
	background-color:#FFF;
	width: 36px;
	height: 23px;
	padding-top: 4px;
	border:0px;
}

/*-- Blog Elements --*/

#row2 .blogColumn2 {
	width: 600px;
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 10pt;
	line-height: 17px;
}
	
.blogItem {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
}

.blogItem[class] {
	background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
}


.blogItem {
	clear:both;
	margin-bottom:5px;
}

.blogHeader {
	padding-left:15px;
	padding-right:15px;
	padding-top:25px;
	padding-bottom:15px;
	min-height: 35px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://thegroundscoffee.com/beta/images/75p_black.png');
}

.blogHeader[class] {
	background-image:url(http://thegroundscoffee.com/beta/images/75p_black.png);
}

.blogTitle {
	display: block;
	font-size: 22pt;
	margin-bottom: 10px;
}
.blogTitle a {

	color: #ffffff;
	text-decoration: none;
}
.blogTitle a:hover {

	color: #f00000;
	text-decoration: none;
}


.blogDate {
	display: block;
	font-size: 10pt;
	color: #F00000;	
}

.blogContent {
	padding: 10px;	
}


/*-- Contact Elements --*/

.contactTitle {
	margin-bottom: 0;
}

.contactAddress {
	margin-top: 0;
}

.contactPerson {
	display: block;
	float:left;
	clear: both;
	width: 100px;
}

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

#contactSocial li {
	display:inline;
}