/* Title : 								Chocolate Cherry Stylesheet	*/
*{ 										margin: 0; padding: 0; }

body{									background: #201000 url(../images/background.jpg) 0 0 no-repeat; color: #D3A573; border-top: 7px solid #D0181E; font: 12px Arial, helvetica, sans-serif; }

#superfluous{					border-top: 1px solid #D3A573; margin: 2px 0 0 0; padding-top: 10px; }

#container{						width: 840px; \width: 860px; w\idth: 840px; height: 580px; margin: 0 auto 44px auto; padding: 0; }

.column{								float: left; }

#spotlight{							width: 380px; height: 380px; margin: 0; padding: 0; }
#spotlight #spotlight{		margin: 0; padding: 0; }
#spotlight img{					display: block; margin: -1px; padding: 0; border: 1px solid #B88F62; }

#header{ 							width: 380px; height: 190px; padding: 0; margin: 13px 0 0 0; background: url(../images/logo.jpg) top left no-repeat; }
#header h1{ 						width: 380px; height: 115px; padding: 0; margin: 0; text-indent: -9000px; border: none; }
#header h1 a{ 					width: 380px; height: 115px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#navigation{						font: bold 14px/24px Arial, helvetica, sans-serif; text-align: center; }
#global{								margin: 0; padding: 0; }
#global li{							list-style-type: none; display: inline; margin: 0; padding: 0; }
#global li a:link, 
#global li a:visited{			text-decoration: none; padding: 0 10px; color: #201000; }
#global li.current a{			border-left: 3px solid #D0181E; }
#global li a:hover, 
#global li a:active{			color: #D0181E; }

a:link{									color: #D3A573; }
a:visited{ 							color: #715334; }
a:hover, a:active{				text-decoration: none; }

#tagline{							float: left; padding: 0 10px; }
#tagline h1{						width: 40px; height: 580px; background: url(../images/tagline.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9000px; }

#page_body{					padding: 0; float: right; }
#content{							width: 390px; height: 580px; padding: 0 10px 0 0; margin: 0; overflow: auto; }
h1, h2, h3, h4, h5, h6{		font: Arial, helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; }
h1 {										border-bottom: 3px solid #D0181E; font-size: 218%; margin-bottom: 15px; }
h2 {										font-size: 164%; }
h3 {										font-size: 145%; }
h4 {										font-size: 118%; font-weight: bold; }
p{											margin: 10px 0; }

hr{ 										clear: both; color: #D0181E; border: 0; background-color: #D0181E; height: 1px; margin: 0; }
	
.format-a, .format-a *{		text-align: center !important; text-indent: 0 !important; }
.format-b, .format-b *{		text-align: right !important; text-indent: 0 !important; }
.format-c, .format-c *{		text-align: left !important; text-indent: 0 !important; }
	
img.figure-a{						display: block; margin: 0 auto; }
img.figure-b{						float: right; margin: 0 0 10px 10px; }
img.figure-c{						float: left; margin: 0 10px 10px 0; }

#resources ul{					margin: 0; padding: 0; }
#resources li{					display: block; list-style-type: none; padding: 5px 20px; }
#resources span{				display: block; color: #fff; font-size: 10px; }

#slideshow{						width: 400px; height: 580px; margin: 0; padding: 0; }
#slideshow #slideshow{	margin: 0; padding: 0; }

#portfolio{							width: 400px; height: 580px; padding: 0; margin: 0; overflow: auto; font: bold 12px/24px Arial, helvetica, sans-serif; text-transform: lowercase; }
#portfolio ul{						margin: 0; padding: 0; text-align: center; }
#portfolio li{						display: block; float: left; list-style-type: none; margin: 0; padding: 0; }
#portfolio a{						display: block; float: left; width: 170px; height: 145px; margin: 15px 6px; text-decoration: none; }
#portfolio a img{				display: block; margin: 5px auto; border: 1px solid #B88F62; }

#enlarge{							width: 840px; height: 402px; overflow: hidden;}
#enlarge img{					display: block; margin: 0 auto; border: 1px solid #B88F62; }
#thumbs{							width: 442px; height: 182px; padding: 4px; margin: 13px 0 0 0; float: right; background: #D0181e; }
#thumbs ul{						border: 1px solid #D3A573; height: 175px; margin: 0; padding: 3px; }
#thumbnails li{		 			display: block; float: left; list-style-type: none; margin: 0; padding: 0; }
#thumbnails li a{				display: block; float: left; width: 46px; height: 46px; overflow: hidden; margin: 6px 3px; border: 1px solid #B88F62; }
#thumbnails img{	 			border: none; display: block; margin: 0 auto; }

#thumbs #prev,
#thumbs #next{				display: inline; margin: -20px 10px 0 10px; }
#thumbs #prev{				float: left; }
#thumbs #next{				float: right; }
#thumbs #prev a,
#thumbs #next a{				display: inline; float: none; color: #D3A573; border: none; }

#promotions{					height: 575px; overflow: auto; padding: 0; }
#promotions
#thumbs{							margin: 0; background: transparent; padding: 0; width: 380px; height: auto; }
#promotions 
#thumbs li{		 				display: block; overflow: hidden; float: left; width: 150px; height: 100px; background: #3E2B13; border: 1px solid #B88F62; margin: 20px 0 10px 20px; }
#promotions 
#thumbs li a{						display: block; overflow: hidden; width: 150px; height: 100px;  margin: 0 auto; }
#promotions 
#thumbs img{					margin: 0 auto; border: none; display: block; }

form#contact{					width: 380px; }
form#contact fieldset {		margin: 0 10px 0 0; border: none; padding: 0; float: left; width: 380px; }
form#contact legend{		display: block; width: 360px; clear: both; color: #fff; padding-left: 0; padding-top: 0.8em; /* position: relative; left: -0.5em; */ }
form#contact label{			float: left; width: 45%; display: block; clear: none; padding: 0.4em; font-size: 12px; white-space: nowrap; }
form#contact .required{	font-weight: bold; color: #D0181E; }
form#contact .error{			font-size: 11px; color: #D0181E; padding-left: 0; font-weight: bold; }
form#contact img{			display: block; margin: 10px 0 0 0; padding: 0; }
form#contact input, #contact select{		width: 100%; margin-top: 0.1em; }
form#contact textarea{	width: 200%; margin-top: 0.1em; }
form#contact select{		height: 18px; margin-bottom: -5px; }
form#contact input.checkbox,
form#contact input.radio{width: auto; height: auto; margin: 0 .4em 0 0; padding-left: 0.3em; }
form#contact input#submit{	clear: both; float: left; width: auto; }
form#contact p{				font-size: 12px; text-indent: 0; margin: 0; }

.vcard{								clear: both; border-top: 1px solid #D3A573; padding-top: 2px; }

#banner{							background: #D0181E; clear: both; padding: 10px; text-align: center; font: 18px Arial, helvetica, verdana, sans-serif; color: #D3A573; }
#banner div{						display: inline; padding-right: 40px; background: url(../images/square.jpg) 96% center no-repeat; }
#banner .tel{						background-image: none; }
#footer{								clear: both; padding: 0; border-top: 1px solid #D3A573; margin-top: 2px; font: 12px Arial, helvetica, verdana, sans-serif; color: #715334; text-align: center; }
#footer p{							margin: 20px 0; }