/* ---------------------------------------------------------------------
	=Basic
 ---------------------------------------------------------------------*/
body {
	background-color:#9DA1A4;
	margin:0;
	padding:0px 0;
	text-align:center;
}
body, input, td {
	color:#333333;
	font:12px  Arial, Helvetica, sans-serif;
}
input.txt {
	border:0;
	color:#8E8E8E;
	font-size:12px;
	padding:2px;
}

.root_table {
	margin:0 auto;
	text-align:left;
	width:999px;
	vertical-align:top;
	background-color:#FFFFFF;
}

hr {
	display:none;
}
a {
	color:#333333;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a img {
	border:0;
}

form {
	margin:0;
}

.form_input {
	height:12px;
	font:9px Arial, Helvetica, sans-serif;
}

p {
	margin:10px;
}

/* ---------------------------------------------------------------------
	=Header
 ---------------------------------------------------------------------*/
.logo_block {
	width:328px;
	height:109px;
	background-color:#226db4;
	padding:18px;
}

.logo_image{
	text-align:center;
	vertical-align:middle;
}

.logo_block_c_name {
	font:28px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

.logo_block_slogan {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

.header_photo {
	width:419px;
	height:145px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.header_right {
	background:url(../images/T101_header_right_block.gif);
	background-repeat:no-repeat;
	width:192px;
	height:121px;
	padding:12px;
	
	vertical-align:top;
	
}

.header_right_text_small {
	font:18px Arial, Helvetica, sans-serif;
	color:#63b6dd;
	height:92px;
	padding:0 0 0 10px;
	text-transform:uppercase;
}

.header_right_text_big {
	font:26px Arial, Helvetica, sans-serif;
	color:#63b6dd;
}

/* ---------------------------------------------------------------------
	=Navigation
 ---------------------------------------------------------------------*/
 
.navigation_left {
	background: #ffffff url() repeat-x;
	width:216px;
	height:auto;
	padding:0px;
	vertical-align:top;
}

.bg_nav_top {
	background: #ffffff url(../images/T101_bg_top_nav.jpg) repeat-x;
	height:37px;	
}

#navigation a 
{ 
color: #164a68; 
font: 14px Arial, Helvetica, sans-serif;
background:none; 
text-decoration: none; 
height:37px;
width:auto;
} 

#navigation a span 
{ 
background: none; 
padding: 11px 61px 0 61px;
border-left:1px solid #ffffff;
height:24px;

} 

#navigation a, #navigation a span 
{ 
display: block; 
float: left 
} 

/* Commented backslash hack hides rule from IE5-Mac \*/ 
#navigation a, #navigation a span 
{ 
float: none 
} 
/* End IE5-Mac hack */ 

#navigation a:hover 
{ 
color: #fff; 
background: url("../images/T101_bg_top_nav_hover_left.jpg") left top no-repeat; 
text-decoration: none; 
height:37px;
width:auto;
cursor:pointer;
color:#0c78bb;

} 

#navigation a:hover span 
{ 
background: url("../images/T101_bg_top_nav_hover_right.jpg") right top no-repeat; 
height:24px;
width:auto;
padding-top:11px;
} 

#navigation 
{ 
list-style: none; 
padding: 0; 
margin: 0 
} 

#navigation li 
{ 
float: left; 
display: block; 
margin: 0; 
padding: 0 
}


#navigation li.selected{
}


#navigation li.selected a{ /*selected main tab style */
background: url("../images/T101_bg_top_nav_hover_left.jpg") left top no-repeat;  /*THEME CHANGE HERE*/
height:37px;
width:auto;
color:#0c78bb;
}

#navigation li.selected a span{ /*selected main tab style */
background: url("../images/T101_bg_top_nav_hover_right.jpg") right top no-repeat;   /*THEME CHANGE HERE*/
height:37px;
width:auto;
padding-top:11px;
}

#navigation li.selected a:hover { /*selected main tab style */
background: url("../images/T101_bg_top_nav_hover_left.jpg") left top no-repeat;
height:37px;
width:auto;
color:#0c78bb;
}


#navigation li.selected a:hover span { /*selected main tab style */
background: url("../images/T101_bg_top_nav_hover_right.jpg") right top no-repeat; 
height:37px;
width:auto;
padding-top:11px;
}

.banner-flash {
	background: #ffffff ;
	width:510px;
	height:212px;
	padding:8px;
	
	
}


.banner-right_col {
	background: #ececec ;
	width:235px;
	height:228px;
	vertical-align:top;
	border-left:1px solid #dadada;
	
	
}


/* ---------------------------------------------------------------------
	=Member Login
 ---------------------------------------------------------------------*/

.member_login_box {
	background: url(../images/T101_bg_member_login.jpg) repeat-x;
	padding:4px 8px 3px 8px;
	height:89px;
	vertical-align:top;
	border:1px solid #dadada;
	
}

.member_login_title {
	font: 12px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}

.member_login_box a {
	font: 10px Arial, Helvetica, sans-serif;
	color:#0066FF;
	text-decoration:none;
	
}


.form_cell {
	padding:5px 0 5px 0;
}

/* ---------------------------------------------------------------------
	=Clients
 ---------------------------------------------------------------------*/
 
.featured_client_box {
	background: #ffffff; 
	border:1px solid #e7e7e7;
	height:105px;
	vertical-align:top;
	
}

.featured_client_title {
	font: 12px Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 7px;
	border-bottom:1px solid #CCCCCC;
}

.featured_client_logo {
	padding:5px 5px 5px 5px;
	text-align:center;
	vertical-align:middle;
	height:69px;
}

/* ---------------------------------------------------------------------
	=Latest Events
 ---------------------------------------------------------------------*/
.main_right_box {
	width:234px;
	height:auto;
	vertical-align:top;
	border-left:1px solid #dadada;
	background: #D9E5F0;
}
 
.latest_event_box {
	background: #d9e5f0 url(../images/T101_bg_latest_events.jpg) repeat-x;
	width:234px;
	height:auto;
	vertical-align:top;
	padding-bottom:10px;
	
}

.latest_events_title {
	font: 15px Arial, Helvetica, sans-serif;
	padding:20px 5px 10px 20px;
}

.latest_event {
	margin:5px 15px 5px 15px;
	background-color:#bdddf9;
	border:1px solid #ffffff;
	width:204px;
	
}

.latest_event_padding {
	padding:10px;

}

.latest_event_date {
	font: 10px Arial, Helvetica, sans-serif;
}

.latest_event_title {
	font: bold 11px Arial, Helvetica, sans-serif;
}

.latest_event_text {
	font: 10px Arial, Helvetica, sans-serif;
}

.latest_event_photo {
	text-align:left;
	border:3px solid #ffffff;
	margin:0 7px 2px 0;
}


/* ---------------------------------------------------------------------
	=Body Center --- Welcome & Photo Gallery
 ---------------------------------------------------------------------*/
 
.main_box {
	width:527px;
	height:auto;
	vertical-align:top;
	border-top:1px solid #dadada;

}

.welcome_box {
	padding:10px 20px 20px 20px;

}

.welcome_title {
	font: 20px Arial, Helvetica, sans-serif;
	position: relative;
	color:#999999;
    left:-10px;
}

.welcome_text {
	font: 11px Arial, Helvetica, sans-serif;
}

.gallery_box {
	background:#d4e1f4 url(../images/T101_bg_photo-gallery.jpg) repeat-x;
	height:136px;
}


.gallery_title {
	font: 12px Arial, Helvetica, sans-serif;
	padding:6px 8px 8px 12px;
	color:#FFFFFF;
}

.gallery_photo {
	text-align:left;
	border:3px solid #ffffff;
	margin:20px 0 20px 20px;
}

/* ---------------------------------------------------------------------
	=Left Column --- Newsletter
 ---------------------------------------------------------------------*/
 
.main_left_box {

	width:235px;
	height:auto;
	vertical-align:top;
	background: #D9E5F0;
	border-right:1px solid #dadada;
	
}


.newsletter {
	background: #d9e5f0 url(../images/T101_bg_newsletter.jpg) repeat-x;
	width:207px;
	height:88px;
	padding:16px;
	vertical-align:top;
}

.newsletter_title {
	font: 14px Arial, Helvetica, sans-serif;
	padding:0 0 10px 5px;

}

.form_list {
	font:10px Arial, Helvetica, sans-serif;
	height:18px;
	width:200px;
}

.form_input_box {
	font:10px Arial, Helvetica, sans-serif;
	height:12px;
	width:195px;
}

.form_button {
	padding:5px 5px 5px 0;
	text-align:right;
}

/* ---------------------------------------------------------------------
	=Left Column --- Current News
 ---------------------------------------------------------------------*/

.current_news_box {
	background: #d9e5f0 url(../images/T101_bg_current_news.jpg) repeat-x;
	width:235px;
	height:auto;
	vertical-align:top;
	padding-bottom:10px;
	
}

.current_news_title {
	font: 15px Arial, Helvetica, sans-serif;
	padding:20px 10px 10px 20px;
}

.current_news {
	margin:2px 15px 5px 14px;
	background-color:#ffffff;
	border:1px solid #b8d873;
	width:206px;
	
}

.current_news_padding {
	padding:10px;

}

.news_date {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#00CC33;
}

.news_title {
	font: bold 11px Arial, Helvetica, sans-serif;
}

.news_text {
	font: 10px Arial, Helvetica, sans-serif;
	color:#7e8e98;
}


/* ---------------------------------------------------------------------
	= Our Development & Featured Services
 ---------------------------------------------------------------------*/

.ds_box {
	background: #d9e5f0 url(../images/T101_bg_current_news.jpg) repeat-x;
	width:234px;
	height:auto;
	vertical-align:top;
	padding-bottom:10px;
	
}

.ds_main_title {
	font: 15px Arial, Helvetica, sans-serif;
	padding:20px 10px 10px 20px;
}

.ds_content {
	margin:2px 15px 5px 15px;
	background-color:#7597b6;
	border:1px solid #ffffff;
	width:204px;
	
}

.ds_padding {
	padding:10px;
	border-bottom:1px solid #c5c5c5;

}

.ds_title {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#ffe991;
}

.ds_text {
	font: 9px Arial, Helvetica, sans-serif;
	color:#ffffff;
}

.ds_box a {
	font: bold 9px Arial, Helvetica, sans-serif;
	color:#e7d624;
	text-decoration:none;
}

.ds_photo {
	text-align:left;
	border:2px solid #ffffff;
	margin:2px 7px 2px 0;
}

/* ---------------------------------------------------------------------
	= KEY FEATURES
 ---------------------------------------------------------------------*/

.kl_box {
	border-top:1px solid #ffffff;
}


.features_box {
	background: #7597b6 url(../images/T101_bg_title_bottom.jpg) repeat-x;
	width:300px;
	height:auto;
	vertical-align:top;
	border-right:1px solid #ffffff;
}

.features_main_title {
	font: 15px Arial, Helvetica, sans-serif;
	padding:8px 10px 8px 10px;

}

.features_content {
	margin:4px;
	background-color:#7597b6;
	width:90px;
	
}


.features_title {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#ffe991;
	padding:5px;
}

.features_text {
	font: 9px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:5px;
}


.features_photo {
	text-align:left;
	border:3px solid #ffffff;
	margin:8px;
}


/* ---------------------------------------------------------------------
	= LATEST PROJECT
 ---------------------------------------------------------------------*/


.project_box {
	background: #7597b6 url(../images/T101_bg_title_bottom.jpg) repeat-x;
	width:225px;
	height:auto;
	vertical-align:top;
}

.project_main_title {
	font: 15px Arial, Helvetica, sans-serif;
	padding:8px 10px 20px 10px;

}

.project_text {
	padding:5px;
	text-align:center;
}

.project_text a {
	font: 9px Arial, Helvetica, sans-serif;
	color:#ffffff;
}


.project_photo_td {
	text-align:center;
}

.project_photo {
	border:3px solid #ffffff;
}

/* ---------------------------------------------------------------------
	=Footer
 ---------------------------------------------------------------------*/
 .footer {
	border-top: 1px solid #CCCCCC;
	padding:8px 15px 5px 15px; 
	height:37px;
}

.footer_links {
	text-align:right;
	vertical-align:middle;
}
 
.footer_links a {
	font:12px Arial, Helvetica, sans-serif;
  	color:#cccccc;
  	text-decoration:none;
}
 
 
.footer_text
  {font:10px Arial, Helvetica, sans-serif;
  color:#cccccc;
  text-decoration:none;
  }