body
{
background:url(../images/bg_grey.gif) repeat-x top #fff;
padding:0;
font-family:arial, helvetica, sans-serif;
color:#333333;
font-size:13px;
margin:0px auto auto auto;

}


a:link, a:visited{
text-decoration:none;
color:#5F5F5F;
} 
a:hover {
text-decoration:underline;
}
p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:13px;
margin:0px;
}
span{
color:#008FBD;
}
p.clear{
clear:both;
}

p.news{
clear:both;
border-bottom:1px #CCCCCC dashed;
font-size:12px;
margin:5px 0 5px 0;
}
img.left_img{
float:left;
padding:5px 12px 0 0;
}
img.left_img_border{
float:left;
margin:5px 12px 0 0;
border:3px #b1cee0 solid;
}
h1{
font-size:14px;
color:#42A9D6;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0 0 0 0;
margin:0px;
}

h2{
font-size:12px;
color:#444444;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0 0 0 0;
margin:0px;
}

#main_container{
width:1000px;
height:auto;
margin:auto;
padding:0px;
position:relative;
}

.list_no_bullet {
list-style: none;
margin-left:0px;
padding:0px;
}

.list_no_bullet li{
padding:2px;
}

.top_illustration{
position:absolute;
top:0px;
left:-90px;
}
#header{
width:677px;
height:40px;
margin:auto;
}
.logo{
padding:0px 0 0 7px;
width:700px;
}
.logo2{
padding:0px 0 0 7px;
width:200px;
top:0px;
left:-90px;
}

/*---------------- menu tab----------------------*/
#top_rounded{
width:1000px;
height:12px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
background:url(../images/top_round.png) no-repeat center;
}

#menu_holder{
width:677px;
height:62px;
padding:0px;
 background:url(../images/center_tile.gif) repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#534848;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #FF6600;}

a.nav:hover {
color: #FF6600; text-decoration:none;}


/*----------------main_content----------------*/
#main_content{
width:auto;
clear:both;
background-color:#FFFFFF;
height:auto;
}
#flash_banner{
width:651px;
height:240px;
margin:auto;
padding:1px 0 0 0;
}
.middle_banner_content{
padding:10px 0 0 0;
}

#left_content{
width:330px;
font-size:14px;
float:left;
height:auto;
padding:90px;
margin-left:14px;
margin-right:14px;
background-color:#F9F9F9;
}
#right_content{
width:240px;
float:left;
height:auto;
padding:100px;
margin-right:14px;
font-size:14px;
background-color:#F9F9F9;
}
#wide_content{
margin:18px;
padding:10px;
font-size:15px;
background-color:#F9F9F9;
}
#btm_content{
margin:8px;
padding:2px;
font-size:11px;
background-color:#F9F9F9;
}

#slimCenter{
width:700px;
margin:auto;
font-size:15px;
}


.members_login{
width:210px;
height:138px;
padding:10px 0 0 10px;
background:url(../images/login_bg.gif) no-repeat center;
}
.login_row{
width:200px;
float:left;
padding:4px 0 4px 0;
}
label.login{
width:60px;
float:left;
text-align:right;
padding:4px 8px 0 0;
}
input.login_input{
width:80px;
height:16px;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
float:left;
}
a.login_submit{
width:66px;
height:22px;
float:right;
margin:10px;
background:url(../images/login_bt.gif) no-repeat center;
display:block;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}
#projects_box{
width:566px;
height:185px;
margin:auto;
background:url(../images/projects_bg.gif) no-repeat center;
}
.projects_navigation{
width:566px;
height:25px;
margin:auto;
padding:10px 0 0 0;
}
.left_nav a{
float:left;
background:url(../images/left_arrow.gif) no-repeat left;
padding:0 0 0 30px;
font-size:12px;
color:#3e2510;
text-decoration:none;
}
.right_nav a{
float:right;
background:url(../images/right_arrow.gif) no-repeat right;
padding:0 30px 0 0;
font-size:12px;
color:#3e2510;
text-decoration:none;
}
.project_container{
float:left;
padding:10px 20px 0 40px;
}
.project_title{
font-size:12px;
color: #999999;
padding:0 0 5px 0;
}

#list_spill
{
max-height: 10px
}

/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:0px;
color:#666666;
}
.contact_input{
width:190px;
height:17px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
label.contact_form{
width:190px;
padding:0 0 5px 0;
font-size:11px;
}
.contact_textarea{
width:190px;
height:80px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
input.contact_submit{
float:left;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}

.logo {
margin-left:5px;
margin-bottom:5px;
}

/*----footer---------*/
#footer{
width:auto;
clear:both;
padding:15px 0 10px 0;
text-align:center;
color:#999999;
}


/*-- drop down menu --*/
#menuWrap {
width: 1000px;
  margin-left: auto ;
  margin-right: auto ;

}

#p7menubar {
	height:34px;
	background:url(../images/main_menu_bg2.png) no-repeat left top;
	font-size:14px;	
	font-weight:bold;	
}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;	
	
}
#p7menubar a {
	display: block;
	text-decoration: bold;
	padding: 5px 10px 5px 10px;
	border-right: 0px solid #333;
	color: #808080;
}
#p7menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(../images/dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#p7menubar li {
	float: left;
	width: 9em;
	padding-top:3px;
}
#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 15em;
}
#p7menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #F7F7F7;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000000;
	background-color: #F7F7F7;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}
#p7menubar ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF !important;
}


/*service menu */
#serviceMenu ul{
list-style-type:none;
width:550px;
margin:auto;
}
#serviceMenu li{
display:inline;
}
#serviceMenu a{
float:left;
width:300px;
text-decoration:none;
color:white;
font-weight:bold;
padding:5px;
border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
}

#serviceMenu a:hover{
background-color:#CCCC00;
}
.color1 a{
background-color:#92C033;
}
.color2 a{
background-color:#C3D9FF;
}