/* CSS Document */

html, body, #container
{
	min-height: 100%; /*Sets the min height to the   height of the viewport.*/
	width: 100%;
	height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers*/
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:130%;
	position:relative;
}

html>body, html>body #container
{ height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/  }

h1{
font-size:2em;
color:#004b96;
font-weight:normal;
line-height:120%;
}

h2{
font-size:1.2em;
color:#004b96;
font-weight:normal;
}

h3{
font-size:1.5em;
color:#004b96;
font-weight:normal;
float:left;
width:253px;
margin:0 20px 0 0;
padding:0;
line-height:140%;
}

a:link, a:visited {color:#004b96; text-decoration:none;}
a:hover, a:active{color:#bcd07d;}

#welcometext{margin:15px 0 0 0; padding:0;}

#container{
width:780px;
margin:0 auto;
margin-top:20px;
}

#header{
width: 100%;
background-color: #ffffff;
position:relative;
margin:0 0 15px 0;
}

#nav{display:block; width:309px; float:right; margin-top:15px;}

#nav a {display:block; height:0; padding-top:11px; color:#000; overflow:hidden;}

html #menu a:link, * html #menu a:visited {height:11px; he\ight:0;}

#nav ul{margin:0; padding:0; list-style-type:none;}

#nav li {float:left;}

#nav li.list1 {width: 60px; background:transparent url(images/nav_home_off.gif) no-repeat; margin:0 40px 15px 0;}
#nav li.list2 {width: 74px; background:transparent url(images/nav_about_off.gif) no-repeat; margin:0 40px 15px 0;}
#nav li.list3 {width: 76px; background:transparent url(images/nav_whatwedo_off.gif) no-repeat; margin:0 0 15px 0;}
#nav li.list4 {width: 60px; background:transparent url(images/nav_expertise_off.gif) no-repeat;margin-right:40px;}
#nav li.list5 {width: 74px; background:transparent url(images/nav_clients_off.gif) no-repeat;margin-right:40px;}
#nav li.list6 {width: 76px; background:transparent url(images/nav_contact_off.gif) no-repeat;}

#nav a#home {background:transparent url(images/nav_home_over.gif) -100px -100px no-repeat;}
#nav a#about {background:transparent url(images/nav_about_over.gif) -100px -100px no-repeat;}
#nav a#whatwedo {background:transparent url(images/nav_whatwedo_over.gif) -100px -100px no-repeat;}
#nav a#expertise {background:transparent url(images/nav_expertise_over.gif) -100px -100px no-repeat;}
#nav a#clients {background:transparent url(images/nav_clients_over.gif) -100px -100px no-repeat;}
#nav a#contact {background:transparent url(images/nav_contact_over.gif) -100px -100px no-repeat;}

#nav a#home:hover {background-position:0 0; z-index:50;}
#nav a#about:hover {background-position:0 0; z-index:50;}
#nav a#whatwedo:hover {background-position:0 0; z-index:50;}
#nav a#expertise:hover {background-position:0 0; z-index:50;}
#nav a#clients:hover {background-position:0 0; z-index:50;}
#nav a#contact:hover {background-position:0 0; z-index:50;}

* html #nav a:hover {height:11px; he\ight:0;}

#section-home #nav li.list1 {background:transparent url(images/nav_home_on.gif) no-repeat;}
#section-about #nav li.list2 {background:transparent url(images/nav_about_on.gif) no-repeat;}
#section-whatwedo #nav li.list3 {background:transparent url(images/nav_whatwedo_on.gif) no-repeat;}
#section-expertise #nav li.list4 {background:transparent url(images/nav_expertise_on.gif) no-repeat;}
#section-clients #nav li.list5 {background:transparent url(images/nav_clients_on.gif) no-repeat;}
#section-contact #nav li.list6 {background:transparent url(images/nav_contact_on.gif) no-repeat;}

#section-home a#home:hover {background:transparent url(images/nav_home_on.gif) no-repeat;}
#section-about a#about:hover {background:transparent url(images/nav_about_on.gif) no-repeat;}
#section-whatwedo a#whatwedo:hover {background:transparent url(images/nav_whatwedo_on.gif) no-repeat;}
#section-expertise a#expertise:hover {background:transparent url(images/nav_expertise_on.gif) no-repeat;}
#section-clients a#clients:hove {background:transparent url(images/nav_clients_on.gif) no-repeat;}
#section-contact a#contact:hover {background:transparent url(images/nav_contact_on.gif) no-repeat;}


#home_bottom{margin:0; padding:0;} 	

#content_top{margin:0; background-color:#e5f1c0; height:326px;}

#content_bottom{margin:0; padding:0; background:url(images/bg_gradient.gif) repeat-x;} 

#intro_text{
float:right;
width:340px;
height:306px;
overflow:auto;
position:relative;
padding:20px 20px 0px 20px;
margin:0px;
}

#intro_text p.address{margin:0px;}

#intro_text a:link, #intro_text a:visited {color:#004b96; text-decoration:none;}
#intro_text a:hover, #intro_text a:active{color:#bcd07d;}

#intro_link a:hover {background-color:#004b96; color:#f2f2f2;}

#features_container{padding:0px; font-size:130%; text-decoration:none;}
#features_container a{text-decoration:none;}
#features_container a:visited{color:#004b96;}
#features_container img{padding:5px; border: #004b96 thin solid;}
#features_container h2{margin:7px 0 5px 0; padding:0;} 
#features_container p{font-size:0.8em; line-height:120%; margin:0; padding:0;}
#features_l, #features_m, #features_r{width:240px; margin:0; padding:0; float:left;}

#features_l{margin-right:30px;}
#features_r{float: right}



#footer {border-top: #004b96 7px solid; margin-top:20px;padding-bottom:20px; height:50px;}
#footer p{font-size:0.8em; line-height:50%; padding:0; margin:10px 0 0 0;}
#footer a, a:visited {color:#999999;}
#footer a:hover, a:active {color:#004b96;}


.clearing{clear:both; margin:0; padding:0;}




#right{
float:right;
width:350px;
padding: 20px 20px 0 20px;
margin:0;
background-color:#FFFFFF;
}

#right a:link, #right a:visited {color:#004b96; text-decoration:none;}
#right a:hover, #right a:active{color:#bcd07d;}

#left{
float:left;
width:390px;
margin:0; padding:0px 0 0 0;
text-align:right;
}

#right p{
margin:0 0 0 0;}

#right h1 {
color:#95a464;
font-size:1.3em;
padding:0;
margin:0;
}

#left a {
color:#999999;
text-decoration:none;
padding:0 5px 0 0;
border-right:3px solid #999999;

}

#left a:hover{
color:#bcd07d;
text-decoration:none;
padding:0 5px 0 0;
border-right:3px solid #bcd07d;
}

#left ul{margin-top:25px;}

#left li {
font-size:1.2em;
list-style: none;
margin:0 20px 10px 0;
}

#current_page a{
color:#004b96;
border-right:3px solid #004b96;
}

#current_page a:hover{
color:#004b96;
border-right:3px solid #004b96;
}


#right ul{list-style-type:none; margin:0 0 20px 0; padding:0;}
#right ul h1{line-height:200%;}

.subintro{font-size:115%; line-height:150%; margin:0; padding:0;}

html, body {
height: 100%;
min-height: 100%;
}

div#right {
height: 100%;
min-height:250px;
}