/*  Intelligent Design & Construction LLC  */
/*  This file is strictly for the use of IDCS  */
/*  All Rights Reserved 2007  */
/*  Creation Date: 1/23/07  */

/*  Date Last Modified: 2/3/07  */

html{

scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #40bdfb;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;

}

body{
	background-image: url(../imgs/background_pattern.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;	
}
bodyg{
	background-color: #017F01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 0px;
	margin-top: -20px;
}



a:link{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}

a:visited{
	color: #40bdfb;
	text-decoration: none;

}

#container{
	width: 800px;
	background-color: white;
	background-image: url(../imgs/bg_borders.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding-left: 11px;
	padding-right: 11px;
}

#containerg{
	width: 800px;
	background-color: #99ff99;
	background-image: url(../imgs/bg_borders.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	padding-left: 11px;
	padding-right: 11px;
}

.header{
	position: relative;
	
	
}

.headerg{
	position: relative;
	background-color: #017F01;
}


.page_title{
	position: absolute;
	margin-left: 180px;
	margin-top: 105px;
	display: inline;
	width: 536px;
	font-size: 20px;
	font-weight: bolder;
	color: #009100;
	text-align: right;
	letter-spacing: -1px;
	left: 84px;
	top: 1px;
	height: 23px;
	
	

}

/*NAVIGATION START*/


#navigation{
	background-image: url(../imgs/bar.jpg);
	height: 30px;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
}


#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	border-right: 1px solid #333;
	font-size: 11px;
	color: #ffffff;
}

#p7menubar a.trigger {
	padding: 8px 16px 8px 10px;
	background-repeat: no-repeat;
	background-position: right center;
}




.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#p7menubar li {
	float: right;
	width: 9em;
}

#p7menubar li ul, #p7menubar ul li  {
	width: 11em;
}

#p7menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	background-image: url(imgs/bar.jpg);
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #40bdfb;
	
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: #FFFFFF;
	font-size: 10px;
}

#p7menubar ul a:hover {
	/*background-color: #ff0000!important;*/
	background-image: url(../imgs/bar.jpg);
	font-size: 10px;
	color: #ffffff;
}

#p7menubar li {width: auto;}
/*Navigation END*/






.main_img{
	position: relative;
}

.main_imgg{
	position: relative;
	background-color: #017F01;
}

.barbottom{
	position: relative;
	height: 23px;
	background-image: url(../imgs/bar.jpg);
	margin-top: -6px;
	padding-top: 5px;
}

.f1{
	color: #ffffff;
	margin-left: 15px;
	font-weight: bolder;
	font-size: 14px;
}



/* CONTENT AREA */

#cnt{

	width: 800px;
	display: inline;
	background-color: #FFFFFF;
	border: 1px white solid;
	padding-top: 1px;
	padding-left: 1px;

}

#cntg{

	width: 800px;
	display: inline;

	border: 1px white solid;
	padding-top: 1px;
	padding-left: 1px;
background-color: #99ff99;
}
.zone1{
	
	width: 185px;
	float: left;
	padding: 0 15px;

}


.zone2{
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	width: 282px;
	float: left;
	padding: 0 15px;
}

.zone3{
	
	width: 230px;
	float: left;
	padding-left: 15px;
	paddin-right: 15px;
}



/*Quicklinx*/
#quicklinx{
	width: 150px;
	height: auto;
	margin-left: 26px;
	
	color: #ffffff;
	font-weight: bolder;
	font-size: 18px;
	letter-spacing: -1px;
}

#quicklinx .ql1{
	background-color: #00ccff;
	padding: 10px 0 5px 15px;
	height: 20px;
}

#quicklinx .ql2{
	background-color:#191919;
	margin-top: 1px;
	padding: 10px 0 5px 15px;
	height: 20px;
}
#quicklinx .ql3{
	background-color:#333333;
	margin-top: 1px;
	padding: 10px 0 5px 15px;
	height: 20px;

}
#quicklinx .ql4{
	background-color:#666666;
	margin-top: 1px;
	padding: 10px 0 5px 15px;
	height: 20px;
}

#quicklinx .ql5{
	background-color:#339966;
	margin-top: 1px;
	padding: 10px 0 5px 15px;
	height: 20px;
}


#quicklinx a{
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}
#quicklinx a:hover{
	text-decoration: none;
	color: #ffffff;
}





/*NON MAIN PAGES- only has 2 columns*/
.nonmainzone1{
	
	width: 200px;
	float: left;
	padding: 0 15px;

}


.nonmainzone2{
	border-left: 1px #cccccc solid;
	width: 450px;
	float: left;
	padding: 0 50px;
	background-image: url(../imgs/content_bg.jpg);
	background-repeat: no-repeat;
}
.nonmainzone2R{
	border-left: 1px #cccccc solid;
	width: 450px;
	float: right;
	padding: 0 50px;
	background-image: url(../imgs/content_bg.jpg);
	background-repeat: no-repeat;
}

.nonmainzone2_nobg{
	border-left: 1px #cccccc solid;
	width: 460px;
	float: left;
	padding: 0 45px;

}
.nonmainzone2_green{
	border-left: 1px #cccccc solid;
	width: auto;
	float: none;
	background-color: #017F01;
	padding-top: -40px;
	padding-right: 45px;
	padding-bottom: 100px;
	padding-left: 45px;
	height: 3000px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;

}

.nonmainzone1g{
	width: 200px;
	float: left;
	padding: 0px;
	background-color: #017F01;
	height: 3000px;
}


/*1 colum layout for portfolio*/
#zone_1column{
	
	width: 770px;
	float: left;
	padding-left: 15px;
	paddin-right: 15px;
}





#teamlink{
	color: #333333;
	width: 144px;
	
	width: 100px;
	padding: 0 15px;
	margin-left: 30px;

}

#commitment{
	width: 100%;
	background-color: #EFEFEF;
	padding: 2px 5px 5px 10px;
}



#team_box{
	background-color: #efefef;
	padding: 5px 0 5px 15px;
	height: 20px;
}

#teambox_var{
	background-color: #ffffff;
	padding: 5px 0 5px 15px;
	height: 20px;
}

#teamborder{
	border: 1px #efefef solid;
	height: auto;
}


/*End Content Area*/
.hr_thin {
	height: 1px;
	
}

.green{
	background-color: #017F01;
}

.name{
	color: #333333;
	font-size: 18px;
	font-weight: bold;
        
}

.name2{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
background-color: #ffffff;
border: 2px #cccccc solid;

}


.name3{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
background-color: #ffffff;
border: 2px #cccccc solid;

}

.name3{
	color: #333333;
	font-size: 24px;
}
.title{
	color: #999999;
	font-size: 12px;
}


.clear{
	clear: both;
}


#indentless{
	list-style: none;
	margin-left: -5px;
	text-decoration: none;
	
}

#footer{
	margin: 0 auto;
	width: 822px;
	height: 75px;
	background-image:url(../imgs/footerbg.gif);
	background-repeat: no-repeat; 
}

#barfooter{
	width: 800px;
	background-image: url(../imgs/bar.jpg);
	background-repeat:no-repeat;
	height: 12px;
	margin-left: 11px;
	z-index: 10000;
	
}
#footertext{
	text-align: center;
}

.small{
	font-size: x-small;
}

.contact_form{
	width: 98%;
	margin: 0 auto;
	text-align: left;
	
}

.basicinfo{
	border: 1px #cccccc solid;
	padding: 20px;
	width: 95%;
}
	
.imagepadding{
	margin-right: 30px;
}
#container #cntg .nonmainzone2_green div strong .name.style5 {
	text-align: center;
}
#container #cntg .nonmainzone2_green div strong .name.style5 {
	color: #0C0;
}


.gfg-root {
  width : 100%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 14px;
  border: 1px solid #BCCDF0;
}

.gfg-title {
  font-size: 18px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 14px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 10px;
}

.gfg-subtitle a {
  color : #3366cc;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 9.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 10px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 7px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 7px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}