/*  
Theme Name: Harmony Basic
*/

/***** Global Settings *****/
 
html, body {
	border:0;
	margin:0;
	padding:0;}
	
html {
	height: 100%;
	margin-bottom: 0.01em;}
 
body {
	font: 90% Helvetica, Verdana, Arial, sans-serif;
	text-align: center;}

	
/***** Colors *****/

.red { color: #EC1C24;}
.grey { color: #666666;}
	 
/***** Structure *****/

#container {
	text-align: center;
	margin: 0 auto;}

#header {
	width: 886px;
	height: 234px;
	text-align: left;
	margin: 0 auto;
	background: transparent url(images/header.jpg) no-repeat;}

#contentbg {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding-top: 25px;
	background: #EEEFE7 url(images/bg-body.jpg) top left repeat-x;}
	
#contentbody {
	width: 886px;
	text-align: left;
	margin: 0 auto;
	min-height: 550px;
	background: transparent url(images/bg-body2.jpg) no-repeat;}
	
#contentbody2 {
	width: 861px;
	text-align: left;
	margin: 0 auto;
	min-height: 550px;
	padding-right: 25px;
	background: transparent url(images/bg-body3.jpg) no-repeat;}
	
#contentbody3 {
	width: 1090px;
	text-align: left;
	margin: 0 auto;
	min-height: 550px;
	padding-right: 25px;
	background: transparent url(images/bg-body4.jpg) no-repeat;}
	
#mainbody {
	padding: 10px 25px 30px 45px;}
	
.whitebg li {
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0;}
	
.whitebg ul {
	margin: 0;
	padding: 14px 20px;}
	
#leftbody {
	float: left;
	width: 466px;}
	
#sidebar {
	float: left;
	width: 251px;
	margin: 15px 0 0 70px;}
	
#sidebar img {
	margin: 0;
	padding: 0;}
	
#footer {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background: transparent url(images/bg-footer.jpg) top left repeat-x;}

#footerbody {
	width: 820px;
	height: 105px;
	text-align: left;
	margin: 0 auto;
	padding: 1px 0 0 20px;
	background: transparent url(images/bg-footer2.jpg) no-repeat;}
	
/* header */

.logo {
	padding: 80px 0 0 40px;}
	
/* Navigation */

#header ul {
	margin:0 0 0 30px;
	padding:23px 10px 0;
	list-style:none;}
	
#header li {
	float:left;
	background:url(images/left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 0 9px;
	text-align: center;}
	
#header a {
	font: 1.1em Serif, Georgia, Arial, sans-serif;
	float:left;
	display:block;
	background:url(images/right.gif) no-repeat right top;
	padding:5px 25px 4px 15px;;
	text-decoration:none;
	color:#FFF;
	}
	
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
	#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover {
	color:#FCFDD2;
	text-decoration: underline;}
	
#header .current_page_item {
	background-image:url("http://harmonydyck.com/wp-content/uploads/2011/01/left_on.gif");}
	
#header .current_page_item a {
	background-image:url("http://harmonydyck.com/wp-content/uploads/2011/01/right_on.gif");
	color:#fff;
	padding-bottom:5px;}
	
#header .current_page_item2 {
	background-image:url("http://harmonydyck.com/wp-content/uploads/2011/01/left_on2.gif");}
	
#header .current_page_item2 a {
	background-image:url("http://harmonydyck.com/wp-content/uploads/2011/01/right_on2.gif");
	color:#fff;}
	
/* End Nav */
	
/***** Common Formatting *****/

p, span, li, td, ol, form, #content li {	
	font: 0.9em Helvetica, Verdana, Arial;
	color: #666;
	line-height: 1.5em;}
	
p.contact {
	color: #325b63;
	position: relative;
	left: -245px;
	top: -125px;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;}
	
small {
	color: #BBB;}
	
span {
	color: #EC1C24;}
	
h1, h2, h3, h4 {
	font-family: Helvetica, Verdana, Arial;}
 
h1 {
	font-size: 1.5em;
	font-weight: lighter;
	color: #325b63;
	padding-bottom: 3px;
	border-bottom: 1px solid #DADCD3;}
 
h2 {
	font-size: 1.3em;
	font-weight: lighter;
	color: #325B63;}
 
h3 {
	font-size: 0.95em;
	font-weight: lighter;
	color: #FFF;
	text-transform: uppercase;
	padding: .5em .2em .3em .5em;
	margin: -3px 0 0 0;
	background: #909505 url(images/rightcorner.gif) bottom right no-repeat;}
	
h4 {
	font-size: 1em;
	margin: 0;
	padding: 0 0 4px 0;
	text-transform: uppercase;}
 
img {
	border:0;}

/***** Links *****/

a:link, a:active { 
	color: #666666;
	text-decoration: underline;}

a:visited {
	text-decoration: underline;
	color: #666666;}
	
a:hover {
	text-decoration: none;
	color: #000;}

a.blue, a:link.blue, a:visited.blue, a:active.blue {
	color: #EC1C24;
	text-decoration: underline;}
	
a:hover.blue {
	color: #000;
	text-decoration: none;}
 
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	font: 0.9em Helvetica, Verdana, Arial;
	color: #666;
	line-height: 1.5em;}
	
.submit {
	border: 1px solid #E6E6E6;
	margin: 4px 0;}
	
.border {
	border: 1px solid #E6E6E6;
	background-color: #F5F5F5;}
	
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

:focus         { outline: 0;}

.alt           { background-color: #F5F5F5;}

.hr            { border-bottom: 1px solid #BABABA; padding: 6px 0; }

.hidden        { display: none; width: 0; height: 0;}

.border        { border: 1px solid #cabd99;}
.whitebg       { background-color: #FFF; border: 1px solid #DADCD3;}

.line          { border-bottom: 1px solid #B8B9B3; height: 1px; width: 100%;}