body {
	background-color: #999999;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-position: top left;
}
#container{
	width: 971px;
	margin: auto;
	background-image:url(../images/container_bg.gif);
	background-repeat:repeat-y;
}
#container_top{
	background-image:url(../images/container_top.gif);
	background-repeat:no-repeat;
	background-position: top left;
}
#container_bottom{
	background-image:url(../images/container_bottom.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	padding: 10px;
}

.clear{
	clear: both;
}
.divide{
	background-image:url(../images/nav_divide.gif);
	background-repeat:no-repeat;
	background-position: right;
}
#logo{
	clear: both;
	width: 952px;
	height: 212px;
	background-image:url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#logo h1{
	display: none;
}
#telephone{
	padding-top: 171px;
	padding-left: 32px;
}
#telephone a{
	text-decoration: none;
	color: #727ab1;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 20px;
}
#telephone a:hover{
	text-decoration: underline;
}
#telephone .image{
	background-image:url(../images/telephone_number.gif);
	background-repeat:no-repeat;
	text-indent: -9000em;
	width: 180px;
	height: 21px;
}
#content{
	padding: 32px;
	padding-top: 10px;
}
#col_1{
	width: 275px;
    height:100%;
	float: left;
}
#col_2{
	width: 287px;
	float: left;
	margin-left: 31px;
}
#col_3{
	float: right;
	width: 254px;
}
#col_4{
	width: 550px;
	float: left;
}
#col_5a{
	float: left;
	width: 254px;
}
#col_5{
	float: right;
	width: 600px;
}
#case_1{
	width: 252px;
    height:100%;
	float: left;
    border:solid;
    border-color: #ccc;
    padding: 15px;
    border-width:1px;
    margin-right:17px
}
#case_2{
	width: 252px;
	float: left;
     border:solid;
    border-color: #ccc;
    padding: 15px;
     border-width:1px;
   
}
#case_3{
	float: right;
	width: 252px;
     border:solid;
    border-color: #ccc;
    padding: 15px;
     border-width:1px;
    }
    
#case_4{
	width: 252px;
    height:100%;
	float: left;
    border:solid;
    border-color: #ccc;
    padding: 15px;
    border-width:1px;
    margin-right:17px;
    margin-top: 30px
}
h1{
	font-size: 1.45em;
	color: #59ccf6;
    margin-bottom: 10px;
    margin-top: 0px;
    font-weight:normal;
}
h2{
	font-size: 1.30em;
    color: #213083;
    margin-bottom: 10px;
    font-weight:normal;
}
h3{
	font-size: 1.10em;
	color: #213083;
    margin-bottom: 10px;
    font-weight:normal;
}
h4{
	font-size: 1.25em;
	color: #666666;
}
#project_teaser{
	border: solid 1px #cccccc;
	padding: 1px;
    width: 250px;
    
}
#project_teaser *{
	margin: 0px;
    
}	
#project_teaser .text{
	padding: 7px;
    background-color:#eaeaea;
}
#footer{
	width: 962px;
	margin: auto;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	margin-top: 4px;
	font-size: 0.9em;
	color: #666666;
}
#copyright{
	float: left;
	padding-left: 35px;
	padding-top: 20px;
}
#credit{
	float: right;
	padding-right: 35px;	
	padding-top: 20px;
}
#footer a{
	color: #666666;
	text-decoration: none;
}
a{
	color: #213083;
	text-decoration: none;
}
a:hover{
	
    color: #59ccf6;
	text-decoration: none;
}



#nav{
	width: 952px;
	background-image:url(../images/nav_bg.gif);
	background-repeat:no-repeat;
	background-position: top left;
}
#nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav ul li{
	float: left;
	line-height: 39px;
	height: 39px;
	/*margin-top: 1px;*/
}
#nav ul li a{
	color: #666666;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 22px;	
}
#nav ul li a:hover{
	text-decoration: underline;
}

.img-border{
border-color:#ccc;
padding: 1px;
border-width:1px;

 }
 
#what-next{
border-style: solid;
border-color:#cccccc;
padding: 0px;
border-width:1px;
margin-top:40px;
background-color: #E9E8E8;
 }
#what-next p{
font-size:20px;
font-family:; 
color: #666666;
margin:10px;
padding: 10px;
 }
#what-next a{
text-decoration:underline;

 }
#what-next a:hover{
text-decoration:underline
 }
/* 
	LEVEL ONE
*/
ul.dropdown                         {position:relative;height:34px;}
ul.dropdown li                      {font-weight:normal;float:left;zoom:1;}
ul.dropdown a:hover		            {color: #000;}
ul.dropdown a:active                {color: #666;}
ul.dropdown li a                    {display: block;padding:0px;color:#222;}
ul.dropdown li:last-child a         {border-right: none;} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown #home:hover          {background:url(../images/BG_nav_home_hover.gif) left no-repeat #FFF;}
ul.dropdown li:hover                {background:url(../images/BG_nav_hover.gif) top repeat-x #FFF;color:black;position:relative;}
ul.dropdown li.hover a              {color: black;}

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li 					{font-weight: normal;background:#fff;color:#000;width:200px;}
ul.dropdown ul li:hover 			{background:#f6f6f6;}
									  /*border-bottom: 1px solid #ccc; float: left;}*/
									  
                                    /* IE 6 & 7 Needs Inline Block */
/*ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{left: 100%; top: 0;}
ul.dropdown li:hover > ul 			{visibility: visible;}


