@charset "utf-8";
/* CSS Document */

body{
	background: url(../images/tile1.gif) 0 0 repeat-x #fff;
	padding:0;
	margin:15px 0 10px 0;
	color:#666;
	font-family: Tahoma;
	font-size:62.5%;
}
.top-container{
	margin:0 auto 0 auto;
	width: 1002px;
}
#container{
	width:938px;
	margin: 0 auto 0 auto;
	padding: 0 30px 0 30px;
	background: #fff;
	border-left: 2px solid #0f917d;
	border-right: 2px solid #0f917d;
}
a{
	color:#006699;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
#top-left{
	float:left;
	width:309px;
}
#top-right{
	float:right;
	text-align:right;
	width:629px;
}
.clear{
	clear:both;
}
#home-left{
	float:left;
	width:561px;
	padding: 19px 0 0 13px;
	font-size:1.1em;
	line-height:1.4em;
}
#home-left h1{
	margin:0 0 10px 0;
	padding:0;
}
#home-right{
	float:right;
	padding: 19px 0 0 0;
	font-size:1.1em;
}
/*-------------Home Shout Boxes------------*/
#home-shout{
	background: url(../images/home-shout-bottom.gif) 0 bottom no-repeat #e5f3f2;
	width:315px;
	padding: 0 0 20px 0;
}
#home-shout h1{
	background: url(../images/home-shout-header.gif) 0 top no-repeat;
	margin:0px;
	padding:8px 0 8px 10px;
}
#home-shout2{
	background: url(../images/home-shout-bottom.gif) 0 bottom no-repeat #e5f3f2;
	width:315px;
	padding: 0 0 20px 0;
}
#home-shout2 h1{
	background: url(../images/home-shout-header.gif) 0 top no-repeat;
	margin:0px;
	padding:8px 0 8px 10px;
}
.pic{
	margin: 10px;
	float:left;
}


/*----------------Top Navigation--------------*/
#nav{
	height:16px;
	padding: 39px 0 10px 0;
	float:right;
}
#nav a{
   float:left;
   display: block;
   text-decoration: none;
   height: 16px;
}
#nav a:hover{
 	background-position: 0 -16px;
}
a.home {
   width: 55px;
   background: url(../images/home-bt.gif) 0 0 no-repeat;
}
a.services {
   width: 81px;
   background: url(../images/services-bt.gif) 0 0 no-repeat;
}
a.about {
   width: 83px;
   background: url(../images/about-bt.gif) 0 0 no-repeat;
}
a.portfolio {
   width: 81px;
   background: url(../images/portfolio-bt.gif) 0 0 no-repeat;
}
a.contact {
   width: 67px;
   background: url(../images/contact-bt.gif) 0 0 no-repeat;
}
/*------------------Secondary Pages-----------------*/

#container-secondary{
	background: url(../images/left-tile.gif) 0 0 repeat-y;
	width:938px;
	font-size:1.1em;
}
#left{
	width:246px;
	float:left;
	background: url(../images/top-left.gif) 0 0 no-repeat;
	padding: 8px 0 0 0;
}
#left a.toplevel{
	background: #008f7c;
	display:block;
	height:26px;
	padding: 0 15px 0 15px;
}
#left a.secondlevel{
	display:block;
	color: #0f917d;
	font-size:1.2em;
	font-weight:bold;
	text-decoration: none;
}
#left ul { /* all lists */
	margin: 0;
	padding:0;
	width: 100%;
	list-style: none;
}
#left li{ /* all list items */
	margin:0;
	position: relative;
	list-style: none;
	border-bottom: 1px solid #c1dddb;
	padding: 5px 15px 0 18px;
	height:20px;
}
#left li:hover, #left li.sfhover{
	background: #f4fafa;
}
#shout{
	border-top: 1px solid #c1dddb;
	margin:40px 0 40px 0;
}
a.shoutbox{
	padding: 10px 15px 55px 18px;
	border-bottom: 1px solid #c1dddb;
	display:block;
	background: url(../images/view-more-bt.gif) right bottom no-repeat;
}
a.shoutbox img{
	display:block;
}
a:hover.shoutbox img{
	border:none;
	text-decoration:none;
}
#right{
	width: 688px;
	float:right;
}
#right-content{
	width: 620px;
	padding:34px;
	line-height:1.4em;
}
#right-content h1{
	padding:0 0 22px 0;
	margin:0;
}
#right-content h2{
	padding:0 0 5px 0;
	margin:0;
}
a.sub{
	display:block;
	color:#666;
}
a.sub img{
	border:none;
	display:block;
}
.col1{
	width:290px;
	padding: 0 20px 0 0;
	vertical-align:top;
}
.col2{
	width:290px;
	padding: 0 0 20px 20px;
	vertical-align:top;
}
#portfolio{
	padding-left: 32px;
}
/*-------------------Footer--------------------------*/

#footer{
	border-top: 19px solid #e5f3f2;
	padding: 14px 0 0 0;
	margin: 10px 0 0 0;
	color:#b5b6b9;
	text-align:center;
	font-size:1.1em;
}
#footer a{
	color:#b5b6b9;
	padding: 0 4px 0 4px;
}
/*-----------------------Misc------------------------*/
.picleft{
	margin: 0 10px 0 0;
}