/*
Title:      environment-solutions.com master styles for screen media
Author:     Abby Serchindorj, webmaster@myMongol.com
Updated:    July 5 2005
*/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background: #006600 url(../tiles/bg_tile.jpg) repeat-x;
	}

/* ---[ links ]------------------------------- */

a:link {
	color: #40659B;
	}
a:visited {
	color: #40659B;
	}
a:hover {
	color: #036;
	}
a.more {
	padding-right: 7px;
	background: url(../tiles/more-blue.gif) no-repeat 100% 5px;
	}

/* ---- top section ---- */
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	text-align: left;
  	width: 750px;
  	border-left: 1px solid #000;
  	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
  	background: #fff;
	}
#logo {
	background: #006600 url(../tiles/logo_img.jpg) no-repeat top right;
	background-repeat: no-repeat;
	height: 90px;
	padding: 0;
	margin: 0;
	}
#logo a  {
	border-style: none;
	display: block;
	width: 118px;
	}
#logo img  {
	display: block;
	width: 0;
	}
#logo span {
	position: absolute;
	top: 3px;
	right: 5px;
	width: 450px;
	height: 20px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	}

/* switcher */

#theme {
	position: absolute;
	top: 96px;
	right: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#theme li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#theme li#theme-fluid {
	display: none;
	}
/* navigation */

#nav {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #A2BD43;
	border-bottom: 3px solid #355A10;
	background: #538620 url(../tiles/nav-bg-green.gif) repeat-x top left;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background: url(../tiles/nav-li-bg.gif) no-repeat top right;
	}
#nav a {
	float: left;
	padding: 7px 13px;
	text-decoration: none;
	color: #FFCC00;
	}
#nav a:hover, #nav a.active {
	color: #333;
	background: #538620;
	}
#nav a.active {
	font-weight: bold;
	background: #538620 url(../tiles/nav-on-bg.gif) repeat-x bottom left;
	color: #fff;
	}
li#t-home a {
	margin-left: 25px;
	background: url(../tiles/nav-li-bg.gif) no-repeat top left;
	}
/* ---[ title box ]-------------------------------- */

#title {
	clear: left;
	height: 115px;
	padding: 10px 310px 25px 25px;
	background: #006600 url(../tiles/nature_home.jpg) no-repeat top right;
	border-bottom: 1px solid #006600;
	}
#home #title {
	background-image: url(../tiles/nature_home.jpg);
	}
#clients #title {
	background-image: url(../tiles/mongol_clients.jpg);
	}
#solutions #title {
	background-image: url(../tiles/study_solutions.jpg);
	}
#products #title {
	background-image: url(../tiles/products.jpg);
	}
#articles #title {
	background-image: url(../tiles/globe_articles.jpg);
	}
#about #title {
	background-image: url(../tiles/lecture_about.jpg);
	}
#buy #title {
	background-image: url(../tiles/h-buy.gif);
	}
#contact #title {
	background-image: url(../tiles/contact.jpg);
	}
#title h1 {
	margin: 0;
	padding: 0;
	font-size: 20px; 
	font-weight: normal;
	color: #EB9F3D;
	}
#title h1 span {
	color: #ECE9D8;
	}
#title h2 {
	font-family: Verdana, sans-serif;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	color: #FFF0CA;
	}
#title a:link {
	color:#ece9d8;
	text-decoration: none;
	}
#title a:visited {
	color: #ece9d8;
	text-decoration: none;
	}
#title a:hover {
	color: #ece9d8;
	text-decoration: underline;
	}
h2#recent {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #7B9905;
	}

/* ---[ main column ]----------------------------- */

#main-body {
	float: left;
	width: 521px;
	}
#content {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 25px 0;
	padding: 0 25px;
	background: #fff;
	}
#content p {
	font-size: 14px;
	line-height: 1.2em;
	}
#content h1 {
	font-size: 20px;
	color: #003500;
	}
#content h2 {
	font-size: 18px;
	color: #003500;
	}
#content h3 {
	font-size: 16px;
	color: #003500;
	}
#content .postdate {
	color: #CC0000;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	}
#content img {
	float: left;
	margin: 2px 6px 5px 0;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #5e5e5e;
}
#content #feature_photo {
	max-width: 460px;
	border: 1px solid #999;
	padding: 5px;
	text-align: center;
	background-color: #E6F0EC;
}
#content #feature_photo.left {
	float: left;
	margin: 2px 6px 5px 0;
}
#content #feature_photo.right {
	float: right;
	margin: 2px 0 5px 6px;
}
#content #feature_photo.center {
	float: none;
	margin: 5px;
}
#content #feature_photo img {
	float: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #5e5e5e;
}
#content #feature_photo p, #content #feature_photo div.pixcomment {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10px;
	color: #7C7C7C;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* lists */

#content ul {
	list-style: none;
	margin: 1em 0 1em 0;
	padding-left: 24px;
	}
#content ul li {
	padding: 0 0 4px 13px;
	line-height: 1.4em;
	background: url(../tiles/more-blue.gif) no-repeat 0 5px;
	}
#content dl dd {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 90%;
	line-height: 1.5em;
	}
#content dl dt {
	font-weight: bold;
	}
#content dl dt span {
	font-weight: normal;
	}
#quick-list dt {
	padding: 0 0 0 13px;
	background: url(../img/ext-link.gif) no-repeat 0 5px;
	}
#quick-list .date {
	color: #999;
	}
#content #feed-list li {
	padding-left: 0;
	background: none;
	}
#content #feed-list li a {
	padding-left: 30px;
	background: url(../img/rss-button.gif) no-repeat 0 50%;
	}
#content .redTxt {
	color: #CC0000;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	}
/* alert note */

#content .note {
	font-size: 90%;
	line-height: 1.6em;
	color: #777;
	padding: 8px 0 0 0;
	border-top: 1px solid #eaeaea;
	}
#content .note strong {
	color: #333;
	}
#content .note code {
	color: #444;
	}
#content .alert {
	padding-left: 18px;
	background: url(../tiles/alert-ora.gif) no-repeat 0 50%;
	}
#content .check {
	background-image: url(../tiles/check.gif);
	}
#home #content .note, #content .plain {
	padding: 0;
	border: none;
	}
/* ---[ entries ]---------------------------------- */

#home #content h3 {
	margin: 0;
	padding: 0;
	border: none;
	}
#content dl.entries {
	margin: 0;
	padding: 0;
	}
#content dl.entries dt {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 140%;
	line-height: 1.5em;
	font-weight: normal;
	}
#content dl.entries dt a {
	text-decoration: none;
	color: #40659B;
	}
#content dl.entries dt a:hover {
	color: #036;
	text-decoration: underline;
	}
#content dl.entries dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
#content dl.entries dd .more {
	font-size: 90%;
	}
#content dl.entries dd.posted {
	margin: 1em 0 20px 0;
	padding: 4px 0 0 0;
	font-size: 90%;
	color: #ccc;
	border-top: 1px solid #eaeaea;
	}
#content dl.entries dd p {
	margin: 0 0 1em 0;
	}
a.plink {
	padding-left: 16px;
	color: #999;
	text-decoration: none;
	background: url(../tiles/perm_doc.gif) no-repeat 0 1px;
	}
a.qblink {
	padding-left: 12px;
	color: #999;
	text-decoration: none;
	background: url(../tiles/pound.gif) no-repeat 0 3px;
	}
a.qb {
	color: #999;
	text-decoration: none;
	}
a.clink, .commoff {
	margin: 0 0 0 2px;
	padding: 0 0 0 15px;
	color: #999;
	text-decoration: none;
	background: url(../tiles/com_bubble.gif) no-repeat 0 1px;
	}
.commoff {
	color: #ccc;
	background-image: url(../tiles/comment_off.gif);
	}
a.plink:hover, a.qblink:hover, a.clink:hover {
	color: #666;
	}
p#menu {
	color: #999;
	font-size: 90%;
	margin-top: 0;
	}
p#menu.month {
	margin-top: 1em;
	}
/* ---[ comments ]--------------------------------- */

#comments {
	font-size: 12px;
	}
#comments textarea {
	width: 350px;
	}
#comments h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 4px 19px;
	margin-bottom: 10px;
	background: url(../tiles/cube_birch.gif) no-repeat 0 2px;
	color: #FF6600;
	}
#comments h3#chead {
	margin-bottom: 8px;
	border-bottom: none;
	}
#comments h3#add-com {
	margin: 0;
	padding: 0 0 0 19px;
	border-bottom: none;
	}
#comments code {
	font-size: 118%;
	}
#comments span {
	color: #999;
	}
#comments dl {
	margin-top: 0;
	color: #666;
	}
#comments dl dt {
	font-weight: normal;
	color: #333;
	padding: 12px 12px 4px 12px;
	margin: 0 0 2px 0;
	line-height: 1em;
	background: url(../tiles/com_bg.gif) no-repeat top left;
	}
#comments dl dt a {
	color: #333;
	}
#comments dl dt img {
	vertical-align: middle;
	}
#comments dl dd {
	color: #666;
	padding: 8px 0 0 0;
	margin: 0 0 25px 30px;
	font-size: 100%;
	border-top: 1px solid #eee;
	}
#comments dl dd p {
	margin-top: 0;
	}
#comments input {
	vertical-align: middle;
	}
#comments textarea {
	width: 325px;
	}
#comments .note {
	font-size: 100%;
	}

/* author highlighting */

#comments dl dt.dan {
	color: #526702;
	}
#comments dl dt.dan a {
	font-weight: bold;
	color: #526702;
	}
#comments dl dd.dan {
	color: #526702;
	}
#comments dl dd.dan a {
	color: #526702;
	}
/* ---[ right column ]----------------------------- */

#sidebar {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	width: 219px;
	float: right;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
	color: #888;
	}
#sidebar h3 {
	margin: 20px 0 12px 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 13px;
	border: none;
	background: #336600 url(../tiles/sub-h-bg.gif) repeat-x top left;
	letter-spacing: 0.1em;
	}
#sidebar h3#quick {
	margin-top: 24px;
	}
#sidebar h3.sub {
	background: #538620 url(../tiles/sub-h-bg.gif) repeat-x top left;
	}
#sidebar h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	}
#sidebar p, #sidebar ul, #sidebar dl {
	margin: 4px 10px 4px 10px;
	padding: 0;
	list-style: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 13px;
	line-height: 1.4em;
	background: url(../tiles/arrows.gif) no-repeat 0 5px;
	}
#sidebar #quickbits li {
	padding-left: 16px;
	background-image: url(../tiles/star.gif);
	background-position: 0 3px;
	}
#sidebar img {
	float: left;
	border: 1px solid #5e5e5e;
    margin: 0 5px 2px 0;
	}
#sidebar .red {
	color: #990000;
	font-weight: bold;
	}
#sidebar .blue {
	color: #003366;
	font-weight: bold;
	}
/* custom list styles */

#sidebar #slideshows li {
	margin-bottom: 0;
	padding: 0 0 7px 15px;
	background: url(../tiles/slides.gif) no-repeat 0 3px;
	}
#sidebar ul.none li {
	margin-bottom: 2px;
	padding-left: 0;
	background: none;
	}
#sidebar ul.sub li {
	padding-left: 12px;
	background: none;
	}
#sidebar ul.sub li.active a:link, #sidebar ul.sub li.active a:visited {
	color: #244008;
	font-weight: bold;
	text-decoration: none;
	}
#sidebar ul.sub a:hover {
	color: #244008;
	}
#sidebar ul.sub li.active {
	background: url(../tiles/sub-on.gif) no-repeat 0 4px;
	}
#sidebar ul.sub a { 
	color: #538620;
	}
#sidebar .featured dt {
	padding: 0 0 0 16px;
	font-weight: normal;
	background: url(../tiles/check-cir.gif) no-repeat 0 2px;
	}
#sidebar .featured dd, #sidebar .featured dt {
	margin: 0;
	}
#sidebar .rec-bits li.rec-audio {
	padding-left: 17px;
	background: url(../tiles/notes.gif) no-repeat 0 3px;
	}
#sidebar .rec-bits li.rec-book {
	padding-left: 17px;
	background: url(../tiles/rec-book.gif) no-repeat 0 3px;
	}

/* book tease */

#myBook {
	margin: 0;
	padding: 0;
	}
#sidebar dl#myBook dt {
	float: left;
	margin: 0;
	padding: 0;
	}
#myBook dt img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}
#myBook dd {
	margin: 0 0 3px 0 !important;
	padding: 0;
	}
#myBook:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
    }

/* bits to buy */

#sidebar ul#buy-bits li {
	padding: 10px 0 10px 80px;
	background-position: bottom left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddd;
	}
#sidebar li#buy-t {
	margin-bottom: 10px;
	background-image: url(../tiles/ts-peek-bs.gif);
	}
#sidebar li#buy-i {
	background-image: url(../tiles/ic-peek.gif);
	}

/* ---[ forms ]------------------------------------ */

#contactform, #comments-form, #shirt-form, #search-form, #rfp-form {
	margin: 0 0 25px 0;
	padding: 15px;
	background: url(../tiles/form-bg.gif) repeat-x top left;
	}
#search-form {
	margin: 0 0 0 0;
	background-image: url(../tiles/search-form-bg.gif);
	}
#search-form p {
	margin: 0 0 10px 0;
	}
#search-form input {
	vertical-align: middle;
	}
#contactform dl, #rfp-form dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
#contactform dt, #rfp-form dt {
	color: #333;
	font-weight: normal !important;
	}
#contactform dt em, #contactform .note em, #rfp-form dt em, #rfp-form .note em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	}
#contactform #realname, #contactform #email, #contactform #url {
	width: 200px;
	border: 1px solid #ccc;
	padding: 2px;
	color: #444;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 12px;
	border: 1px solid #ccc;
	}
#contactform .button {
	margin: 10px;
	background-color: #CCCCCC;	
	}
#comments-form #wysiwyg4comment {
	width: 410px;
	height: 180px;
	border: 1px solid #7f9db9;
	overflow: auto;
	padding: 5px;
	font-size: 12px;
	}
#comments-form #wysiwyg4comment p {
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 12px;
	}
#rfp-form h3 {
	margin: 0 0 1em 0;
	}
#rfp-form dl {
	margin: 0 0 2em 20px;
	}
#content #rfp-form dl dt.chbox {
	margin-bottom: 1em;
	}
#content #rfp-form dl dd.chbox {
	margin: 0 0 3px 20px;
	padding: 0;
	}
#content #rfp-form dl dd.last {
	margin-bottom: 1em;
	}
/* ---[ footer ]----------------------------------- */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #003300;
	height: 90px;
	border-top: 1px solid #003300;
	background: #003500 url(../tiles/footer-bg.jpg) no-repeat top right;
	}
#footer span {
	margin: 0;
	padding: 5px 0 25px 10px;
	width: 500px;
	}
#footer p {
	margin: 0;
	padding: 25px;
	}
#footer a {
	color: #003300;
	text-decoration: none;
	}
#footer a:visited {
	color: #003300;
	text-decoration: none;
	}
#footer a:hover {
	color: #003300;
	text-decoration: none;
	border-bottom: 2px solid #00ff66;
	}
#footer-rss {
	padding-left: 28px;
	background: url(../tiles/rss-button.gif) no-repeat 0 50%;
	}
div.clear 
    {
      clear:both;
      line-height:0px;
      height:0px;
      border:0px;
      float:none;
      margin:0px;
      padding:0px;
      display:inline;
    }