/*##################################
  # Designed by Mary Fisher Design #
  #                                #
  # www.maryfisherdesign.com       #
  # (c) Copyright                  #
  ##################################*/



/* LAYOUT */

body 
{
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #C1B9AB;
}


#wrap {
	background-image: url(/images/bg-header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header {
	height: 168px;
}
#header .logo {
	margin-top: 48px;
	margin-left: 42px;
}
#banner {
	height: 347px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #ADA28A;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

body#home #banner {
	background-image: url(/images/pic-home.jpg);
}
body#qualifications #banner { background-image: url(/images/pic-qualifications.jpg);}
body#capabilities #banner{ background-image: url(/images/pic-capabilities.jpg);}
body#about  #banner { background-image: url(/images/pic-about.jpg);}
body#technology #banner { background-image: url(/images/pic-technology.jpg); }
body#projects #banner, 
body#projectdetail  #banner, 
body#contact  #banner,
body#news  #banner,
body#ftp  #banner { height: 0px; }



#content {
	padding-top: 30px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #74b401;
	background-image: url(/images/footer-planttop.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#main {
	width: 540px;
	display: inline;
	float: left;
	position: relative;
}
#main p {
	margin-bottom: 10px;
	font-size: 120%;
	line-height: 1.7em;
	color: #131313;
}
#main a {
	text-decoration: underline;
	color: #74b401;
}
#main ul {
	margin-bottom: 30px;
}
#main li {
	font-size: 120%;
	margin-bottom: 5px;
}
#services  li  {
	float: left;
	width: 250px;
}
#main a:hover {
	text-decoration: none;
}

#sidebar {
	width: 240px;
	margin-left: 595px;
	font-size: 140%;
	line-height: 1.5em;
	color: #4b4b4b;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #C2BAAA;
	padding-left: 30px;
}
#sidebar li {
	margin-left: 15px;
}
#sidebar .phone {
	background-image: url(/images/bullet-phone.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 15px;
}

#sidebar .email {
	background-image: url(/images/bullet-email.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 15px;
}
#sidebar  a  {
	color: #4B4B4B;
	text-decoration: none;
	font-weight: bold;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar h3 {
	font-size: 150%;
	color: #74b401;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #74b401;
	padding-bottom: 10px;
	width: 80%;
	margin-left: 15px;
}
#sidebar .bold {
	font-weight: bold;
	color: #74B401;
}
#footer {
	background-color: #4a3216;
	/* for IE */
  filter:alpha(opacity=90);
	/* CSS3 standard */
  opacity:0.9;
}
#footercontent {
	width: 874px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px;
	color: #d0c6b4;
	background-color: #7E5D30;
	/* for IE */
  filter:alpha(opacity=100);
	/* CSS3 standard */
  opacity:1;
	background-image: url(/images/footer-plantbottom.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
}

#footercontent .col {
	float: left;
	width: 250px;
	margin-right: 25px;
	padding-right: 10px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #74b401;
	height: 170px;
}
#footercontent .noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#footercontent h4 {
	font-size: 190%;
	margin-bottom: 20px;
}
	
#footercontent h5 {
	font-size: 175%;
	margin-bottom: 25px;
}
#footer p {
	font-size: 120%;
	margin-bottom: 10px;
	line-height: 1.7em;	
}
#footer a {
	text-decoration: underline;
	color: #D0C6B4;
}
#footer a:hover {
	text-decoration: none;
}
#footercontent .cities {
	padding-top: 20px;
	padding-bottom: 20px;
}


/* HEADERS */

h1 {
	font-size: 250%;
	color: #74b401;
	line-height: 1.2em;
	margin-bottom: 20px;
}

h2 {
	font-size: 180%;
	color: #74b401;
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: normal;
}
#main h3 {
	font-size: 120%;
	margin-bottom: 10px;
	clear: both;
}

h4 {
	font-size: 100%;
	margin-bottom: 10px;
}

h5 {
	font-size: 90%;	
}

h6 {
	font-size: 80%;	
}
#projectdetail h2 {
	margin-bottom: 3px;
}
#projectdetail .ruler {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-bottom: 15px;
}
#projectdetail .listbullet li {
	margin-top: 10px;
	margin-bottom: 20px;
	list-style-type: disc;
	margin-left: 15px;
}
#projectdetail h1 a {
	font-size: 50%;
	color: #333333;
	margin-left: 30px;
}
#projectdetail .morepic img {
	border: 1px solid #ADA28A;
	margin-right: 10px;
	height: 150px;
	width: auto;
}
#projects .projectview a {
	color: #171717;
}
.projectpic {
	float: right;
	border: 2px solid #74B401;
}


/* NAV */
#topnav {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(/images/bg-main-nav.jpg);
	height: 38px;
	width: 319px;
	position: absolute;
	left: 632px;
	top: 0px;
	}

#topnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
	}
	
#topnav a:link, #topnav a:visited {
	float: left;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 10px;
	text-align: center;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-right: 0px;
	margin-right: 30px;
	}

#topnav a:hover {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #74B401;
}


/*--- Active States ---*/

body#home #topnav #butt1 a, 
body#contact #topnav #butt2 a, 
body#news #topnav #butt3 a, 
body#ftp #topnav #butt4 a
{ 
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #74B401;
 }
 
 

 /* NAV */
#nav {
	margin-top: 16px;
}

#nav a {
	background: url(/images/nav.png) no-repeat 0 0;
	display: block;
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	


#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	
	/*--- Default ---*/
	#nav #butt1 a { background-position: 0 -54px; width: 275px; }
	#nav #butt2 a { background-position: -275px -54px; width: 142px; }
	#nav #butt3 a { background-position: -417px -54px; width: 167px; }
	#nav #butt4 a { background-position: -584px -54px; width: 226px; }
	#nav #butt5 a { background-position: -810px -54px; width: 142px; }

	/*--- Hovering --*/
	#nav #butt1 a:hover { background-position: 0 -10px;}
	#nav #butt2 a:hover { background-position: -275px -10px;}
	#nav #butt3 a:hover { background-position: -417px -10px;}
	#nav #butt4 a:hover { background-position: -584px -10px;}
	#nav #butt5 a:hover { background-position: -810px -10px;}


	
	/*--- Active state with body tag / doesn't work with dropmenu ---*/
	body#qualifications #nav #butt1 a { background-position: 0 -10px;}
	body#capabilities #nav #butt2 a { background-position: -275px -10px;}
	body#about #nav #butt3 a { background-position: -417px -10px;}
	body#technology #nav #butt4 a { background-position: -584px -10px; }
	body#project #nav #butt5 a, 
	body#projectdetail #nav #butt5 a { background-position: -810px -10px; }



#projects #main h3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ADA28A;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #C3BAAB;
	padding-left: 5px;
}


#projects .projectthumb {
	border: 1px solid #ADA28A;
	height: 80px;
	width: 80px;
	margin-bottom: 10px;
 	float: right;
	margin-left: 10px;

}

#projectdetail .projectthumb {
	border: 1px solid #ADA28A;
 	float: right;
	margin-left: 10px;

}
.projectsmall a {
	line-height: normal;
}
#main .projectsmall {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D5D1CF;
	margin-bottom: 10px;
}
#main .projecttitle a {
	font-weight: bold;
	text-decoration: none;
}
#news   #sidebar   .archive {
	margin-bottom: 30px;
}
#news  #main  img {
	border: 2px solid #74B401;
}
#news .newsexcerpt {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#news     #main    h2, #news #main h1  {
	margin-bottom: 0px;
}
.fields {
	background-color: #C3BAAB;
	padding: 5px;
	border: 1px dotted #523B1C;
}
#content #main ol {
	list-style-type: disc;
	margin-left: 12px;
	line-height: 2em;
}