/* main body */

body
{
	margin:0px;
	background-color:#ececec;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	color:#65696c;
	line-height:140%;
	height:100%;
}

.container
{
	width:840px;
	margin:0 auto;
	height: 100%;
}

.leftside
{
	width:220px;
	background-color:#00adc5;
}

.rightside
{
	background-color:#ffffff;
	padding:5px 30px 0px 30px;
	text-align:justify;

}

.content
{
	width:780px;
	background-color:#ffffff;
	padding:15px 30px 20px 30px;
	text-align:justify;
	background-image:url(../img/contentback.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	float:left;
}

.contentpages
{
	width:840px;
	background-color:#ffffff;
	padding:0px 0px 0px 0px;
	text-align:justify;
	float:left;
}

.contentplain
{
	width:780px;
	background-color:#ffffff;
	padding:5px 30px 20px 30px;
	text-align:justify;
	background-image:url(../img/contentback.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	float:left;
}

.footer
{
	text-align:right;
	width:810px;
	color:#858a81;
	padding-top:10px;
	background-image:url(../img/footerback.gif);
	background-repeat:no-repeat;
	padding-bottom:30px;
	padding-right:30px;
	font-size:11px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

.flash{
	width:840px;
	height:210px;
	min-height:210px;
	float:left;

}

.pagertopper
{
	width:840px;
	height:176px;
	float:left;
}

#flashspace{
	width:620px;
	height:210px;
	float:right;
}
	
.buttons{
	float:left;
	height:210px;
	width:220px;
}


td
{
	vertical-align:top;
}
/* headings */

h1
{
	color:#00a3bc;
	font-size:15px;
	margin-top:0px;
	letter-spacing:1px;
	padding-top:13px;
}

h2
{
	color:#8aba66;
	font-size:13px;
	margin-top:0px;
}

h3
{
	color:#00a3bc;
	font-size:12px;
	margin-top:0px;
}

h4
{
	color:#8aba66;
	font-size:11px;
	margin-top:0px;
}

h5
{
	color:#00a3bc;
	font-size:11px;
	margin-top:0px;
}

/* links */
.footer a:link 
{
	color: #858a81;
	text-decoration: none;
}
.footer a:visited 
{
	text-decoration: none;
	color: #858a81;
}
.footer a:hover 
{
	text-decoration: underline;
	color: #858a81;
}
.footer a:active 
{
	text-decoration: none;
	color: #858a81;
}

a:link 
{
	color: #00a3bc;
	text-decoration: none;
}
a:visited 
{
	text-decoration: none;
	color: #00a3bc;
}
a:hover 
{
	text-decoration: underline;
	color: #00a3bc;
}
a:active 
{
	text-decoration: none;
	color: #00a3bc;
}

.leftside a:link
{
	color: #ffffff;
	text-decoration: none;
}
.leftside a:visited 
{
	text-decoration: none;
	color: #ffffff;
}
.leftside a:hover 
{
	text-decoration: underline;
	color: #ffffff;
}
leftside a:active 
{
	text-decoration: none;
	color: #ffffff;
}

.leftside ul
{
	list-style-type: none;
	margin-left:0px;
	padding-left:20px;
	line-height:150%;
}

.leftside ul li{
	float:none;
	width:180px;
	text-align:left;
	padding-bottom:10px;
}



/* rollovers */

.nav {
	width:840px;
	height:40px;
	margin:0px;
	float:left;
	
}

ul#navlist
{
	margin:0px;
	padding:0px;
	
}

#navlist li
{
	float:left;
  	list-style-type:none;
}

a.whatsnewclick,a.contactclick
{
	height:45px;
	text-decoration:none;
	float:left;
}

a.whatsnewclick:hover,a.contactclick:hover
{
		background-position: 0px -45px;	
}

a.whatsnewclick
{
	width: 220px;
	background:url(../img/whatsnewclick.gif);
}

a.contactclick
{
	width: 220px;
	background:url(../img/contactclick.gif);
}


a.home,a.onoffer,a.ourapproach,a.ourpeople,a.whatsnew,a.trackrecord,a.contact
{
	height:40px;
	text-decoration:none;	
	float:left;	
}

a.home:hover,a.onoffer:hover,a.ourapproach:hover,a.ourpeople:hover,a.whatsnew:hover,a.trackrecord:hover,a.contact:hover
{
	background-position: 0px -40px;		
}
a.home
{
	width: 93px;
	background:url(../img/home.gif);
}
a.onoffer
{
	width: 108px;
	background:url(../img/onoffer.gif);
}
a.ourapproach
{
	width: 143px;
	background:url(../img/ourapproach.gif);
}
a.ourpeople
{
	width: 124px;
	background:url(../img/ourpeople.gif);
}
a.whatsnew
{
	width: 127px;
	background:url(../img/whatsnewmenu.gif);
}
a.trackrecord
{
	width: 139px;
	background:url(../img/trackrecord.gif);
}

a.contact
{
	width: 106px;
	background:url(../img/contact.gif);
}

/*contact form*/		
		
#name,#email,#phone,#comment
		{
		width: 250px;
		height: 18px;
		border: solid 1px #00a3bc;
		background-color:#ffffff;
		padding: 1px;
		font-size: 10px;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		}
		
#comment
		{
		height: 160px;
		}