/*
Title:      Harmonia styles for screen media
Author:     Tzipora Ginzberg, ThumperMedia.com
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, arial, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #000;
	background: #fff; 
}
	
/* ----------[ links ]---------- */

a:link {
/*	color: #f60; */
	color: #03f;
	text-decoration: none;
	font-weight: bold;
	/* border-bottom: 1px dotted #bbb; */
}
a:visited {
/*	color: #f90; */
	color: #03f;
	text-decoration: none;
	font-weight: bold;
	/* border-bottom: 1px dotted #bbb; */
}
a:hover {
/*	color: #f90; */
	color: #f00;
	text-decoration: underline;
	font-weight: bold;
}
a img {
	border: 0;
}

/* -----[ common elements ]----- */

p {
	margin: 1em 0;
	padding: 0;
}
h1 {
	font-family: Verdana, arial, sans-serif;
	font-size:130%;
	font-weight: bold;
	margin: .8em 0;
	padding: 0;
	}
h2 {
	font-family: Verdana, arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h3 {
	font-family: Verdana, arial, sans-serif;
	font-size: 120%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
h4 {
	font-family: Verdana, arial, sans-serif;
	font-size: 110%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
ul {
	font-size: 100%;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
a.anchor {
	color: #000;
	text-decoration: none;
}

/* -----[ layout structure ]----- */	

#wrap {
	/* position: relative; */
	width: 979px;
	margin: 10px auto;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	text-align: left;
/*	border: 3px solid #000; */
	background-color: #fff;
}
#header {
	margin: 0;
	padding: .35em 0 .25em 250px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #000 url(../images/new/harmoniaLogo.jpg) no-repeat top left;
	min-height: 70px;
}
#title {
	margin: 0;
	padding: .85em 30px;
	font-size: 300%;
	background: #000;
}
#title a {
	color: #ccf;
}
#title a:hover {
	text-decoration: none;
}
#main {
	clear: left;
	background: #fff;
}
body#about #main,
body#contact #main,
body#hearus #main,
body#home #main,
body#testimonials #main,
body#why #main,
body#oneman #main {
		background: #e7f1fa url(../images/new/aboutBG.jpg) repeat-x top left;
}
#subMain {
	margin: 0 auto;
	width: 900px;
	padding: 0;
}
body#contact #subMain,
body#hearus #subMain,
body#testimonials #subMain {
	text-align: center;
}

/* --------[ navigation ]-------- */

#nav {
/*	position: relative; */
/*	float: left; */
	width: 979px;
	margin: 0;
/*	padding: 0 0 .05em 0; */
	padding: .35em 0;
	list-style: none;
	line-height: 1.5em;
/*	line-height: 1.5em; */
	background: #fff url(../images/new/GreyFade3.jpg) repeat-x bottom left;
/*	border-top: 1px solid #999; */
/*	border-bottom: 1px solid #999; */
	font-size: 120%;
	text-align: center;
}
#nav li {
/*	float: left; */
	margin: 0;
	padding: 0;
	display: inline;
}
#nav a {
/*	float: left; */
/*	display: block; */
	color: #000;
	text-decoration: none;
	background: #fff url(../images/new/GreyFade3.jpg) repeat-x bottom left;
	margin: 0;
	padding: .35em 1em;
/*	border-left: 1px solid #fff; */
/*	border-right: 1px solid #aaa; */
	border-bottom: none;
}
#nav a:hover,
#nav a:active,
#nav a.active:link,
#nav a.active:visited {
	background: #ccc url(../images/new/GreyFade4.jpg) repeat-x bottom left;
}

/* #nav a.active:link,
#nav a.active:visited {
	color: #630;
	background: #f90;
} */
#nav a.active:link,
#nav a.active:visited {
	position: relative;
	z-index: 102;
}
/* ---------[ content ]--------- */

body#about #content,
body#home #content #text, 
body#why #content,
body#oneman #content {
	float: left;
	width: 55%;
	margin: 0 0 0 10px;
	padding: 1em 40px 2.5em;
	color: #000;
	background: #fff;
	text-align: left;
}
body#about #content,
body#home #content #text,
body#oneman #content {
	background: #fff url(../images/new/aboutTextBG.jpg) repeat-x top left;
}
body#why #content {
	width: 45%;
	background: #fff url(../images/new/aboutTextBG.jpg) repeat-x top left;
}
body#home #content {
	margin: 0;
	padding: 0;
	text-align: center;
} 
body#home #content img {
	margin: 0;
	padding: 0;
}
body#contact #content,
body#hearus #content,
body#testimonials #content {
	clear: both;
	width: 75%;
	margin: 0 auto;
	padding: 1em 0 2.5em;
	color: #000;
	background: #fff url(../images/new/aboutTextBG.jpg) repeat-x top left;
	text-align: center;
}
body#contact #content p {
	padding: 6em 0;
}
body#testimonials #content {
	padding: 2em;
	text-align: left;
}

/* ---------[ classes ]--------- */
.caption {
	color: #999;
}
.contact, .textlink {
	line-height: 1.5em;
	background: #fff;
}
.copyright, .contact, .textlink {
	margin: 0;
	padding: 0 10px 10px;
	font-size: 80%;
	text-align: center;
	background: #fff;
}
.textlink {
	border-top: 30px solid #000;
}
#home p.textlink {
	border: 0;
}

/* ---------[ home ]--------- */

marquee {
	background-color: #000;
	color: #fff;
	font-size: 150%;
	line-height: 1.5em;
}
#crawl {
	margin: 0;
	padding: 0;
}

/* --------[ sidebar ]-------- */
#sidebarR {
	float: right;
/*	margin: 0 10px 0 20px; */
	margin: 0 30px 0 0;
	padding: 1em 0 1.5em;
	width: 26%;
}
body#home #sidebarR {
	margin: 50px 0 0;
	background: #fff url(../images/new/aboutTextBG.jpg) repeat-x top left;
}
body#why #sidebarR {
	width: 36%;
}
#sidebarR img {
	margin: 0;
	padding: 15px 0;
}
body#home #sidebarR {
	text-align: center;
}
body#home #sidebarR p {
	margin: 0 0 1em;
	padding: 0;
}
body#home #sidebarR h2 {
	margin: 0 0 .25em;
	padding: 0;
}

/* --------[ featured ]-------- */

.featured {
	margin: 1.3em 0 1.5em 20px;
	padding: 10px;
	background: #f8f9fd url(../images/new/abouttextBG.jpg) repeat-x top left;
}
.featured2 {
	margin: 1.3em 0 1.5em 20px;
	padding: 10px;
	background: #f8f9fd url(../images/new/abouttextBG.jpg) repeat-x bottom left;
}
.featured h2 {
	margin: 0 0 .5em;
	float: right;
}
/* .featured p {} */
.featured img {
	margin: 0;
	padding: 20px;
	text-align: center;
}
.featured a img {
	border: 2px solid #c63;
}
.featured a:hover img {
	border: 2px solid #f96;
}
.jump {
	font-size: 90%;
}
/* ---------[ IE hacks ]--------- */

body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
}
html>body { /* be nice to Opera */
	font-size: small;
}
#wrap {
	width: 979px; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 979px;
}
html>body #wrap { /* be nice to Opera */
	width: 979px;
}
img, div { behavior: url(iepngfix.htc) }