*, html, body {padding: 0px; margin: 0px;}

html {
     overflow: -moz-scrollbars-vertical;
}

/*turns on borders for all elements*/
/* * {border: 1px solid red;}*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #eee;
	color: #555;
	margin-top: 7px;
}



#wrapper{
	position: relative;
	width: 760px;
	text-align:left;
	margin: 0px auto;
	right:0;
	border: 7px solid #fff;
}

#masthead {
	display: block;
	width: 760px;
	height: 135px;
	background: url("img/masthead.jpg") top left no-repeat #9C3;
	border-bottom: 7px solid #fff;
}



/* centerWrap wraps all the content below the masthead, above the footer*/
#centerWrap {
position: relative;
z-index: 10;
height: auto;
/*overflow: hidden;*/
width: 760px;
background: url(img/mainNav_bg.jpg) left repeat-y #fff;
}









/*-- Navigation --*/

/* INSIDE NAV DIV */
#insideNav {
	float: left;
	width: 154px;
	margin-left: 0px;
	margin-top: 10px;
	padding-left:10px;
	list-style:none;
}

/* INSIDE NAV TOP LEVEL BUTTON */
#insideNav ul {
	margin-bottom:200px;
	list-style:none;
}
#insideNav li{
	margin-top: 10px;
	margin-bottom: 10px;
	/*border:#ccc solid 1px;*/
	list-style-position:outside;
	list-style:none;
}

/* INSIDE NAV 2ND LEVEL BUTTON */
#insideNav li ul {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
}

#insideNav li ul li {
	list-style: url("img/paragraphList_bullet.gif");
}

#insideNav li a:link,
#insideNav li a:visited {color: #9a5; text-decoration: none;}
#insideNav li a:hover {color: #333; text-decoration: none;}






/*bullet cleaner*/
#mainContent ul{
	/*list-style: inside url("img/paragraphList_bullet.gif");*/
	list-style-type: none;
}

/*clearing div*/
.clear{clear: right;}


/*-----------------------
	Main Content (non flash)
-----------------------*/
#mainContent {
	background: #fff;
	margin-left: 190px;
	background-image:url("img/bg_content.jpg");
	background-repeat:repeat-y;
}

/* repairs section header image just for IE*/
#mainContent img {float: right;}
#mainContent ul li img {float:none; border: 0px; text-decoration: none;}
/* fix the float in modern browsers */
#mainContent>img {float:none; display: block;}

/* remove float in text content area */
#mainContent #textContainer img {float:none;}


#mainContent p {
padding-top: 5px;
padding-bottom: 10px;
padding-right: 50px;
line-height: 1.5em;
}


#mainContent h1>p
{
margin: 0px;
}

#mainContent p a:link,
#mainContent p a:visited{
text-decoration: none;
color: #678922;
font-weight: bold;
border-bottom: 1px dotted #678922;
}
#mainContent p a:hover{
color: #000; 
text-decoration: none; 
border-bottom: 1px solid #000;
}

#textContainer{
display: block;
width: 365px;
margin-left: 200px;
/*margin-bottom: -80px;*/
padding-bottom: 50px;
padding-right: 0px;
}

#textContainerWide{
display: block;
width: 500px;
margin-left: 20px;
/*margin-bottom: -80px;*/
padding-bottom: 170px;
}

#mainContent ul.paragraphList li, #mainContent ol.paragraphList li
{
	list-style: inside url("img/paragraphList_bullet.gif");
	/*margin-left: .5em;*/
	margin-top: .5em;
}

#mainContent ul a:link,
#mainContent ul a:visited
{
color: #6A960A;
}

#mainContent ul a:hover
{
color: #333;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
font-family: Futura, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin-top: 10px;
margin-bottom: 5px;
}

#mainContent h1 {
	font-size: 2em;
	margin-top:0px;
}

#mainContent h2 {
color: #690;
margin-top: 5px;
margin-bottom: 2px;
font-size: 1.5em;
}

#mainContent h3 {
font-size: 1.2em;
}

#mainContent h4 {
font-size: 11px;
font-weight:bold;
}

#s hadowleft { background: url("img/grad_left.jpg") repeat-y;}
























/*-----------------------
	Main Content (with flash)
-----------------------*/

#mainContent.flash {
background: url("img/flash.jpg") no-repeat;
height: 273px;
}
.notHome {
	padding:20px;
	float:none;
}

#home #centerWrap {
height:273px;
}

/*-----------------------
	Main Navigation
-----------------------*/

#mainNav {
width: 179px;/* was 180 reduced for IE*/
height: 273px;
float: left;
border-right: 7px solid #fff;
}

#mainNav ul, #mainNav ol {
margin: 10px 0px 10px 20px;
width: 129px;
}

#mainNav ul li a{
text-decoration: none;
border: 0px;
display: block;
height: 30px;
}

#mainNav .home, #mainNav .about, #mainNav .segments, #mainNav .services,
#mainNav .portfolio, #mainNav .resources, #mainNav .estimating,
#mainNav .production, #mainNav .join
{
display: block;
background: transparent;
text-indent: -1000em;
height: 30px;
width: 129px;
}

/*image replacement*/
#mainNav .home {background: transparent url("img/mainNav_link.gif") top left no-repeat;}
#mainNav .about {background: transparent url("img/mainNav_link.gif")  no-repeat 0px -30px;}
#mainNav .segments {background: transparent url("img/mainNav_link.gif")  no-repeat 0px -60px;}
#mainNav .services {background: transparent url("img/mainNav_link.gif") no-repeat 0px -90px;} 
#mainNav .portfolio {background: transparent url("img/mainNav_link.gif") no-repeat 0px -120px;} 
#mainNav .resources {background: transparent url("img/mainNav_link.gif") no-repeat 0px -150px;}
#mainNav .estimating {background: transparent url("img/mainNav_link.gif") no-repeat 0px -180px;}
#mainNav .production {background: transparent url("img/mainNav_link.gif") no-repeat 0px -210px;}
#mainNav .join {background: transparent url("img/mainNav_link.gif") no-repeat 0px -240px;}
/*hover states*/

#mainNav .home:hover {background: transparent url("img/mainNav_hover.gif") top left no-repeat;}
#mainNav .about:hover {background: transparent url("img/mainNav_hover.gif")  no-repeat 0px -30px;}
#mainNav .segments:hover {background: transparent url("img/mainNav_hover.gif")  no-repeat 0px -60px;}
#mainNav .services:hover {background: transparent url("img/mainNav_hover.gif") no-repeat 0px -90px;} 
#mainNav .portfolio:hover {background: transparent url("img/mainNav_hover.gif") no-repeat 0px -120px;} 
#mainNav .resources:hover {background: transparent url("img/mainNav_hover.gif") no-repeat 0px -150px;}
#mainNav .estimating:hover {background: transparent url("img/mainNav_hover.gif") no-repeat 0px -180px;}
#mainNav .production:hover {background: transparent url("img/mainNav_hover.gif") no-repeat 0px -210px;}
#mainNav .join:hover {background: transparent url("img/mainNav_hover.gif") no-repeat 0px -240px;}

/*-----------------------
	textInside
-----------------------*/

#mainContent #textContainer ul, #mainContent #textContainerWide ul {
	padding:10px;
	list-style: outside url("img/paragraphList_bullet.gif");
	list-style-type: none;
	margin-left: 5px;
}

#textContainer ul li, #textContainerWide ul li {
	
	list-style: outside url("img/paragraphList_bullet.gif");
	list-style-type: none;
	margin-bottom:10px;
}

#textContainer ol, #textContainerWide ol {
	margin-left:20px;
	padding-left:0px;
}


/*-----------------------
	Forms
-----------------------*/

form table tr td {
	border-bottom: solid thin #6A960A;
	padding-bottom:3px;	
	padding-top:3px;
}

form table tr td table tr td {
	border-bottom: 0px;
}



/*-----------------------
	Portfolio
-----------------------*/
#sitemap img {
	display:none;
}

#sitemap ul li ul li img {
	display: block;
}

#sitemap ul li ul {
	float:none;
	margin:0px;	
	padding:0px;
	margin-left:30px;
}


/*-----------------------
	Portfolio
-----------------------*/
#portNav {
	background-color:#FFFFFF;
}

#portNavUL {
border-top: 7px solid #fff;
}

#portNavUL li {
display: inline;
}

#portNavUL li a img{
border: 0px;
margin: 0px;
padding: 0px;
}

/*-----------------------
	Footer
-----------------------*/

#footer {
clear: both;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
background: #CF3;
color: #6A960A;
height: 100px;
padding-top: 11px;
padding-left: 20px;
border-top: 7px solid #fff;
}

/* jsut the UL classed "links" in the footer*/


ul.links li {
display: inline;
}

#home ul.links li a:link, 
#home ul.links li a:visited {
border-right: 1px solid #6A960A;
padding: 0em 1em 0em 1em;
color: #6A960A;
text-decoration: none;
}

#home ul.links li a:hover{
color: #333;
text-decoration: none;
}

ul.links li a:link, 
ul.links li a:visited {
border-right: 1px solid #6A960A;
padding: 0em 1.5em 0em 1.5em;
color: #6A960A;
text-decoration: none;
}

ul.links li a:hover{
color: #333;
text-decoration: none;
}

ul.links li a.last, #home ul.links li a.last {
	border:0px;
}

	/******************/
	/*      Flag      */
	/******************/
	
#flag ul {
	float:left;
}

#flag li {display: inline;}

#flag li a {
	text-decoration: none;
	border: 0px;
	float: left;
	display: block;
	text-indent: -1000em;
	width: 105px;
	height: 34px;
}

#flag li a.ftp {border: 0px;background: transparent url("img/flag_link.jpg") no-repeat top left;}
#flag li a.contact {border: 0px;background: transparent url("img/flag_link.jpg") no-repeat -105px; width: 95px;}
#flag li a.quote {border: 0px;background: transparent url("img/flag_link.jpg") no-repeat -207px;}

/*hover states */
#flag li a.ftp:hover {border: 0px;background: transparent url("img/flag_hover.jpg") no-repeat top left;}
#flag li a.contact:hover {border: 0px;background: transparent url("img/flag_hover.jpg") no-repeat -105px;}
#flag li a.quote:hover {border: 0px;background: transparent url("img/flag_hover.jpg") no-repeat -207px;}


	/******************/
	/*  Flag at Top   */
	/******************/
	
#away ul#flag {
position: absolute;
z-index: 2;
right: 0px;
top: 0px;
}


	/******************/
	/* Flag at Bottom */
	/******************/
	
#home #footer ul#flag{
position: relative;
top: -10px;
left: -20px;
width: 317px;
}
#glossaryMenu {
	padding-top: 10px;
}
#glossaryMenu a:link, #glossaryMenu a:visited {
	color:#000000;
	margin-right:2px;
}
