/* @override http://greatamericantent.localhost/css/layout.css */

@font-face {
	font-family: "ArtBrushMedium";
	src: local("ArtBrush Medium"), 
		 local("ArtBrush"), 
		 url("../fonts/Artbrush.woff") format("woff"), 
		 url("../fonts/Artbrush.ttf") format("truetype"), 
		 url("../fonts/Artbrush.svg#ArtBrush") format("svg");
}

body {
	background: #fbf1d0 url(../images/background.jpg) repeat-x center top;
	font: 14px/1.5 Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

#wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

a, a:link {
	color: #0059bc;
}

a:hover {
	color: #c42622;
}

a, a:link, a:hover, a:visited, a:active {
  outline: none;
}


/* @group Header */

#header {
	height: 160px;
	clear: both;
}

#header a {
	text-indent: -10000px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}

#header a:hover {
	
}

#header h1, #header h1 a {
	width: 280px;
	height: 160px;
}

#header h1 {
	float: left;
}

#header h1 a {
	background-image: url(../images/logo.png);
	background-position: center top;
}

#header #nav{
	float: left;
	margin-left: 170px;
	margin-top: 48px;
}

#header #nav li {
	float: left;
	margin-right: 10px;
}

#header #nav li, #header #nav li a {
	display: block;
	height: 60px;
	
}

#header #nav li.active, #header #nav li.active a {

}


#header #nav li a {
	background-position: right top;
	background-image: url(../images/navigation.png);
}

#header #nav .home {
	background-position: 0 0;
	width: 54px;
}

#header #nav li .home:hover,
#header #nav li .home:active,
#header #nav li.active .home{
	background-position: 0 -60px;
}

#header #nav .gallery {
	background-position: -80px 0;
	width: 68px;
}

#header #nav li .gallery:hover,
#header #nav li .gallery:active,
#header #nav li.active .gallery{
	background-position: -80px -60px;
}

#header #nav .prices {
	background-position: -160px 0;
	width: 54px;
}

#header #nav li .prices:hover,
#header #nav li .prices:active,
#header #nav li.active .prices{
	background-position: -160px -60px;
}

#header #nav .faq {
	background-position: -240px 0;
	width: 42px;
}

#header #nav li .faq:hover,
#header #nav li .faq:active,
#header #nav li.active .faq{
	background-position: -240px -60px;
}

#header #nav .contact {
	background-position: -320px 0;
	width: 70px;
}

#header #nav li .contact:hover,
#header #nav li .contact:active,
#header #nav li.active .contact{
	background-position: -320px -60px;
}

/* @end */

/* @group Sidebar */

#sidebar {
	float: left;
	width: 240px;
	margin-left: 20px;
	margin-right: 20px;
}

#sidebar h3.tagline {
	background: url(../images/slogan.png) no-repeat center top;
	width: 235px;
	height: 30px;
	display: block;
	padding: 0;
	overflow: hidden;
	text-indent: -10000px;
}

#sidebar h3 {
	clear: right;
	padding-top: 20px;
	color: #c42622;
	font-size: 14px;
}

#sidebar strong {
	color: #c42622;
}


#sidebar div.photos{
	margin-right: -20px;
	margin-top: 20px;
}

#sidebar div.photos .preview {
	height: 240px;
	width: 240px;
	text-align: center;
}


#sidebar div.photos img{
	/*background-color: #1a1a1a;*/
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* @end */

/* @group Content */

#content {
	margin-right: 20px;
	margin-left: 280px;
}

#content strong{
	color: #c42622;
	font: normal 24px/0 ArtBrushMedium, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

#content h2, #content h2 a {
	color: #c42622;
	font: normal 24px ArtBrushMedium, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

#content .photo {
	margin-bottom: 20px;
}

#content .col1 {
	margin-right: 20px;
}

#content .col1,
#content .col2 {
	width: 240px;
	float: left;
}

#content .headline {
	display: inline-table;
	width: 500px;
	float: none;
}

#content ol {
	list-style: decimal;
}

#content ul {
	list-style: disc;
}

#content li {
	margin-left: 30px;
}

#content p,
#content dl,
#content hr,
#content h1,
/*#content h2,*/
#content h3,
#content h4,
#content h5,
#content h6,
#content ol,
#content ul,
#content pre,
#content table,
#content address,
#content fieldset {
	margin-bottom: 20px;
}

#content ol {
	list-style: decimal;
}

#content ul {
	list-style: disc;
}

#content li {
	margin-left: 30px;
}

#content blockquote {
	width: 470px;
	margin-left: -30px;
	padding-left: 30px;
	background: url(../images/quote.png) top left no-repeat;
	font-style: italic;
	margin-top: 0;
}

#content blockquote blockquote {
	margin-left: 0;
}

/* ems in blockquotes look like normal text. Could be confusing; should work
         fine unless there is a giant em block at the end of the blockquote, or
         worse, making up the whole blockquote. Remove if you don"t want to take
         that risk, but instead suffer from a lack of distinguished emphasis in
         blockquotes. */

#content blockquote em {
	font-style: normal;
}

#content blockquote ul, blockquote ol {
	padding-left: 2em;
}

#content blockquote.thequote {
	font-size: 1.25em;
	line-height: 1.3;
}

#content div.text img {
	max-width: 500px
}

#content div.text blockquote img {
	max-width: 150px
}

#content table{
	width: 500px;
	font-size: .80em;
	border-collapse: collapse;
}

#content td, #content th{
	border: 1px dashed #eed3a3;
	padding: 2px 5px;
}

#content th{
	background-color: #eed3a3;
	text-align:left;
	padding-right: 0;
}

/* @end */

/* @group Footer */

#footer{
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 60px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px dashed #eed3a3;
}

#footer .designed{
	float: right;
	margin-top: -4px;
}

#footer .designed a{
	text-decoration: none;
	color: #000;
}

#footer .designed a:hover{
	text-decoration: underline;
}

/* @end */

/* @group SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* @end */