/* ---------------------------------------------
	ACE.CSS
	
	#000000 - Black
	#ffffff - White
	#999999 - Link Grey
	#333333 - Text Black
	#0784DE - Blue
-----------------------------------------------*/



/* ---------------------------------------------
	GENERIC
-----------------------------------------------*/

a {
	outline: none;
}

body  {
	background-image:url(img/bkg.gif);
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
	text-align:left;
	
}

.blue{
	color:#0784DE;
}



a {
	color: #999;
}



.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ---------------------------------------------
	<H> TAGS
-----------------------------------------------*/

h1{
	font-weight:100;
	font-family:"Century Gothic", sans-serif, Verdana;
	font-size: 17px;
	color: #0784DE;
}

h2{
	font-weight:100;
	font-family:"Century Gothic", sans-serif, Verdana;
	font-size: 15px;
	color: #0784DE;
}

/* ---------------------------------------------
	HEADER DIV
-----------------------------------------------*/


#header {
	width:960px;
	margin: 0;

}


#logo {
	float:left;
	margin-top: 15px;
	margin-left:50px;
	display:inline;



} 

#header_r {
	float:right;
	margin-top:20px;
	margin-right: 20px;
	width: 300px;

	

} 

#header_r_text {
	font-family:"Century Gothic", sans-serif, Verdana;
	float:right;
	width:290px;
	color:#666;
	font-size:11px;
	text-align:right;
	margin: 0;

} 

#logo_r {
	float:right;
	width:170px;
	text-align:right;
	margin-top: 10px;

} 





/* ---------------------------------------------
	CONTENT DIV
-----------------------------------------------*/
#mainContent{
	width:960px;
	font-family:"Century Gothic", sans-serif, Verdana;
	color:#191919;
	font-size:12px;
	line-height:23px;
	text-align:left;
	float:left;
	margin: 0;

	
}



#columnLeft{
	background-image:url(img/contentLeft_bkg.gif);
	float:left;
	margin-left:65px;
	width: 320px;
	margin-top: 20px;
	text-align:left;
	padding:50px;
	display:inline;
	
}

#columnRight{
	float:right;
	width: 302px;
	margin-top:30px;
	margin-right:85px;
	<!--[if !IE]>-->
	display:inline; 
	<!--<![endif]-->
}


#wrapperBkg {
	float:left;
	position:relative;
	padding-top:25px;
	width:100%;
	background: url(img/paper_bg_top.png) top center no-repeat;
	margin: 0;
}

#container{
	position:relative;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:960px;
	padding:0 0 30px 0;
}

#page {
	background-color:#FFF;
	width:960px;
	float:left;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#mapText{
	float:left;
	margin-left:65px;
	margin-top:20px;
	width:250px;
	display:inline;
}

#areasMap{
	margin-top:20px;
	float:right;
	display:inline;
}


#feedbackcolumnRight{
	float:right;
	width: 350px;
	margin-top:40px;
	margin-right:85px;
	display:inline;


}

/* ---------------------------------------------
	FLASH
-----------------------------------------------*/

#flash{
	float:left;
	height:200px;
	width:960px;
	padding: 0;
	margin: 0;
}



/* ---------------------------------------------
	FOOTER
-----------------------------------------------*/


#footer {
	float:left;
	width:100%;
	font-family:"Century Gothic", sans-serif, Verdana;
	font-size:10px;
	color:#CCC;
	text-align:center;
	margin: 0 0 0 0;
	display:block;
}



/*------------------------------------------------
	NAVIGATION
-------------------------------------------------*/

#topnavigation {
	width:900px
	float:left;
	text-align:center;
}


.mainNavLi {
	display:block;
	float:left;
	overflow:visible;
	list-style-type:none;
	margin:auto 0;
	text-indent:-9000px;
}
ul#mainNav {
	padding:0 0 0 40px;
	margin:0;
	
}



ul li#home a {
	display:block;
	height:44px;
	width:145px;
	background: url(img/nav/nav_home.gif) no-repeat 0px -4px;


}
ul li#home a:hover, #home #home a {
	background-position: 0px -50px;
}






ul li#services a {
	display:block;
	height:44px;
	width:145px;
	background: url(img/nav/nav_services.gif) no-repeat 0px -4px;

}
ul li#services a:hover, #services #services a {
	background-position: 0px -50px;
}


ul li#areas a {
	display:block;
	height:44px;
	width:145px;
	background: url(img/nav/nav_areas.gif) no-repeat 0px -4px;

}
ul li#areas a:hover, #areas #areas a {
	background-position: 0 -50px;
}


ul li#team a {
	display:block;
	height:44px;
	width:145px;
	background: url(img/nav/nav_team.gif) no-repeat 0px -4px;

}
ul li#team a:hover, #team #team a {
	background-position: 0 -50px;
}

ul li#contact a {
	display:block;
	height:44px;
	width:145px;
	background: url(img/nav/nav_contact.gif) no-repeat 0px -4px;
}

ul li#contact a:hover, #contact #contact a {
	background-position: 0 -50px;
}

ul li#feedback a {
	display:block;
	height:44px;
	width:145px;
	background: url(img/nav/nav_feedback.gif) no-repeat 0px -4px;

}
ul li#feedback a:hover,#feedback #feedback a {
	background-position: 0 -50px;
}