/*
everything related to the layout and appearance of typography should go in here.

only em should be used for fonts.

due to reset.css, 1.2 em = 12px, 1.5em = 15px, works all os' and all browsers.
*/

body, form, input, label, select {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif; }

form, input, label, select {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 1.2em; }

form {
	margin-top: 20px; }

label, input, textarea, select, checkbox{
	margin: .2em 10px; }

h1 {
	font-weight: bold;
	font-size: 2.2em;
	color: #7c8b7a; }

h2 {
	font-weight: bold;
	font-size: 1.8em;
	color: #9ba79a;
	}

h3 {
	font-weight: bold;
	font-size: 1.6em; 
	color: #7c8b7a;}
	
h4 {
	font-weight: bold;
	font-size: 1.3em; }

p {
	font-size: 1.3em;
	line-height: 1.6em;
	color: #666666; }

h1, h2, h3, h4, p {
	margin: 10px 0 10px 10px; } /* using em for bottom margin so heading tags get more margin (its inherited from parent). */

ul {
	list-style-type: disc; }

ol {
	list-style-type: decimal; }	

	ul, ol {
		margin: 10px 0 0 20px;
		font-size: 1.2em; }

		ul li, ol li {
			margin: 6px 0 0 8px;
			list-style-type: none; }
			
		
strong {
	font-weight: bold; }

em {
	font-style: italic; }
	
a {
	color: #91A98B;
	text-decoration: none; 
	}

	a:hover {
		text-decoration: underline; }
		
#testimonialsWrapper h2 { 
	font-size: 1.8em;
	margin:0 0 10px 5px;
	color: #7c8b7a;}
	
.font-size{
	font-size: 1.4em;}

#leftBar .contact h2 span , #leftBar .contact h2 a{ 
	color:#eaf2dd;}

#mainBlock p, #mainBlock h2 { margin-left: 0;}
.subTitle { margin-left:0;}

.tesMid p { margin-right: 10px;}


#footerBar .colTwo p, #footerBar .colThree p { 
	font-weight: bold;
	color:#7E8B7A;
	line-height: 1.2em;
	font-size: 1em;}