/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body {
	font: 12px/170% Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/bg01.png);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;
}

.custom-head{
	background:none !important;
	color:#1D96B7;
	font-size:36px;
	font-weight:normal;
	letter-spacing:0;
	margin-bottom:0px;
	padding-bottom:0px;
}
.sub-custom-head {
	background:transparent url(../images/h_bg.png) no-repeat scroll left bottom;
	font-size:12px;
	margin-bottom:10px;
	margin-top:-5px;
	padding-bottom:15px;
	text-transform: normal;
}

/* links */
a:link, a:visited { 
	text-decoration: none;
	color: #000;	
}
a:hover { color: #1d96b7; }
a:link.more, a:visited.more {
	float: left;	
	margin-top: 20px;	
	margin-right: 5px;
	padding: 3px 5px 4px 5px;
	border: 1px solid #E7871C;
	background-color: #E27304; 
	text-transform: lowercase;
	font-weight: bold;
	text-decoration: none;	
	color: #fff;		
}
a:hover.more {	
	border: 1px solid #5A9223;
	background-color: #4C7B1E; 
}

/* headers */
h1, h2, h3, h4 {
	font: bold 1em/1.5em Tahoma, Verdana,Arial,Helvetica,sans-serif; 
	color: #fff;
	margin: 0px 20px 0px 20px;	
}
h1 { font-size: 36px; font-weight: normal; letter-spacing: 0px; color:#1d96b7; background: url('../images/h_bg.png')  no-repeat bottom left;margin-bottom:10px;padding-bottom:5px;}
h2 { font-size: 19px; font-weight: normal; letter-spacing: 0px; color:#1d96b7;}
h3 { font-size: 15px; font-weight: bold; letter-spacing: 0px; color:#000000;}
h4 { font-size: 10px; font-weight: bold;}

/* Lists */
ul, ol {
	margin: 5px 20px 10px 40px;
	padding: 10px 20px 10px 25px;
}
li{padding-bottom:8px;}
ul { list-style: disc; list-style-image:url("../images/bullet.png"); }
ol { list-style: decimal; }

dt {
  font-weight: bold;
  color: #6f892c;
}
dd {
  padding-left: 20px; 
}

p, dl { margin: 0px 20px; padding-bottom:10px; }

/* images */
img {
	/*background-color: #150e0b;
   	border: 1px solid #261b15;
	padding: 8px;	*/
}
img.float-right {	margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }

code {
  	margin: 3px 0;
  	padding: 20px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
  	/* white-space: pre; */
  	border: 1px solid #251a14;
	background-color: #130d0a; 
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #555;
}
blockquote {
	margin: 10px 20px;
 	padding: 15px 15px 15px 32px;  
   border: 1px solid #251a14;
	background: #130d0a url(../images/quote.gif) no-repeat 12px 12px;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, Serif;	
	
}
strong {	font-weight: bold; }

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 20px;	
	background-color: #e3f0f4;
}

th, td {
	text-align: left;			
	border-width: 1px;
  	border-style: solid;
}
th {
	background-color: #67a0b7; 
	padding: .8em 1em;	
  	border-color: #fff;	
	font-weight: bold;
	color: #fff;
}
th.row{background-color: #96c2d1;}
td {
	border-color: #fff;
	padding: .7em 1em;	
}	
/* end - table */

/* form elements */
form {
	margin: 0; 
	padding: 0; 
}
form p {
	border-bottom: 1px solid #221813; 
	margin: 0;
	padding: 13px 5px 8px 5px;		
	color: #fff;
}
label {
	font-weight: bold;
	color: #8E7D6A;
}
input, select, textarea {
	margin: 5px 0;
	font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif;
}

#name, #email, #message, #website {
	width: 470px;
}

.float-left {
float:left;
}
.float-right {
float:right;
}


.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; color:#fff; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }



.btn.blue { background: #1d87a4; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #fff; color: #000; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url('../images/shade.png'); background-position: bottom; }



/*---------- centered button ----------*/
.btnC { display: block; position: relative; background: #aaa; padding: 10px;  margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('../images/btn3.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -10px;  top: 0; left: 0; width: 10px; height: 10px; }
.btnC span { background-position: bottom left; left: -10px; padding: 0 0 10px 20px; margin-bottom: -10px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 20px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -20px; margin-left: 20px; top: -10px; height: 0; }



.btnC.blue { background: #1d87a4; color:#fff; font-weight:bold;}
.btnC.green { background: #9d4; }
.btnC.lime { background: #bbce00; }
.btnC.pink { background: #e1a; }
.btnC:hover { background-color: #fff; color: #1d87a4; }
.btnC:active { background-color: #444; color: #000; }
.btnC[class] {  background-position: bottom; }

.big {width:150px}
.biggest {width:180px}

h1.eco(color:#3e733f;)

.eco h1(color:#3e733f;)