@import url("reset.css");
/*		Notes:
Red: #901414
Dark Grey: #2d2d2d;

*/




body, html {
	background:#eff1d3 url(../images/pa_background_paper.jpg) repeat;
}

/*		LAYOUT (colors and background images */

#wrapper {
	background: url(../images/pa_wrapper_bg.jpg) center top no-repeat;
}
#header {
}

#mainContent { 
	background: #fffef2 url(../images/pa_side_shadow.jpg) right top repeat-y;
}	
#footerWrapper {
	background: url(../images/pa_footer_wrapper_beans.jpg) bottom center repeat-x;
}

#footerContent {
	background: #fffef2;
}
#footer {
	background:	#fffef2 url(../images/pa_side_shadow.jpg) right top repeat-y;
}

/*		LAYOUT	(Spacing and alignment)		*/
.clear {
	clear:both;
	float:none;
	width: 100%;
}
#wrapper {
	height: 100%;
	width: 100%;
}
#contentWrapper {
	width: 902px;
	margin: 1px auto;	
}
#header {
	width: 900px;
	padding: 0 2px 0 0;
}
#mainContent {
	padding: 30px 2px 0 0;
	margin: 0 0 -30px 0;

}
#footerContent {
	margin: 0 2px 0 0;
}
#footer {
	width: 902px;
	margin: 0 auto;
	
}


/*		GLOBAL FONT STYLES		*/

body, html {
	font: normal normal normal 12px normal "Courier", sans-serif;
	font-family:"Courier New", Courier, monospace;
}
a:hover {
	text-decoration: underline;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
h2 {
	Font-size: 18px;
}
#ourcoffee h3 {
text-decoration:underline;
	margin: 0 0 7px 0;
}

/*		HEADER		 */
#header ul {
	width:900px;
	border-bottom: solid 20px #2d2d2d;
	float:right;
	height: 40px;
}
	
#header ul li {
	margin: 5px 0 0 0;
	padding: 1px 0 0 0;
	float: right;
}
#header ul li a {
	float:left;
	background:  #901414;
	color: #fff;
	font-size: 16px;
	padding: 9px 20px 7px 20px;
}
#header ul li a.current, #header ul li a.current:hover  {
	background: #2d2d2d;
	text-decoration:none;
}
#header img.topLeftImg {
padding: 14px 0 0 0;
	float: left;
	background: #eff1d3;
}
#header img.headerImg {
	border-bottom: solid 6px #2d2d2d;
}
/*		MAIN CONTENT		*/
/*		Welcome Page		*/
#home #mainContent div.rightSingleColumn h1 {
	margin: -20px 0 20px 0;
}

#mainContent div.fullColumn {a
	width: 840px;
	margin: 0 0 30px 0;
	padding: 15px 30px;
}
#mainContent div.twoColumn {
	float:left;
	width: 538px;
	padding: 15px 30px 0 30px;
	border-right: dashed 2px #999999;
	margin: 0 0 30px 0;
	min-height: 300px;
}
#mainContent div.rightSingleColumn {
	float:left;
	width:240px;
	padding: 15px 30px;
}
#mainContent div.singleColumn {
	min-height: 320px;
	float:left;
	width: 298px;
	padding: 15px 0;
	border-right: dashed 2px #999999;
}
#mainContent div.singleColumn h1 {
	text-align:center;
}
#mainContent div.singleColumn h2 {
	text-align:center;
	font-size:24px;
}
#mainContent .twoColumn ul {
	list-style:disc;
	margin: 15px 30px 15px 45px;
}
#mainContent .twoColumn ul li {
	margin: 15px 0;
}
/*		OUR STORY		*/
#ourstory #mainContent div.twoColumn {
	min-height: 320px;
	background: url(../images/pa_ourstory_watermark) center bottom no-repeat;
}

#mainContent p {
	margin: 25px 0 5px 0;
}
#mainContent a {
	color: #901414;
}
#mainContent div.singleColumn p {
	margin: 15px 30px;
}
#mainContent .imgRight {
	float:right;
	margin: 0 30px 0 0;
}
/*		Your Art		*/
#yourart #mainContent h1 {
	text-align:center;
}
#mainContent ul.artwork li {
	margin: 30px 0 0 0;
}
#mainContent ul.artwork li img{
text-align:center;
	margin:10px auto -10px 30px;

}
#mainContent hr {
	width: 200px;
	margin: 20px 0 40px 0;
	height: 1px;
	border: none;
	background: #999999;
}
/*		Locations		*/
#mainContent div.map {
	background: url(../images/pa_location_map_bg.jpg);
	padding: 37px 43px 36px 43px;
}
#location #mainContent h1 {
	margin: 0 0 30px 0;
}
/*		OUR COFFEEE		*/

#ourcoffee #mainContent div.rightSingleColumn {
	min-height:0;
	padding: 35px 20px 0 30px;
}

#ourcoffee #mainContent h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0;
	
}
#ourcoffee #mainContent h2 {
	font-size: 16px;
	color: #333333;
	text-decoration:underline;
	
}
#ourcoffee #mainContent h1 .type {
	font-size: 12px;
}
#mainContent div.middleColumn {
	float:left;
	width: 236px;
	padding: 10px 30px;
	border-right: dashed 2px #999999;
	border-left: dashed 2px #999999;
	margin: 10px 0;
}

/*		FOOTER		*/

#footer #footerContent div {
	float:left;
	width: 238px;
	border-right: dashed 2px #999999;
	padding: 30px;
}
#footer #footerContent div.right {
	border:none;
}
#footer #footerContent li.title {
	text-decoration:underline;
	margin: 0 0 7px 0;
}
#footer #footerContent li a{
	color: #666666;
}
#footer #footerContent li a:hover {
	color: #2d2d2d;
}
#footer input {
	margin: 7px;
}