/*  
Theme Name: Harmony Website
Theme URI: http://www.charljordaan.com
Description: Version 1.0
Author: Charl Jordaan Designs
Author URI: http://www.charljordaan.com
*/

/* RESET
/////////////////////////////*/

html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
} 
body		  { line-height: 1; }
ol, ul		  { list-style: none; }
blockquote, q { quotes: none; }
:focus        { outline: 0; }
ins			  { text-decoration: none; }
del			  { text-decoration: line-through; }
table		  { border-collapse: collapse; border-spacing: 0; }
textarea      { overflow:auto; }
td { vertical-align:top;}
/* GENERAL SETUP
/////////////////////////////*/

body { 
	font: 12px/1.5 Tahoma, Verdana, sans-serif;
	background:#121f2b url(images/bg.jpg) repeat;
	color:#fff;
}

a {
	outline:none;
	white-space:nowrap;
}

a:link, a:active, a:visited { 
	color:#b39323;
	outline:none;
	text-decoration:none;
}

a:hover, a:focus {
	color:#ffe321;
	text-decoration:underline;
}

p {
	margin-bottom: 1.5em;
}

img {
	border: 0;
}

h2 {
	color:#be8e08;
	font-size:1.4em;
}

/* LAYOUT
/////////////////////////////*/

#site {
	width:780px;
	margin:0 auto;
}

h1 { 
	width:780px; 
	height:86px; 
	background:url(images/h1_harmony_mv.jpg) no-repeat; 
	display:block;
	margin:0 auto;
}

h1 span { 
	display:block; 
	text-indent:-9999em;
}


.layout-header {
	background:url(images/header.jpg) no-repeat;
}

.layout-col-left {
	background:url(images/col-left-bg.jpg) repeat-y;
}

.layout-col-right {
	background:url(images/col-right-bg.jpg) repeat-y;
}

.layout-bottom {
	background:url(images/bottom.jpg) no-repeat;
}

.layout-home-top{
	background:url(images/home-top.jpg) no-repeat;
}

h3 {
	border-bottom:1px solid #ffdc7b;
	padding-bottom:5px;
	margin-bottom:10px;
	width:435px;
	color:#ffdc7b;
	font-size:1.3em;
}
h3, .post table {
	clear:both;
}

.subhead1 { color:#be8e08; font-weight:bold;}


/* BODY
/////////////////////////////*/

#body {
	background:#121f2b url(images/bg-body.jpg) repeat;
}

/* TOP NAVIGATION BAR
/////////////////////////////////////*/

ul#left-nav {	
		width:244px;
		list-style:none;
		height:310px;
}

ul#left-nav li {
		display:inline;
}

ul#left-nav li a {
		width:244px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}

ul#left-nav  li a span {
		float:left;
		display:block;
}

ul#left-nav li#left-nav_1 a {
		height:62px;
		background:url(images/nav-left.jpg) no-repeat 0 0;
}
	  
ul#left-nav  li#left-nav_1 a:hover {
		background-position:-244px 0;
}

ul#left-nav li#left-nav_2 a {
		height:63px;
		background:url(images/nav-left.jpg) no-repeat 0 -62px;
}
	  
ul#left-nav  li#left-nav_2 a:hover {
		background-position:-244px -62px;
}

ul#left-nav li#left-nav_3 a {
		height:61px;
		background:url(images/nav-left.jpg) no-repeat 0 -125px;
}
	  
ul#left-nav  li#left-nav_3 a:hover {
		background-position:-244px -125px;
}

ul#left-nav li#left-nav_4 a {
		height:61px;
		background:url(images/nav-left.jpg) no-repeat 0 -186px;
}
	  
ul#left-nav  li#left-nav_4 a:hover {
		background-position:-244px -186px;
}

ul#left-nav li#left-nav_5 a {
		height:63px;
		background:url(images/nav-left.jpg) no-repeat 0 -247px;
}
	  
ul#left-nav  li#left-nav_5 a:hover {
		background-position:-244px -247px;
}

.galley td *, .galley td{
	vertical-align:top;
}

/* TOP NAVIGATION BAR
/////////////////////////////////////*/

ul#top-nav {	
		width:732px;
		list-style:none;
		height:76px;
		margin:0 auto;
}

ul#top-nav li {
		display:inline;
}

ul#top-nav li a {
		height:76px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}

ul#top-nav  li a span {
		float:left;
		display:block;
}

ul#top-nav li#top-nav_1 a {
		width:90px;
		background:url(images/nav-top.jpg) no-repeat 0 0;
}
	  
ul#top-nav  li#top-nav_1 a:hover {
		background-position:0 -76px;
}

ul#top-nav li#top-nav_2 a {
		width:132px;
		background:url(images/nav-top.jpg) no-repeat -90px 0;
}
	  
ul#top-nav  li#top-nav_2 a:hover {
		background-position:-90px -76px;
}

ul#top-nav li#top-nav_3 a {
		width:197px;
		background:url(images/nav-top.jpg) no-repeat -222px 0;
}
	  
ul#top-nav  li#top-nav_3 a:hover {
		background-position:-222px -76px;
}

ul#top-nav li#top-nav_4 a {
		width:130px;
		background:url(images/nav-top.jpg) no-repeat -419px 0;
}
	  
ul#top-nav  li#top-nav_4 a:hover {
		background-position:-419px -76px;
}

ul#top-nav li#top-nav_5 a {
		width:183px;
		background:url(images/nav-top.jpg) no-repeat -549px 0;
}
	  
ul#top-nav  li#top-nav_5 a:hover {
		background-position:-549px -76px;
}


/* BOTTOM NAVIGATION BAR
/////////////////////////////////////*/

ul#bottom-nav {	
		width:772px;
		list-style:none;
		height:55px;
}

ul#bottom-nav li {
		display:inline;
}

ul#bottom-nav li a {
		height:55px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}

ul#bottom-nav  li a span {
		float:left;
		display:block;
}

ul#bottom-nav li#bottom-nav_1 a {
		width:163px;
		background:url(images/nav-bottom.jpg) no-repeat 0 0;
}
	  
ul#bottom-nav  li#bottom-nav_1 a:hover {
		background-position:0 -55px;
}

ul#bottom-nav li#bottom-nav_2 a {
		width:170px;
		background:url(images/nav-bottom.jpg) no-repeat -163px 0;
}
	  
ul#bottom-nav  li#bottom-nav_2 a:hover {
		background-position:-163px -55px;
}

ul#bottom-nav li#bottom-nav_3 a {
		width:138px;
		background:url(images/nav-bottom.jpg) no-repeat -333px 0;
}
	  
ul#bottom-nav  li#bottom-nav_3 a:hover {
		background-position:-333px -55px;
}

ul#bottom-nav li#bottom-nav_4 a {
		width:136px;
		background:url(images/nav-bottom.jpg) no-repeat -471px 0;
}
	  
ul#bottom-nav  li#bottom-nav_4 a:hover {
		background-position:-471px -55px;
}

ul#bottom-nav li#bottom-nav_5 a {
		width:165px;
		background:url(images/nav-bottom.jpg) no-repeat -607px 0;
}
	  
ul#bottom-nav  li#bottom-nav_5 a:hover {
		background-position:-607px -55px;
}

/* SNAP
/////////////////////////////*/	

.snap strong {
	color:#ffdc7b;
}

.span br {
	margin-bottom:10px;
}

.snap img[border] {
	margin-bottom:20px;
}

hr { 
	display:none;
}

/* FOOTER
/////////////////////////////*/

#footer, #footer a {
	font-size:11px;
	color:#6b7072;
	text-transform:uppercase;
}

#footer div {
	line-height:20px;
}

/* HELPERS
/////////////////////////////*/

.float-left	  { float:left; }
.float-right  { float:right; }
.align-right, .alignright   { float:right; margin: 0 0 0 15px; }
.align-left. .alignleft   { float:left; margin: 0 15px 0 0; }
.clear 		  { clear:both; }
.center       { margin: 0 auto; text-align:center; }
.margins      { margin:10px; }
.push-top     {	margin-top:15px; }
.push-bottom  {	margin-bottom:15px; }
.frame        { padding: 5px; border: 1px solid #aaa; }
.underline    { text-decoration:underline; }
.text-left    { text-align:left; }
.text-right   { text-align:right; }
.text-center  { text-align:center; }
.text-justify {	text-align:justify; }
.highlight    { background:#ffc; }
.nobullet     { list-style:none;list-style-image:none; }
.border img   { border:3px solid #be8e08;}
.aligncenter { display: block;
margin-left: auto;
margin-right: auto;}

#Table_01 img {border:0;}

/* SPECIALS
/////////////////////////////*/

.message { text-align: center; padding: 5px 20px 5px 45px; color:#545454; width:80%; margin:5px auto; }

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f8fafc; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; }
.ok    { background-color: #d6f7b3; border-top: 2px solid #81cb2e; border-bottom: 2px solid #81cb2e; }
.alert { background-color: #fff6bf; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.error { background-color: #ffccd0; border-top: 2px solid #e00b0b; border-bottom: 2px solid #e00b0b; } 


#site {
	width:780px;
	margin:0 auto;
	position:relative;
}

#vrtour {
	position:absolute;
	top:30px;
	right:20px;
}

#vrtour img {
border:0;
}