body,
	html {
		margin:0;
		padding:0;
		color:#000;
		background:#808080;
background-image: url(../images/bgstripe.gif);
	background-repeat: repeat;

	}
body {

	margin: 0;
	padding: 0;
	font: 12px/16px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	color: #000;

	}	




img { border: 0px;  }



p { 
color: #000;

	}	



	
h2 { 
	font-size: 16px;; 
	color: #a01525;
	font-weight: bold;
	}
	
h3 { 
	color: #a01525; 
	font-size: 14px;
	font-weight: bold;
	
	}
h4  {
font-size: 12px;; 
	color: #a01525;
	font-weight: bold;
}	


table { 
	margin: 0;
	padding: 0;
	font: 11px/14px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	color: #000;
border: none;

	}
	
	th { 
		padding: 3px;
		background: #EEE; 
		}
	
	td {
		padding: 3px;
 vertical-align: top; }

		
	ul li{
font-size: 11px	}

#wrap {
		width:968px;
		margin:0 auto;
		background:#333333;

	}

#topbanner  {
background: #333333;
height: 40px;
}

/*  logo---------- */	


#logo {
padding:0px 20px 0 20px;
height: 110px;
background: #676767;
}


#logo img  {
padding-top: 20px;

}

#logopop {
padding:0px 0 0 20px;
height: 70px;
background: #676767;
width: 600px;
}

#logopop img  {
padding-top: 3px;
}


/*  main---------- */	



#main {
		float:left;

		width:962px;
		padding:3px;
height: 550px;

}
	
#main a:link {
color: #fff;
text-decoration: underline;
}

#main a:visited  {
	color: #ffffff;
text-decoration: underline;
}
#main a:hover  {
	color: #ffffff;
	background-color: #333333;
text-decoration: none;
}



/*  LEFT COL---------- */
	
#leftcol {
	float:left;
	width:180px;
height: 575px;
background-image: url(../images/scooptext.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#333333;
	padding: 0px;
z-index: 100;
	}

#leftcolm {
	float:left;
	width:180px;
height: 575px;
background-image: url(../images/mktngtext.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#333333;
	padding: 0px;
z-index: 100;
	}
#leftcolc {
	float:left;
	width:180px;
height: 575px;
background-image: url(../images/arttext.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#333333;
	padding: 0px;
z-index: 100;
	}
#leftcolw {
	float:left;
	width:180px;
height: 575px;
background-image: url(../images/webtext.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#333333;
	padding: 0px;
z-index: 100;
	}
	
#leftcolport {
	float:left;
	width:180px;
height: 575px;
background-image: url(../images/porttext.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#333333;
	padding: 0px;
z-index: 100;
	}

/*  content---------- */	

#content {
	
font-size: 11px;
line-height: 14px;
padding-top: 10px;

}

#content p{
font-size: 11px;
line-height: 14px;
}



#container {
  
  background-color: #333333;
  width: 770px;
margin-left: 180px;
  }

#clientcontainer {
  
  background-color: #333333;
  width: 770px;
margin-left: 180px;
  }


div.spacer {
  clear: both;
  }


/*  MAIN CONTENT---------- */	
div#org {
  float: left;
display: inline; 
  width: 270px;
  height: 538px;
  
  background-color: #cf7d27;
 
  padding-left: 6px;
  padding-right: 6px;

padding-top: 12px;
  }
  
div#org p {
   font-size: 11px;
font-weight: bold;
line-height: 20px;
padding-left: 15px;
padding-right: 10px;
   }
div#org h3 {
   font-size: 14px;
line-height: 18px;
color: #fde283;
padding-top: 4px;
padding-left: 15px;
padding-right: 10px;
   }


div#gray {
  float: left;
display: inline; 
  width: 226px;
  height: 550px;
  
  background-color: #333333;

  padding-left: 6px;
  padding-right: 6px;

  }

div#yel {
  float: left;
display: inline; 
  width: 226px;
  height: 538px;
  
  background-color: #ffc254;
  
  padding-left: 6px;
  padding-right: 6px;
padding-top: 12px;
  }
div#yel p {

color: #000;
text-transform: uppercase;
padding-left: 8px;

}


div#yel h3 {
color: #944808;
padding-left: 8px;

}

div#yel h4 {
color: #68710A;
text-transform: uppercase;
padding-left: 8px;
margin-bottom: -10px;
}

div#yel a:link {
color: #68710A;
text-decoration: underline;
}

div#yel a:visited {
color: #68710A;
text-decoration: underline;
}

div#yel a:hover{
color: #fff;
background-color: #000;
}

div#popwrapper  {
		float:left;

		width:600px;
		padding:3px;
height: 470px;
}

div#pop {
  float: left;
display: inline; 
  width: 550px;
  height: 440px;
  
  background-color: #ffc254;
  margin-left: 25px;
  padding-left: 6px;
  padding-right: 6px;
padding-top: 12px;
  }
div#pop p {

color: #000;
padding-left: 8px;

}


div#pop h3 {
color: #944808;
padding-left: 8px;

}

div#clientorg {
  float: left;
display: inline; 
  width: 270px;
  height: 538px;
  
  background-color: #cf7d27;
 
  padding-left: 6px;
  padding-right: 6px;

padding-top: 12px;
  }
  
div#clientorg p {
   font-size: 11px;
font-weight: bold;
line-height: 20px;
padding-left: 15px;
padding-right: 10px;
   }
div#clientorg h3 {
   font-size: 14px;
line-height: 18px;
color: #fde283;
padding-top: 4px;
padding-left: 15px;
padding-right: 10px;
   }
div#clientorg a:link {
color: #000;

}
div#clientorg a:visited {
color: #000;

}

div#clientorg a:hover {
color: #fff;
background-color: #000;

}

/*  PORTFOLIO---------- */	


div#orgport {
  float: left;
display: inline; 
  width: 370px;
  height: 295px;
  background-color: #c2702b;
  padding-left: 6px;
  padding-right: 6px;

padding-top: 0px;
  }



div#orgport h3 {
font-size: 14px;
line-height: 18px;
color: #fde283;
padding-top: 10px;
padding-left: 15px;
margin-bottom: 2px;
   }



div#greenport {
  float: left;
display: inline; 
  width: 370px;
  height: 295px;
  background-color: #a1a95c;
  padding-left: 6px;
  padding-right: 6px;
padding-top: 0px;

  }

div#greenport h2 {
font-size: 14px;
line-height: 18px;
color: #ffffff;

padding-left: 5px;
padding-top: 1px;
margin-top: 4px;
margin-bottom: 2px;
   }

div#greenport h3 {
font-size: 14px;
line-height: 18px;
color: #644712;
margin-top: 0px;
padding-left: 5px;
margin-bottom: 2px;
   }

div#greenport p {
padding-left: 5px;
}
.nobold  {
font-weight: normal;
font-size: 11px;
padding-left: 190px;
}




div#grayport {
  float: left;
display: inline; 
  width: 370px;
  height: 295px;
  background-color: #676767;
  padding-left: 6px;
  padding-right: 6px;
padding-top: 0px;
  }

div#grayport h3 {
font-size: 14px;
line-height: 18px;
color: #f1984d;
padding-top: 12px;
padding-left: 5px;
margin-bottom: 2px;
   }
div#yelport {
  float: left;
display: inline; 
  width: 370px;
  height:295px;
  background-color: #ffc254;
  padding-left: 6px;
  padding-right: 6px;
padding-top: 0px;
  }

div#yelport h3 {
font-size: 14px;
line-height: 18px;
color: #944808;
padding-top: 12px;
padding-left: 5px;
margin-bottom: 2px;
   }


/*  footer---------- */	

#footer {
		clear:both;
		padding-top:5px;
		background:#333333;
height: 40px;

	}
#footer p {
		margin:0 0 0 200px;
font-size: 9px;
color: #fff;
    }

#footer a:link  {
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
#footer a:visited {
color: #fff;
}


#footer a:hover  {
color: #000;
background-color: #fcd793;
}



.incfont  {
font-size: 12px;
font-weight: bold;
padding-left: 10px;
}


#footerport {
		clear:both;
		padding-top:50px;
		background:#333333;
height: 40px;

	}
#footerport p {
		margin:0 0 0 200px;
font-size: 9px;
color: #fff;
    }

#footerport a:link  {
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
#footerport a:visited {
color: #fff;
}


#footerport a:hover  {
color: #000;
background-color: #fcd793;
}





.textyel  {
	color: #fbde7a;
}

.textgrn  {
	color: #7e8a02;
}


/*  MENU---------- */	
#topnav   {
	
	position: absolute;
	top: 90px;
	left: 520px;
	
}



#menu ul{
	font-weight: bold;
color: #ffffff;
font-size: 11px;
z-index: 100;
}



#menu ul li a {
	font-weight: bold;
color: #ffffff;
font-size: 11px;
text-decoration: none;
}


ul.menu {
	list-style:none; 
	margin:0; 
	padding:0;
	text-align: left;

	}
	
ul.menu * {
	margin:0; 
	padding:0;}

ul.menu a {
	display:block; 
	color:#ffffff; 
	text-decoration:none;
		font-size: 11px;
		font-weight: bold;
}



ul.menu li {
	position:relative; 
	float:left; 
	margin-right:11px;

	}

ul.menu ul {
	position:absolute; 
	top:26px; 
	left:0; 
	background:#333333; 
	display:none; 
	opacity:0; 
	list-style:none;
}
ul.menu ul li {
	position:relative; 
	border:1px solid #000; 
	border-top:none; 
	width:148px; 
	margin:0;
	}
ul.menu ul li a {
	display:block; 
	padding:3px 7px 5px; 
	background-color:#333333;
	font-weight: bold;
	text-decoration: none;
	}
	
	

ul.menu ul li a:hover {
	background-color:#c2702b;
	font-weight: bold;}

ul.menu ul ul {
	left:148px; 
	top:-1px;}


ul.menu .menulink {
	padding:5px 7px 7px; 
	font-weight:bold; 
	background:#676767;
	font-size: 11px;
	font-weight: bold;
}




ul.menu .menulink:hover, ul.menu .menuhover {
background:#c2702b;

}



ul.menu .sub {background:#c2702b url(../images/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline {border-top:1px solid #000;}#menu ul li{
	font-weight: bold;
color: #fff;
font-size: 12px;
}