body {
	margin:0;
	padding:0;
	color:#000;
	background:#3C3D11;
	font-family: 'Trebuchet MS',verdana,arial,sans-serif
	}

	a:link {
	color: #878358;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.tableTextBig-Style {
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	color: #006699;
	font-weight: bolder;
	font-size: 12px;
	letter-spacing: 0.1em;
	font-style: normal;
	font-variant: normal;
}

a:visited { 
	color:#626F53	}
a:hover { 
	color: #369;
	background-color: none;
	text-decoration: none;
	}
a:active { 
	color: #878358;
	}
	
	

.PortLinkText {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #ACA980;
	padding: 0px;
	letter-spacing: .2em;
	text-align: left;
	list-style-type: none;
	
}

.tableTextNormal {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #3C3E12;
	padding: 0px;
}
	
.tableTextPort {

	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #8F8958;
	padding: 0px 10px 1px 0px;
}



form {
	margin:0;
	padding:0
	}
img {
	border:none
	}
a {
	text-decoration:none
	}
input {
	vertical-align:middle
	}
select {
	font:11px "Trebuchet MS",verdana,arial,sans-serif
	}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}

/*This controls Background Right and Left spanning of colors:  Move it and it destroys global menu----*/

.left-bg {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:153px;
	background:url(../img/bg-left.gif) repeat-x top;
	}
.right-bg {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:153px;
	background:url(../img/bg-right.gif) repeat-x top;
	}
* html .right-bg,
* html #header .good {
	right:-1px
	}
	
/*---------------This controls overall site width*/
#main {
	width:955px;
	margin:0 auto
	}
	
/*--------------Start of Header info------------------*/	
#header {
	position:relative;
	width:955px;
	height:152px;
	background:#CBC9B0 url(../img/bg-header.gif) no-repeat 114px 0
	}
#header .look {
	position:absolute;
	left:0;
	top:0;
	width:114px;
	height:152px;
	background:#990 url(../img/look.gif) no-repeat left top
	}
#header .good {
	position:absolute;
	right:0;
	top:0;
	width:116px;
	height:152px;
	background:#c90 url(../img/good.gif) no-repeat right top
	}
#header .logo {
	position:absolute;
	left:123px;
	top:25px;
	width:443px;
	height:73px;
	display:block;
	z-index:10
	}
#header ul {
	margin:0;
	padding:0
	}
#header ul li {
	float:left;
	margin:0;
	padding:3px 14px 0 0;
	list-style:none
	}
#header #top-nav {
	position:absolute;
	top:107px;
	left:144px;
	width:670px
	}
	
/*--------------End of Header info------------------*/
	
#middle {
	float:left;
	width:706px;
	padding:0 126px 0 123px;
	background:url(../img/bg-middle.gif) repeat-y left
	}
#container {
	float:left;
	width:706px;
	background:#CBC9B0
	}
#header #top-nav .login {
	float:right;
	border-left:1px solid #c90;
	padding:3px 0 3px 35px
	}
#header #top-nav a {
	float:left;
	display:block;
	overflow:hidden;
	height:17px;
	text-indent:-999px
	}
#header #top-nav .about a {
	width:90px;
	background:url(../img/btn-about.gif) no-repeat left top
	}
#header #top-nav .services a {
	width:91px;
	background:url(../img/btn-services.gif) no-repeat left top
	}
#header #top-nav .work a {
	width:90px;
	background:url(../img/btn-work.gif) no-repeat left top
	}
#header #top-nav .contact a {
	width:91px;
	background:url(../img/btn-contact.gif) no-repeat left top
	}
#header #top-nav .packages a {
	width:90px;
	background:url(../img/btn-packages.gif) no-repeat left top
	}
#header #top-nav .login a {
	width:90px;
	background:url(../img/btn-login.gif) no-repeat left top
	}
#header #top-nav a:hover,
#header #top-nav a.active {
	background-position:0 -17px
	}
	
#index {
	float:left;
	width:505px;
	font-family:arial,sans-serif;
	padding:0 0 0 21px
	}
#index .hello {
	background:url(../img/hello.gif) no-repeat left top;
	padding:48px 0 0 0
	}
#index .hello p {
	margin:0 20px 10px 2px;
	font-size:84%;
	color:#555337;
	line-height:130%
	}
#index .hello p a {
	color:#555337;
	border-bottom:1px dashed #878358;
	}
#index .hello p a:hover {
	color:#369;
	border-bottom:1px dashed #369
	}

#index .why-work {
	float:left;
	width:505px;
	background:url(../img/why-work.gif) no-repeat left top;
	padding:34px 0 0;
	color:#878358
	}
#index .why-work h2 {
/*	font:bold 16px/17px "Trebuchet MS",arial,sans-serif;
	color:#3C3D11;
	text-transform:uppercase;
	letter-spacing:6px;
	padding:0 0 2px 0;
	margin:0 20px 20px 3px;
	background:url(../img/dotted.gif) repeat-x bottom*/
	display:none
	}
#index .why-work .bg-border {
	float:left;
	width:100%;
	padding:0 0 30px 0;
	background:url(../img/bg-border-why-work.gif) repeat-y left
	}
#index .why-work .first {
	float:left;
	width:131px;
	padding:0 12px 0 0;
	overflow:hidden
	}
#index .why-work .second {
	float:left;
	width:162px;
	padding:0 0 0 13px
	}
#index .why-work .third {
	float:right;
	width:155px;
	padding:0 10px 0 10px;
	overflow:hidden
	}
	
#index .why-work strong.h {
	display:block;
	font:bold 15px "Trebuchet MS",arial,sans-serif;
	text-transform:uppercase;
	padding:0 0 0 25px;
	margin:0 0 8px 0;
	background:url(../img/bullet.gif) no-repeat 0 0
	}
#index .why-work strong.h a {
	color:#369;
	white-space:nowrap
	}
#index .why-work strong.h a:hover {
	border-bottom:1px dashed #369;
	}
#index .why-work div p {
	margin:0 3px 10px 3px;
	font-size:70%
	}
div.line {
	clear:both;
	height:1px;
	overflow:hidden;
	background:url(../img/dotted.gif);
	margin:0 0 10px 0
	}
#index .why-work div p a,
#index .why-work ul li a {
	color:#878358;
	border-bottom:1px dashed #878358	
	}
#index .why-work div p a:hover,
#index .why-work ul li a:hover {
	color:#369;
	border-bottom:1px dashed #369
	}
#index .why-work strong.h3 {
	display:block;
	font-size:70%;
	color:#5F6038;
	margin:0 0 0 14px;
	white-space:nowrap
	}
#index .why-work ul {
	margin:0;
	padding:0 0 8px 3px;
	font-size:70%;
	line-height:150%
	}
#index .why-work ul li {
	margin:0;
	padding:0 0 0 11px;
	list-style:none;
	background:url(../img/square-bullet.gif) no-repeat 0 6px
	}
	
.hot-coffee {
	width:168px;
	background:url(../img/sh-right.gif) repeat-y right;
	}
.hot-coffee .b {
	float:left;
	width:168px;
	background:url(../img/bottom-sh.gif) no-repeat right bottom;
	padding:0 0 6px 0
	}
.hot-coffee .sh {
	float:left;
	width:156px;
	padding:0 12px 0 0;
	background:url(../img/top-right-corner.gif) no-repeat right top;	
	}
.hot-coffee .brd {
	width:144px;
	border:1px solid #ACA980;
	background:#D2CFB9 url(../img/bg-hot-coffee.gif) no-repeat left top;
	padding:64px 4px 4px 6px;
	font:11px "Trebuchet MS",arial,sans-serif
	}

.hot-coffee .links {
	float:left;
	width:100%;
	padding:0 0 4px 0
	}
.hot-coffee .links a {
	display:block;
	margin:0 0 4px 0;
	width:144px;
	height:19px;
	text-indent:-999px;
	overflow:hidden
	}
a.project-quote {
	background:url(../img/btn-project-quote.gif)
	}
a.wmo-blog-news {
	background:url(../img/btn-wmo-blog-news.gif)
	}
a.testimonials {
	background:url(../img/btn-testimonials.gif)
	}
.hot-coffee ul {
	clear:left;
	margin:0;
	padding:0 0 4px 0
	}
.hot-coffee ul li {
	margin:0;
	padding:1px 0 2px 0;
	background:url(../img/dotted.gif) repeat-x bottom;
	list-style:none
	}
.hot-coffee ul a {
	color:#8E7208;
	text-transform:uppercase;
	padding:0 0 0 13px;
	background:url(../img/bullet1.gif) no-repeat 0 5px
	}
.hot-coffee ul a:hover {
	color:#717308;
	text-decoration:underline;
	background-position:0 -45px
	}
.hot-coffee .what-new {
	padding:22px 0 3px 0;
	text-align:center;
	background:url(../img/whats-new.gif) no-repeat left top
	}
.hot-coffee strong {display:none}

	
#content {
	width:505px;
	padding:0 0 0 21px
	}
	
ul.sub-nav {
	float:left;
	width:100%;
	position:relative;
	margin:-16px 0 6px 0;
	padding:0
	}
ul.sub-nav li {
	float:left;
	border-left:1px solid #878358;
	padding:2px 12px 2px 11px;
	margin:0;
	list-style:none;
	text-transform:uppercase;
	font:bold 11px "Trebuchet MS",arial,sans-serif;
	color:#fff;
	padding:0 20px 0 29px;
	letter-spacing:1px;
	background:url(../img/bullet2.gif) no-repeat 15px 4px
	}
ul.sub-nav li.first {
	border:0;
	/*
	padding-left:19px;
	background:url(../img/bullet2.gif) no-repeat 4px 4px
	*/
	}
ul.sub-nav li a {
	float:left;
	color:#A67C00;
	border-bottom:1px dashed #878358;
	}
ul.sub-nav li a:hover {
	color:#369;
	border-bottom:1px dashed #369
	}
ul.sub-nav li.active {
	color:#fff;
	background:url(../img/bullet3.gif) no-repeat 15px 4px
	}
	/*
ul.sub-nav li.active.first {
	background:url(../img/bullet3.gif) no-repeat 4px 4px
	}*/
ul.sub-nav li.active a {
	border:0 !important;
	color:#fff !important
	}
	
#content h1 {
	clear:both;
	font:bold 20px/20px "Trebuchet MS",arial,sans-serif;
	color:#CC9902;
	border-top:1px solid #BBBA9F;
	border-bottom:1px solid #BBBA9F;
	text-transform:uppercase;
	margin:0;
	padding:3px;
	letter-spacing:2px
	}
#content .left-column {
	float:left;
	width:105px;
	padding:15px 0 0 0
	}

	
#content .left-column ul {
	float:left;
	width:105px;
	margin:0;
	padding:0 0 72px 0;
	background:url(../img/bg-left-nav.gif) no-repeat center bottom
	}
#content .left-column ul li {
	float:left;
	width:100%;
	margin:0;
	padding:3px 2px;
	list-style:none;
	border-bottom:1px solid #B6B395
	}
#content .left-column ul li a {
	float:left;
	text-transform:uppercase;
	font:bold 11px/14px "Trebuchet MS",arial,sans-serif;
	color:#ACA880;
	padding:0 0 0 13px;
	background:url(../img/bullet4.gif) no-repeat 0 -45px
	}
#content .left-column ul li a:hover {
	color:#3C3D11;
	background-position:0 5px
	}
	
/*--------------------------------------START RIGHT COLUME--------------------------------------------	*/

#content .right-column {
	float:inherit;
	width:665px;
	padding:5px 0px 30px 0;
	color:#878358
	}
	
#content .right-column ul {
	margin:0 0 10px 0;
	padding:0
	}
#content .right-column .soft ul	{
	padding:0 0 0 8px;
	}
#content .right-column ul li {
	margin:0;
	padding:0 0 0 13px;
	list-style:none;
	font-size:70%;
	line-height:140%;
	background:url(../img/bullet5.gif) no-repeat 0 4px
	}
#content .right-column ul li.h {
	background:url(../img/bullet6.gif) no-repeat 0 6px;
	text-transform:uppercase;
	color:#999A00;
	font-weight:bold;
	font-size:82%;
	}
	
#content .right-column h2 {
	font:bold 15px "Trebuchet MS",arial,sans-serif;
	color:#369;
	text-transform:uppercase;
	margin:0 0 10px 0;
	letter-spacing:2px
	}
#content .right-column p {
	font-size:70%;
	margin:0 0 10px 0
	}
#content .right-column p.big {
	font-size:82%;
	color:#555337;
	padding-right: 10px;
	}
#content .right-column p a {
	color:#878358
	}
#content .right-column p.big a {
	color:#555337
	}
	
#content .right-column a {
	/*border-bottom:1px dashed #878358*/
	}
#content .right-column a:hover {
	color:#369 !important;
	/*border-bottom:1px dashed #369*/
	}
/*--------------------------------------END RIGHT COLUME--------------------------------------------	*/
.soft {
	width:379px;
	overflow:hidden;
	margin:0 0 10px 0
	}
.soft div {
	float:left;
	padding-bottom:999px;
	margin-bottom:-999px
	}	
.soft .first {
	width:120px;
	padding-right:5px;
	border-right:1px solid #ACA880
	}
.soft .second {
	width:112px;
	padding-right:5px;
	border-right:1px solid #ACA880
	}
.soft .third {
	width:130px;
	padding-right:5px;
	}

	
a.noborder {
	border:0 !important
	}
	
/*--------------------------block qoute*/

div.slogan {
	background:#C3C1A4 url(../img/bg-slogan.gif) no-repeat left top;
	width:166px;
	font:11px/14px "Trebuchet MS",verdana,arial,sans-serif;
	color:#5F6038;
	text-align:left;
	padding:10px 0 0 0;
	margin:0 0 10px 0
	}
div.slogan div {
	background:url(../img/bg-slogan-bottom.gif) no-repeat left bottom;
	padding:0 14px 12px 14px
	}
/*--------------------------block qoute2*/
div.slogan2 {
	background:#C3C1A4 no-repeat left top;
	width:auto;
	font:11px/14px "Trebuchet MS",verdana,arial,sans-serif;
	color:#5F6038;
	text-align:left;
	padding:3% 0 0;
	margin:0 0 10px
	}
div.slogan2 div {
	background:no-repeat left bottom;
	padding:0 14px 12px 14px
	}
/*--------------------------block qoute2*/
	
/*-------------------------FOOTER -------------------------------------*/
#bottom-nav {
	float:left;
	margin:0;
	padding:10px 0;
	text-align:center;
	width:100%
	}
#bottom-nav li {
	float:left;
	border-left:1px solid #878358;
	padding:2px 12px 2px 11px;
	margin:0;
	list-style:none;
	text-transform:uppercase;
	font:bold 11px "Trebuchet MS",arial,sans-serif
	}
#bottom-nav li.f {
	border:0;
	padding-left:90px
	}
#bottom-nav li a {
	color:#878358;
	border-bottom:1px dashed #878358
	}
#bottom-nav li a:hover {
	color:#369;
	border-bottom:1px dashed #369
	}

#footer {
	float:left;
	width:100%;
	background:url(../img/bg-footer.gif) no-repeat left top;
	padding:34px 0 20px 0;
	text-align:center;
	font-size:70%;
	color:#72724E
	}
	
/*-------------------------FOOTER END-------------------------------------*/