/* CSS Created for Potluck by Brett Ohland at Karo Group ----------------------- */

/* To change RIGHT repeating image */



/* Save new image in /images call it "right-frame.jpg" */

/* Reset styles----------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
	table { border-collapse: collapse; border-spacing: 0; }
	img { border: 0; }
	address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
	caption,th { text-align: left; }
	h1,h2,h3,h4,h5,h6 { font-weight: bold; }
	abbr,acronym { border: 0; }

	body {
		font-family: georgia, sans-serif;
		color: #7b7b7b;
	}

	p {
		font-size: 14px;
		line-height: 18px;
		color: #5a585a;
	}
	
	p, ul, ol { 
		margin-bottom: 20px; 
		margin-right: 20px;
	}
	ul { margin-left: 30px;}
	ol { margin-left: 35px; }
	li { line-height: 18px; }
	
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 10px;
	}
	h1 {
		font-size: 20px;
		line-height: 20px;
	}

	h2 {
		font-size: 18px;
		line-height: 18px;
	}

	h3 {
		font-size: 14px;
		line-height: 18px;
	}
	h4, h5, h6 {
		font-size: 13px;
		line-height: 18px;
	}
/* Wrapper -------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
	#wrapper {
		width: 1000px;
		margin: auto;
		position: relative;
		background: black url(../images/left-frame.jpg) no-repeat 0 172px scroll;
	}

/* Header -------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
	#head {
		background: transparent url(../images/header.jpg) no-repeat top left scroll;
		height: 172px;
		width: 1000px;
	}
	#head h1 a {
		display: block;
		width: 392px;
		height: 82px;
		overflow: hidden;
		text-indent: -1337px;
		text-decoration: none;
		background: transparent url(../images/logo.png) no-repeat top left scroll;
		position: absolute;
		left: 74px;
		top: 68px;
	}

/* Content -------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
	#content {
		clear: left;
		background: white url(../images/right-frame.jpg) repeat-y top right scroll;
		margin-left: 62px;
		width: 658px;
		padding-left: 131px;
		padding-right: 149px;
		padding-top: 62px;
		overflow: hidden;
		position: relative;
		
/*		clear: left;
		background: white url(../images/right-frame.jpg) repeat-y top right scroll;
		margin-left: 62px;
		width: 428px;
		padding-left: 131px;
		padding-right: 379px;
		padding-top: 62px;
		overflow: hidden;
		position: relative;*/
	}
	fieldset { border: 0; }
	legend { font-size: 14px; }
	form ul {
		margin: 0 0 0 5px;
		list-style: none;
	}
	form li { margin-bottom: 8px; }
	form label { font-size: 11.5px; }
	form input {
		width: 164px;
		padding: 3px;
	}
	form p { padding-bottom: 10px; }
	form button { margin-bottom: 10px; }
	form .checkbox { width: auto; }
	
	.sidebar {
		width: 205px;
		overflow: hidden;
		float: right;
		margin-left: 15px;
		margin-bottom: 15px;
	visibility: visible;
}
	.sidebar p { margin: 10px;
	visibility: visible;
}
.order-temp {
		background: #e9a522;
		padding: 15px 15px;
		color: white;
		position: relative;
		height: 369px;
	}
	
.order-temp .tiny {
		font-size: 10px; 
		line-height: 13px;
		display: block;
		margin: 0px;
		margin-bottom: 10px;
		margin-top: 44px;
	}

.order-temp small { 
		font-size: 14px;
		margin-top: -3px;
	}
	
.order-temp h3 { 
		font-size: 18px;
		line-height: 22px;
		font-weight: bold;
	}

.order {
		background: #e9a522;
		padding: 15px 10px;
		color: white;
		position: relative;
	visibility: hidden;
}

.order h3 { 
		font-size: 18px;
		line-height: 22px;
		font-weight: normal;
	}
	.order h4 {
		font-size: 14px;
		font-weight: normal;
	}
	.order span {
		text-transform: uppercase;
		font-size: 19.5px;
		display: block;
		font-weight: bold;
	}

.order small { 
		font-size: 14px;
		display: block;
		margin-top: -3px;
	}
	.order p, .order a { 
		color: white; 
		margin: 0;
	}

.order .tiny {
		font-size: 10px; 
		line-height: 13px;
		margin-bottom: 10px;
	}
	button, .button {
		background: #c6c6c6 url(../images/icon.gif) no-repeat 6px 3px scroll;
		font-family: georgia, sans-serif;
		text-transform: uppercase;
		color: white;
		width: 185px;
		border: 2px solid #d8d8d8;
		border-right: 2px solid #959595;
		border-bottom: 2px solid #959595;
		text-align: left;
		padding: 5px 5px 5px 30px;
		font-size: 12.5px;
		display: block;
		cursor: pointer;
		text-decoration: none;
		position: relative;
	visibility: hidden;
}
	.button { width: 145px; }
	.button span {
		color: #ee3d96;
		font-size: 11px;
		display: block;
		text-transform: lowercase;
		position: absolute;
		bottom: 5px;
		right: 5px;
	visibility: hidden;
}
	#news-graphic {
		width: 257px;
	/*	height: 266px; */
		padding: 18px 10px 18px 160px;
		color: white;
		overflow: hidden;
		position: relative;
		margin-bottom: 25px;
	}
	#news-graphic p {
		margin-bottom: 15px;
		font-size: 13px;
	}
	
	#news-graphic * { color: white; }
	
	#news-graphic h2 {
		font-size: 20px;
		margin: 0 0 15px 0;
		font-weight: bold;
	}
	#news-graphic img {
		position: absolute;
		top: 0;
		left: 0;
	}
	#news-graphic .read-more a {
		display: block;
		font-size: 14px;
		height: 25px;
		margin-left: 10px;
		line-height: 25px;
		padding-left: 20px;
		text-transform: uppercase;
		text-decoration: none;
		background: transparent url(../images/icon-transparent.png) no-repeat top left scroll;
	}

/* Navigation -------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
	#nav {
		width: 768px;
		position: absolute;
		top: 27px;
		left: 20px;
	}

	#nav ul,
	#side-nav ul {
		list-style: none;
		margin: 0;
	}

	#nav li {
		float: left;
		margin: 0 3px 0 0;
	}

	#nav li a,
	#side-nav li a {
		text-decoration: none;
		color: #ee3d96;
		font-size: 13.5px;
		padding: 3px 6px;
		display: block;
	}
	#nav li a:hover,
	#side-nav li a:hover {
		color: #7b7b7b;
		
	}
	#side-nav { 
		position: absolute;
		left: 20px;
		top: 62px;
		width: 100px;
	}
	
	#nav .current a,
	#side-nav .current a { 
		background: #c6c6c6;
		color: #5a585a;
	}
	
	#side-nav li a { width: 90px; }
	#contact-us {
		position: absolute;
		top: -20px;
		right: 10px;
		text-transform: lowercase;
	}
	
/* Footer -------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
	#footer p {
		color: #ee3d96;
		font-size: 10px;
	}
	
/* Classes -------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
	.section { display: none; }
	.blue { background: #65b0e2;  }
	.green { background: #bdd531; }
	.grey { background: #7b7b7b; }

div.figure {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
	font-size: x-small;
}