html, body, h1, h2, h3, h4, h5, h6, ul, li, p, img, blockquote {
	margin: 0;
	padding: 0;
}

body {
	background: #333333;
	margin: 20px 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#page {
	width: 90%;
	margin: 0 auto;
	background: #ffffff url("../_images/_design/left-l.jpg") repeat-y top left;
	max-width: 1800px;
}

#header {
	background: url("../_images/_design/main_header_back-l.jpg") no-repeat top left;
	height: 100px;
	overflow: hidden;
}

#header h1 {
	width: 100%;
	background: url("../_images/_design/TR_header_back-l.gif") no-repeat top right;
	text-align: center;
}

#header h1 a {
	display: block;

	padding: 200px 0 0 0;
	background: url("../_images/_design/title.gif") no-repeat top center;
}

#menu {
	background: url("../_images/_design/main_menu_back-l.jpg") no-repeat top left;
	height: 82px;
	width: 100%;
}

#menu2 {
	background: url("../_images/_design/TR_menu_back-l.gif") no-repeat top right;
	height: 82px;
	width: 100%;
	text-align: center;
}

#menu ul {
	list-style: none;
	width: 884px;
	margin: 0 auto;
}

#menu ul li {
	float: left;
	border: 1px solid #666666;
	border-right: 0;
	display: block;
}

#menu ul li.last {
	float: left;
	border: 1px solid #666666;
}

#menu a {
	color: #000000;
	padding: 6px 8px;
	display: block;
	font-weight: bolder;
	font: 13px Arial, sans-serif;
	background: url("../_images/_design/button_off_back.jpg") no-repeat top left;
}

#menu a:hover {
	color: #0000ff;
	background: url("../_images/_design/button_on_back.jpg") no-repeat top left;
	text-decoration: none;
}


body#blueAngels #angelsLink a, body#prints #printsLink a, body#frames #framesLink a, body#about #aboutLink a, body#sculptures #sculpturesLink a, body#signworks #signworksLink a, body#wineracks #wineracksLink a, body#wallart #wallartLink a, body#thanks #thanksLink a, body#contact #contactLink a, body#etchings #etchingsLink a {
	background: url("../_images/_design/button_on_back.jpg") no-repeat top left;
	color: #000000;
}

body#blueAngels #angelsLink a:hover, body#frames #framesLink a:hover, body#about #aboutLink a:hover, body#sculptures #sculpturesLink a:hover, body#signworks #signworksLink a:hover, body#wineracks #wineracksLink a:hover, body#wallart #wallartLink a:hover, body#thanks #thanksLink a:hover, body#contact #contactLink a:hover, body#etchings #etchingsLink a:hover {
	color: #0000ff;
}

#content {
	background: url("../_images/_design/right-l.jpg") repeat-y top right;
	padding: 0 70px;
	font: 14px Arial, sans-serif;
	min-height: 500px;
}

#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content {display: inline-table;}
	/* Hides from IE-mac \*/
	* html #content {height: 1%;}
#content {display: block;}
	/* End hide from IE-mac */

ul#front {
	list-style: none;
	width: 530px;
	margin: 20px auto;
	font-weight: bold;
}

ul#front li {
	float: left;
	padding: 0 15px;
}

.clear-all {
	clear: both;
}

.clear-left {
	clear: left;
}

.left {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

.right {
	float: right;
	padding-left: 10px;
	padding-bottom: 5px;
}

.center {
	text-align: center;
}

#content h2 {
	text-align: center;
	font-size: 400%;
	text-shadow: 1px 1px 2px #999;
}

#content h3 {
	text-transform: uppercase;
	padding-bottom: 10px;
}

#content p {
	padding: 10px 20px;
	line-height: 140%;
	font-size: 110%;
}

#showcase {

	margin: 20px auto;
	background: #EDEDED;
	border-radius: 20px;
	border: 2px solid #ccc;
	padding: 20px;
	text-align: center;
}

#showcase img {
	border-radius: 20px;
}

div.productBox {
	overflow: auto;
	margin: 20px auto;
	background: #EDEDED;
	border-radius: 20px;
	border: 2px solid #ccc;
	padding: 20px;
}

#content div.productBox p {
	padding: 10px 0;
}

.productImagesBox {
	list-style: none;
	float: right;
	padding: 10px;
	background: #f3f3f3;
	margin-left: 20px;
	border-radius: 20px;
	border: 2px solid #ccc;
}

.productImagesBox li {
	float: right;
	clear: right;
	margin: 10px;
	text-align: center;
	font-size: 11px;
}

.productImagesBox li:nth-child(2n) {
	clear: none;
}

.productImagesBox li img {
	border-radius: 10px;
}


img {
	border: 0;
}

.testimonial {
	float: right;
	border-radius: 20px;
	border: 2px solid #ccc;
	background: #E7F0F2;
	padding: 10px;
	width: 20%;
	margin: 0 0 10px 10px;
}

#left {
	width: 75%;
}

blockquote {
	line-height: 140%;
}

dd {
	margin: 0 0 0 15px;
}

#footer {
	background: #333333 url("../_images/_design/bottom-left-l.jpg") no-repeat top left;
	height: 70px;
	padding: 0 0 20px 0;
	text-align: center;
	width: 100%;
}

#footer p {
	background: url("../_images/_design/bottom-right-l.gif") no-repeat top right;
	font: 10px Arial, sans-serif;
	color:  #ededed;
	padding: 60px 0 0 0;
}

#footer p a, #footer p a:visited, #footer p a:active {
	color:  #ededed;
}


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