body {
	margin: 0;
	padding: 0;
	font-family: 'Grammatika Regular', Arial, sans-serif;
	font-size: 1em; /* 16px */
	color: #333;
	background: #FFF url('bg.png') center top repeat;
}

p, div, h1, h2, h3 {
	position: relative;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1, h2, h3 {
	font-weight: normal;
	margin: 0.5em 0;
}

h1 {
	font-size: 1.5em;
	font-family: 'Grammatika Bold', Arial, sans-serif;
	text-shadow: 1px 2px 2px #999999;
}

h2 {
	font-size: 1.20em;
	color:#000;
	
}

a:link, a:visited, a:active {
	color: #170b09;
}

a:hover, a:focus {
	color: #751415;
}

a img {
	border: none;
}

/*** section styles ***/
.header {
	width: 100%;
	height: 217px;
	text-align: left;
	position: relative;
	margin: 2px auto 0;
	background: #170b09;
	border: 2px inset #8b8b8b;
	border-width: 2px 0;
}

.banner {
	width: 1000px;
	margin: 0 auto;
	padding: 2px 0;
	position: relative;
}

.banner .logo {
	display: block;
	margin: 0 auto;
}

.midsection {
	position: relative;
	width: 100%;
	background: rgba(175,175,175,0.2);
}

.main-navigation {
	position: relative;
	width: 800px; 
	height: 52px;
	overflow: visible;
	padding: 0;
	margin: 10px auto 25px;
}

.main-navigation ul {
	position: relative;
	margin: 0;
	padding: 0;
	display: block; /* list-style-type: none; */
	height: 52px;
}

.main-navigation li {
	position: relative;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	width: 176px;
	margin: 0 0 0 8px;
	padding: 4px;
	vertical-align: center;
	background-color: rgb(229,229,229);
	background-color: rgba(180,180,180,0.2);
	border-width: 3px;
	border-color: #666;
	border-style: ridge;
	border-radius: 5px;
	/* background: transparent url('button_solid.png') center center no-repeat; */
}

.main-navigation li.multiline {
	line-height: 19px;
}

*+html #menu li { display: block; float: left; } /* IE7*/
* html #menu li { display: block; float: left; } /* IE6*/

.main-navigation li:first-child {
	margin-left: 0;
}

.main-navigation li:hover {
	background-color: rgba(180,180,180,0.6);
}

.main-navigation a:link, .main-navigation a:visited, .main-navigation a:active {
	display: inline-block;
	vertical-align: middle;
	width: 116px;
	padding: 0 30px;
	color: #000;
	text-shadow: 1px 2px 2px #999999;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.main-navigation a:hover, .main-navigation a:focus {
	text-decoration: underline;
	color: #751415;
}

.content-wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 48px;
}

.sidebar {
	float: left;
	min-height: 810px;
	padding-bottom: 50px;
	padding-top: 42px;
	width: 194px;
	background: #999 url('sidebar_bg.png') left top repeat-y;
}

.sidebar ul {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
}

.sidebar li {
	display: block;
	width: 100%;
	background: transparent url('sidebar_divider.png') bottom center no-repeat;
}

.sidebar a:link, .sidebar a:visited, .sidebar a:active {
	display: block;
	max-width: 100%;
	padding: 1em 0;
	color: #000;
	padding-left: 30px;
	text-shadow: 1px 2px 2px #666;
	text-decoration: none;

	font-weight: bold;
}

.sidebar a:hover, .sidebar a:focus {
	text-decoration: underline;
	color: #333;/*#751415; */
}

.sidebar .top {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 198px;
	height: 42px;
	background: transparent url('sidebar_top.png') top left no-repeat;
}

.top svg {
	position: absolute;
	top: 1px;
	left: 0;
	width: 57px;
	height: 40px;
	overflow: hidden;
}

.top ellipse.color {
	fill: #8b8b8b;
}

.top ellipse.clip {
	fill:#FFF;
}

.sidebar .base {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 198px;
	height: 50px;
	background: transparent url('sidebar_base.png') bottom left no-repeat;
}

.content {
	width: 1000px;
}

.sidebar + .content {
	float: right;
	width: 724px; /* 772px */
	padding-right: 48px;
}

.leftwing {
	position: absolute;
	display: block;
	top: -87px; 
	background: transparent url('curtain_left.png') top right no-repeat;
}

.rightwing {
	position: absolute;
	display: block;
	top: -87px; 
	background: transparent url('curtain_right.png') top left no-repeat;
}

.content-base {
	width: 100%;
	height: 172px;
	margin-bottom: 5px;
	padding: 2px 0;
	background: #170b09;
	border: 2px inset #8b8b8b;
	border-width: 2px 0;
}

.footer {
	position: relative;
	width: 1200px;
	height: 152px;
	padding: 20px 0 0;
	margin: 0 auto;
	background: transparent url('footer_logo.jpg') left center no-repeat;
}

.footer p {
	padding-left: 358px;
	color: #FFF;
	margin: 0;
}
	
.footer .social-media {
	font-size: 1.125em;
}

.social-media a {
	display: inline-block;
	width: 40px;
	height: 44px;
	vertical-align: middle;
	text-indent: -99999px;
	background-image: url('media.png');	
	background-repeat: no-repeat;
}

a.facebook:link, a.facebook:visited, a.facebook:active  {
	background-position: left top;
}

a.facebook:hover, a.facebook:focus {
	background-position: left bottom;
}

a.twitter:link, a.twitter:visited, a.twitter:active {
	background-position: right top;
}

a.twitter:hover, a.twitter:active {
	background-position: right bottom;
}

.footer .address {
	line-height: 1.75em;
	color: #FFF;
	margin-top: 10px;
}

.address a:link, .address a:visited, .address a:active {
	color: #FFF;
	text-decoration: none;
}

.address a:hover, .address a:focus {
	color: #CCC;
	text-decoration: underline;
}

.footer .divider {
	position: absolute;
	top: 12px;
	left: 328px;
	display: block;
	width: 4px;
	height: 150px;	
	background: transparent url('footer_divider.png') center center no-repeat;
}

.avd {
	position: absolute;
	right: 110px;
	bottom: 10px;
	font-size: 0.75em;
	color: #999;
}

.avd a:link, .avd a:visited, .avd a:active {
	color: #999;
	text-decoration: none;
}

.avd a:hover, .avd a:focus {
	text-decoration: underline;
	color: #CCC;
}

/* galleries */
div.gallery {
	padding: 0px;
	border: 1px solid #CCCCCC;
	position: relative;
	margin: 10px auto;
	overflow: hidden;
}

div.gallery ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	position: relative;
}

div.gallery li {
	float: left;
	margin: 10px 0 !important;
	padding: 0;
	width: 224px;
	height: 132px;
	line-height: 132px; 
	text-align: center;
}

div.gallery a {
	display: inline-block;
	height: 130px;
	overflow: hidden;
}

div.gallery img {
	display: inline; /* kauri default sets to block */
	border: 2px solid #CCCCCC;
	vertical-align: middle;
}

/* print order */
#print-order table {
	width: 100%;
}

#print_order th, #print-order td {
	vertical-align: top;
}

#print-order thead tr:first-child > * {
	border-bottom: 1px solid #423f3f;
	padding-bottom: 4px;
}

#print-order thead th:first-child {
	text-align: left;
}

#print-order tbody th {
	font-weight: normal;
	padding-bottom: 4px;
}

#print-order tfoot tr:first-child > * {
	border-top: 1px solid #423f3f;
	padding-top: 4px;
}

#print-order tbody {
	padding: 4px 0;
}

#print-order tbody th, #print-order tfoot th {
	font-weight: normal;
	text-align: left;
}


#print-order td+td, #print-order tfoot td+td {
	text-align: center;
}

#print-order td+td+td, #print-order tfoot td+td+td {
	text-align: right;
}

#print-order th:last-child {
	text-align: right;
}

/* customers/orders */
table.orders {
	width: 100%;
	border-collapse: collapse;
}

.orders th, .orders td {
	padding: 4px;
	vertical-align: top;
}

.orders tbody *:first-line {
	
}

.orders thead tr:first-child > * {
	border-bottom: 1px solid #423f3f;
	text-indent: 0;
}

.orders tbody th {
	font-weight: normal;
	text-indent: 0;
}

.orders .ref {
	text-align: left;
}

.orders .date {
	width: 95px;
}

.orders .details {
	text-align: left;
	text-indent: 1em;
}

.orders .price {
	text-align: right;
}

.orders .link {
	text-align: right;
	width: 75px;
}


/* contact form styling including checkout */
form.contact {
	margin-top: 8px;
}

form.contact p {
	line-height: 1.75em;
}

form.contact p.action {
	text-align: center;
}

form.contact .action a {
	font-size: 0.875em;
}

form.contact label {
	display: inline-block;
	width: 25%; 
	vertical-align: top;
}

form.contact label.error {
	width: auto;
	font-size: 0.875em;
	color: #fd1a00;
	margin-left: 10px;
}

form.contact input[type=text] {
	width: 45%;
	font-family: inherit;
	font-size: 0.875em;
}

form.contact input[type=password], form.contact input.password {
	width: 20%;
}

form.contact textarea {
	width: 45%;
	height: 5em;
	font-family: inherit;
	font-size: 0.875em;
}

form.contact i {
	position: relative;
	display: inline-block;
}

img.auth {
	vertical-align: middle;
}

img.auth + input {
	width: 30% !important;
}

form.contact .button {
	margin: 10px 0 0 182px;
	background: url("send-button.jpg") no-repeat scroll center center #8f2729;
	width: 120px;
	height: 34px;
	border: 0px;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	color: #FFF;
	font-size: 17px;
	font-family:Arial, Helvetica, sans-serif;
/*
	display: inline-block;
	width: 103px;
	height: 19px;
	margin: 12px 30px;
	padding: 0;
	border: none;
	background: #c0017c url('button.jpg') center center no-repeat;
	color: #FFF;
	line-height: 19px; 
	
	cursor: pointer;
	*/
}

form.contact .button:hover, form.contact .button:focus {
	
	text-decoration: none;
	background: #8f2729 url('send-hover.jpg') center center no-repeat;
	
}

/* slideshow overrides */
.orbit-wrapper .timer {
	display: none;
}

/*customise shadowbox for long titles */
#sb-title, #sb-title-inner {
        height:auto !important;
}

/* float clearing */
.clear {
	display: block;
	width: 99%;
	height: 1px;
	clear: both;
}

table.homeBox{
	padding: 0px 0px 0px 30px;
	width:1000px;
	background-image: url('/resources/image/home_12a.jpg');
	height:309px;
	margin-bottom:20px;
}

table.homeBox h1{
	text-shadow:none;
}

table.homeBox h3{
	font-weight:bold;
}

table.homeBox p{
	font-size: 13px;
	margin-bottom:10px;
}

/* tinymce universal formatting */
#tinymce {width: 720px; padding: 10px; background: #FFF; text-align: left; }
#tinymce p { padding: 0 0 1em;}
#tinymce form { outline: 1px dotted #F00;}
#tinymce a { border-bottom: 1px dotted #002D4A; color: #002D4A; text-decoration: none; }