/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

.blocked{display:block;width:100%;height:100%;text-decoration:none;}
.clear_fix{clear:both;}

.blue{color:#005A84;}
.green{color:#B2BB1E;}
.orange{color:#F47836;}
a{color:#005A84; text-decoration: none;} /* normal links BLUE */
a:hover{color:#F47836;} /* normal hovers ORANGE */
.item a{color:#F47836;} /* item links ORANGE */
.item a:hover{color:#005A84;} /* item hovers BLUE */

h2{font-size: 15pt; line-height: 40px; text-transform: uppercase;}
p{font-size: 10pt; line-height: 19px; padding-bottom: 19px;}
ol{
	font-size: 10pt;
	list-style: upper-roman;
	padding-left: 40px;
	padding-bottom: 10px;
}
ol li{
	list-style: decimal;
	line-height: 19px;
}

body{
	background: url(../images/bkgd.jpg) repeat-x;
}
#wrapper{
	width: 820px;
	margin: 0 auto;
	position: relative;
	font-family: Arial, Helvetica, Sans-serif;
}
#logo{
	background:url(../images/logo.jpg) no-repeat;
	width:246px;
	height: 45px;
	padding-bottom: 30px;
}
.divider{
	clear:both;
	width: 100%;
	height: 3px;
	border-top: dotted 2px #666;
	margin:10px 0;
}
.rotator{
	width: 820px;
	height: 319px;
}
#intro{
	margin:7px 0 0 10px;
	width:280px;
	font-size: 10pt;
	line-height: 17px;
}
#content{
	width: 700px;
	margin-left: 60px;
	line-height: 30px;
}
.item{
	clear:both;
	display: block;
	width:100%;
}
	.item .left-col{float: left; width:320px;}
	.item img{float:left; margin: 0 25px 10px 0;}

/* NAVIGATION */
div#main_navi{
	float:right;
	padding: 9px 0 0 0px;
	width:520px;
	height:46px;
}
	div#main_navi ul.left{
		float: right;
		list-style-type: none;
		/*list-style-image:url(../images/bullet.gif);
		padding: 0px 0 0 0px; /* top, right, bot, left : adjust this for the padding on the left side buttons */
		width: 520px;
		}
		div#main_navi ul li{
			position: relative;
			float: right;
			background-color:transparent;
			} 
div#main_navi ul li a, div#main_navi ul li span{
  background-repeat: no-repeat;
  background-color: transparent;
  height: 33px;
  float: left;
  padding: 0 0px 0 0px;
  outline: 0;
}
div#main_navi ul li span, div#main_navi ul li span a{
  background-position: 0 0px;
}
div#main_navi ul li .home a{
  background-image: url("../images/nav_home.jpg");
  width: 102px;
}
div#main_navi ul li .work a{
  background-image: url("../images/nav_work.jpg");
  width: 102px;
}
	div#main_navi ul li .work{
		 background-image: url("../images/nav_work.jpg");
  		 width: 102px;
  		 background-position: 0 -33px;
  	}
div#main_navi ul li .team a{
  background-image: url("../images/nav_team.jpg");
  width: 102px;
}
	div#main_navi ul li .team{
		 background-image: url("../images/nav_team.jpg");
  		 width: 102px;
  		 background-position: 0 -33px;
  	}
div#main_navi ul li .approach a{
  background-image: url("../images/nav_approach.jpg");
  width: 101px;
  margin-right: 2px;
}
	div#main_navi ul li .approach{
		 background-image: url("../images/nav_approach.jpg");
  		 width: 101px;
  		 margin-right: 2px;
  		 background-position: 0 -33px;
  	}
div#main_navi ul li .contact a{
  background-image: url("../images/nav_contact.jpg");
  width: 101px;
}
	div#main_navi ul li .contact{
		 background-image: url("../images/nav_contact.jpg");
  		 width: 101px;
  		 background-position: 0 -33px;
  	}
div#main_navi ul li a:hover,active,focus {
  background-position: 0 -33px;
}
	/*---------------------header dropdown menu 20090803---------------------------------------
			div#main_navi ul.right li ul{
				display: none;
				position: absolute;
				z-index:99;
				list-style:none;
				left: 0;
				top:28px;
				width: 125px;
				margin-top: 0px;
				padding: 0 3px;
				height: auto;
				background-color:#131313;
				border: 1px solid #333;
				border-top: 0;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				font-family:Arial, Helvetica, sans-serif;
				}
			div#main_navi ul.right li ul li{
				width: 125px;
				overflow: hidden;
				border-bottom:thin solid #333;
				}
			div#main_navi ul.right li ul li a{
				font-size: 12px;
				padding: 7px;
				margin: 0 2px;
				color:#fff;
				height:auto;
				text-decoration:none;
				}
			div#main_navi ul.right li ul li a:hover{
				color: #91C742;
			}
	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*       home buttons        */
.but_work {
	float: left;
	width:170px;
	height:56px;
	display:block;
	background-image:url(../images/but_work.jpg);
	background-position: 0 0;
	margin: 10px 0;
}
.but_work span.hover{
	position: absolute;
	display: block;
	width:170px;
	height:56px;
	background-position: 0px -56px;
	background-image:url(../images/but_work.jpg);
}
.but_team {
	float: left;
	width:170px;
	height:56px;
	display:block;
	background-image:url(../images/but_team.jpg);
	background-position: 0 0;
	margin: 10px 0;
}
.but_team span.hover{
	position: absolute;
	display: block;
	width:170px;
	height:56px;
	background-position: 0px -56px;
	background-image:url(../images/but_team.jpg);
}
.but_approach {
	float: left;
	width:170px;
	height:56px;
	display:block;
	background-image:url(../images/but_approach.jpg);
	background-position: 0 0;
	margin: 10px 0;
}
.but_approach span.hover{
	position: absolute;
	display: block;
	width:170px;
	height:56px;
	background-position: 0px -56px;
	background-image:url(../images/but_approach.jpg);
}
/*       END home buttons        */

#footer{
	border-top: solid 1px #005A84;
	margin-top: 15px;
	padding: 7px 0 20px 0;
	font-size: 9pt;
	color:#666;
}