/* css design by Amy Hufford, Stellar Communications, http://www.stellarplanet.com/ */
/* All associated graphics copyright 2005, */

/* structure
--------------------------------- */
body {
  margin:0;
  padding:0;
  background: #520FA4 url("images/bkdtop.gif") repeat-x left top;
  color:#333;
   height: 100%;
  text-align:center;
  font-size: 85%; font-family: verdana,arial,helvetica,sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}
    
#container {
  position:relative;
  width:732px;
  margin:0 auto 0 auto;
  text-align:left;
  border:1px solid #999695;
  border-width:0 1px;
  height: 100%;
  background: white;
  }
  
  /* nav
--------------------------------- */
#nav {
  background:#FDBF01;
  color:#FFFFFF;
  padding-left:6px;
  text-align:left;
  margin: 0;
  padding-top: 0;
  padding-bottom:0;
  height: 18px;
  }
 #nav ul {margin: 0; padding: 0; text-indent: 0; }
#nav li {
display:inline; padding:0; margin:0; border: 0; text-indent: 0; text-align:left;
  } 
#nav li a {
  border-color: #E18E04;
 border-style: solid; 
  border-width: 1px 1px 1px 1px;
  color: white;
  letter-spacing: .1em;
   padding-top:2px;
  padding-left: 20px;
  padding-bottom: 2px;
  padding-right: 17px;
  text-transform: uppercase;
	text-decoration:none; text-indent: 0; text-align:left; margin-left: -6px;
	font-size: 9px;
  }
#nav li a:hover {
  text-decoration:none;
  background-color: #FEE7A2;
    border-left: 1px solid #E18E04;
	 color: #E5A231;
  }
#nav li a.home, #nav li a.home:hover {border-left: 0;} 

#nav li a.home:hover {text-decoration:none;
  background-color: #FEE7A2;
  color: #E5A231;}

#nav li a.onpage {  
	background-color: #FEE7A2;
    border-left: 1px solid #E18E04;
	border-right: 0;
	color: #E5A231}  
	
#nav li a.homeonpage, #nav li a.homeonpage:hover
	{ background-color: #FEE7A2;
  border-left: 0;
  color: #E5A231;}	 

/* hidden text
--------------------------------- */
h1, h2, h3 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
  }
h1 span, h2 span, h3 span, #quickSummary p.p1 span {display:none;}

  
/* header and summary
--------------------------------- */
#pageHeader h1 {
  height:60px;
  border-bottom:1px solid #999695;
  border-width: 1px;
  }
#pageHeader h2 {
  height:137px;
  background: url(images/header.gif) #FFF no-repeat center;
  text-align: center;
    }
   
/* homepage text
--------------------------------- */
#homepagetext {
  margin: 0;
  padding-right: 330px;
  height: 209px;
  background: url(images/stair-new.png) bottom right no-repeat;
	border-bottom: 2px solid #E18E04 ;	
  }
#homepagetext p {
  margin:0;
  line-height: 1.5em;
  padding-left:25px;
  padding-top: 5px;
  padding-bottom: 0;
  font-size: 11px;
  }
#homepagetext p.p1 {padding-top: 65px; }
  
h3.home {
  position: absolute;
  height:23px;
  top: 180px;
  width: 423px;
  margin-left: 25px;
  background: url(images/headlinehmpg.gif) no-repeat;
  }
  
/* section text
--------------------------------- */  
#sectiontext {
background-color:#fff;
  margin: 0;
  padding-left:25px;
  padding-right:25px;
  height: auto;
  width: 457px;  
  font-size: 11px;
  float: left;	
  }
#sectiontext p {
  margin:0;
  line-height: 1.4em;
  padding-top: 10px;
  padding-bottom: 0;
  }
#sectiontext p.p1 {padding-top: 65px; line-height: 1.4em; }

h3.services {
  position: absolute;
  height:23px;
  top: 180px;
  width: 450px;
  background: url(images/serviceshead.gif) no-repeat;
  }
  
h3.contacthead {
  position: absolute;
  height:23px;
  top: 180px;
  width: 450px;
  background: url(images/contacthead.gif) no-repeat;
  }  
  
  h3.portfoliohead {
  position: absolute;
  height:23px;
  top: 180px;
  width: 450px;
  background: url(images/portfoliohead.gif) no-repeat;
  } 
  
  h3.abouthead {
  position: absolute;
  height:23px;
  top: 180px;
  width: 450px;
  background: url(images/abouthead.gif) no-repeat;
  }
  
  h3 {padding-top: 25px; font-size: 12px; letter-spacing: .25em; font-weight: normal; text-transform: uppercase; color: gray;}
  
  /* section name
--------------------------------- */  
#sectionname { position: absolute; top: 108px; right: 20px; font-size: 20pt; letter-spacing: .15em; color: white;}

  /* map divs container
--------------------------------- */
#mapdivcontain {background: #FEF7E2;}
  
  /* rightcol
--------------------------------- */
#rightcol {float: left; width: 193px; background: #FEF7E2; height: auto; font-size: 11px; padding: 64px 15px 20px 15px; margin-bottom: 0; padding-bottom: 0; color: gray; margin-left:0px;}
#rightcol p, ul {padding-top: 0; margin-top: 0; margin-bottom: 7px;}
#rightcol li {margin-left: -15px; padding-left: 0; }

/* basebox
--------------------------------- */
#basebox {height: auto; margin-left: 25px; }

/* hiliteboxes
--------------------------------- */
.hiliteboxes {
  margin:18px 12px 10px 0;
  height: 125px;
  width: 130px;
  padding: 0;
  float: left;
  border: 1px solid #E9AD4A ; 
  }
h4 {color: white; padding: 5px 5px 5px 18px; text-transform: lowercase;  margin: 0;  font-weight:normal; font-size: 11px; background: #FEE7A2 url(images/square.gif) center left no-repeat;}
h4 a {color: #E5A231; text-decoration: none;}
h4 a:hover {color: #76529B; }

.hiliteboxes p {text-align: center; padding: 10px 7px 7px 7px; margin: 0; font-size: 11px; line-height: 1.4em;}

/* featured
--------------------------------- */
.contentfeatures {width: 245px; margin: 18px 0 10px 0; border-color: #A29BCA; border-width:0px 0px 1px 1px; border-style:solid; background-image: url(images/resources.gif); background-repeat: no-repeat; background-position:top left; height: 126px; float: left; }
.contentfeatures h1 {color:#76529B; text-align:left; margin:0px; padding:3px 0px 0px 8px; text-transform:uppercase; font-size:11px; font-weight: normal;}
#features {width:225px; height:auto; margin-left:6px; margin-right:6px; text-align:left; padding:12px 0px 15px 4px; font-size: 8pt; }
#features a {color: #520FA4;}

/* links
--------------------------------- */

a:link, a:visited {
  text-decoration:none;
  color: #520FA4;
  }

a:hover {
  text-decoration:underline;
  color: gray;
  }  

#slideshow a {
	border: none;
	background: transparent;
	}
#slideshow a:hover {
	color: #520FA4;
	text-decoration: none;
	}
#slideshow a:active {
	color: #520FA4;
	text-decoration: none;
	}

#slideshow2 a {
	border: none;
	background: transparent;
	}
#slideshow2 a:hover {
	color: #520FA4;
	text-decoration: none;
	}
#slideshow2 a:active {
	color: #520FA4;
	text-decoration: none;
	}

/*------- features --------*/
#feature img {
	float: left;
	margin: 0 0 10px 0;
	margin:0;
	}

/*------- slideshow --------*/
#slideshow {
	float:left;
	width: 200px;
	text-align: center;
	padding:40px 0 0 0;
	margin:0;
	}
#slideshow p { text-align: left; }
#slideshow a {
	font-size: 8pt;
	}
a#prev {
	margin: 0 5px 0 0;
	}
a#next {
	margin: 0 0 0 5px;
	}
#feature_img {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	}
#slideshow_list {
	font-size: 8.5pt;
	width: 220px;
	margin: 0px;
	padding: 0 10px 0 10px;
	line-height:1.75em;
	float:left;
	}
#slideshow_list ul {
	padding:0 0 0 15px;
	border-left: 1px solid #E18E04;
	list-style: none;
	margin: 0 0 0 0px;
	}

#slideshow2 {
	float: left;
	width: 200px;
	text-align: center;
	padding:20px 0 40px 0;
	}
#slideshow2 p { text-align: left; }
#slideshow2 a {
	font-size: 0.9em;
	}
a#prev {
	margin: 0 5px 0 0;
	}
a#next {
	margin: 0 0 0 5px;
	}
#feature_img {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	}
#slideshow_list2 {
	font-size: 8.5pt;
	width: 200px;
	margin: 0px 0 0 250px;
	padding: 0;
	line-height:1.75em;
	}
#slideshow_list2 ul {
	padding: 0 0 0 15px;
	border-left: 1px solid #E18E04;
	list-style: none;
	margin: 0px;
	}

 /* slideshow section
 -------------------------------- */
 #slideshowsection {margin: 0;
      padding-left:25px;
      padding-right:0px;
      height: auto;
  	  width: 439px;  
	  float: left;}
 
 /* table section
 -------------------------------- */
 #tablesection {width:700px; margin:0 auto 0 auto; padding-left:25px;}
 
 #tablesection p {font-size: 11px;}
 
 #tablesection2 {width:700px; margin:0 auto 0 auto; padding-left:25px;}
 
 #tablesection2 p {font-size: 11px; padding-right:25px;}
 
 /* table
 -------------------------------- */
 #table {width:680px; padding:0px 0px 30px 0px; margin:0;}
 
 #table2 {margin:0;}
 
 #table2 p {padding:8px 0px 8px 0px;}
  
  /* footerhm
--------------------------------- */
#footerhm {color: gray; font-size: 9px; padding: 8px 25px 15px 25px; margin:0;}

  /* footer
--------------------------------- */
#footer{color: gray; font-size: 9px; padding: 8px 25px 15px 25px; margin-top: 10px; border-top: 2px solid #E18E04 ; float: none;}

.clearboth {clear:both;}

h5 {margin:0; text-transform: uppercase; color: gray; letter-spacing: .15em; font-weight: normal;}