/*  <<< Redefined Elements  >>> */


body {
   background: #9EA790 url(../images/backgrade.gif) center top repeat-x;
   margin: 0;
   padding: 0;
   text-align: center;
}

/* Fonts */


#txt1 {	
	 font: 11px/13px Verdana,Arial,Helvetica,sans-serif;
	 color:#333; 
   }
   
#txt1 a, a:link {
	color: #688519;
	text-decoration: none;
	}
#txt1 a:hover {
	color: #688519;
	text-decoration: underline;
	}
	
.purple {	
	 font-weight: bold;
	 color:#5E2C60;
	 line-height: 120%; 
   }
   
.green {	
	 font-weight: bold;
	 color:#688519;
	 line-height: 120%; 
   }

ul {
	padding: 0;
	margin: 5px 0 5px 20px;
	}

li {
	padding: 0;
	margin: 2px 0 2px 5px;
	}


#caption {	
	 font: italic 9px/10px Verdana,Arial,Helvetica,sans-serif;
	 color:#666;
	 margin: -10 0 0 0;  
   }  

/**/

#title {	
	 font: bold 12px/14px Verdana,Arial,Helvetica,sans-serif ;
	 color: #688519;
	 margin: 0 0 5px 0;
   }

#headline {	
	 font: bold 14px/15px Georgia, "Times New Roman", Times, serif;
	 color:#5E2C60;
   }
   
#subheadline {	
	 font: bold 12px/13px Georgia, "Times New Roman", Times, serif;
	 color:#5E2C60;
   }

#headlinehome {	
	 font: bold 12px/13px Georgia, "Times New Roman", Times, serif;
	 color:#5E2C60;
   }

#quote {	
	 font: italic 11px/13px Verdana,Arial,Helvetica,sans-serif;
	 color:#688519; 
   }
   
#quote a, a:link {
	color: #688519;
	text-decoration: none;
	}
#quote a:hover {
	color: #688519;
	text-decoration: underline;
	}
	
/**/

#projectnav {	
	 font: 11px/13px Verdana,Arial,Helvetica,sans-serif;
	 color:#688519; 
   }
   
#projectnav a, a:link {
	color: #688519;
	text-decoration: none;
	}
#projectnav a:hover {
	color: #688519;
	text-decoration: underline;
	}
	

#projectnav li {
	padding: 0;
	margin: 10px 0;
	font: 11px/15px Verdana,Arial,Helvetica,sans-serif;
	color:#688519;
	list-style: none;
	}

#projectnav li a {
	text-decoration: none;
	margin: 0;
	padding: 0;
	font: 11px/13px Verdana,Arial,Helvetica,sans-serif;
	color:#688519;
}
#projectnav li a;hover{
	text-decoration: underline;
	margin: 0;
	padding: 0;
	font: 11px/13px Verdana,Arial,Helvetica,sans-serif;
	color:#688519;
}

/**/
h1, h2, h3, h4, legend { font: bold 12px/14px Georgia, "Times New Roman", Times, serif; color: #5E2C60; }
h1 { font-size: 14px/16px; }
h2 { font-size: 13px/15px; }
h3 { font-size: 1.0em; }
h4 { font-size: .9em; }


#container {
   margin: 0px auto;
   padding: 0;
   text-align: left;
   width: 762px;
   vertical-align:top;
   top: 0;
}


/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.text {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}


#leftside {
	width: 20px;
	margin: 0;
	height:289px;
	float: left;
	background-image: url(../images/leftside.gif);
}

#contenthome {
	width: 742px;
	height: 289px;
	float: left;
	background:#FFF url(../images/contentbackh.gif);
	border-top:1px solid #CCC;
}

#content {
	width: 742px;
	min-height: 289px;
	float: left;
	margin: 0;
	padding: 0;
	background:#FFF url(../images/contentback.gif);
	border-top:1px solid #CCC;
}

#head {	
	margin: 0;
	width: 572px;
	height: 32px;
	float: right;
	background: #F1F5F0 url(../images/top4.gif);
	display:block;
	padding: 99px 0 0 190px;
}
#head1 {	
	margin: 0;
	width: 756;
	height: 130;
	float: left;
	background: #F4F5F0;
	display:block;
}

#head2 {	
	margin: 0;
	width: 572px;
	height: 32px;
	float: right;
	background: #F4F5F0;
	display:block;
	padding: 16px 0 0 0px;
}

#headLOGO {	
	margin: 0;
	width: 691px;
	height: 48px;
	float: left;
	background: #F4F5F0;
	display:block;
	padding: 0;
	margin-top:35px;
	margin-left:19px;
}

#block1 {
	width: 161px;
	height: 269px;
	float: left;
	padding: 20px 0 0 14px;
	background-color:#FFF;

}
#block2 {
	width: 285px !important;
	width: 282px;
	height: 269px;
	float: left;
	padding: 20px 40px 0 23px;
	background-color:#FFF;
}

#block3 {
	width: 217px;
	float: left;
	min-height: 289px;
	background:#363636;
}

/* mac hiding hack \*/
* html #block3{margin-bottom:-5px;}
/* end hide */


#block4 {
	width: 520px;
	min-height: 289px;
	float: left;
	background-color:#FFF;
	margin: 0 10px 25px 23px;
	padding: 20px 0 25px 0;
}

#footer {	
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	background: url(../images/footshadow.gif) no-repeat;
	width: 742px;
	float: right;
}


#footerbox {	
	margin: 6px 0;
	padding: 0;
	border: 1px solid #6a6a6a;
	width: 740px;
	float: right;
	display:block;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#footerbox1 {	
	margin: 0;
	padding: 5px 8px;
	border-right: 1px solid #6a6a6a;
	width: 480px;
	float: left;
	display:block;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}

#footerboxtxt {	
	margin: 0 4px;
	padding: 0;
	float: left;
}

#footerbox2 {	
	margin: 0;
	padding: 5px 8px;
	float: left;
}


#footertxt {
	margin: 0;
	text-align: center;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#footerboxtxt a:visited, #footer a:link {
	color: #000;
	text-decoration: none;
}

#footerboxtxt a:hover {
	color: #000;
	text-decoration: underline;
	border-bottom: none;
}

#footcredit {
	margin: 10px 0 0 20px;
	text-align: left;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #565B4F;
}

#footcredit a:visited, #footcredit a:link, #footcredit a:hover {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #565B4F;
	text-decoration: none;
}

#footcredit2 {
	margin: 10px 0 0 0;
	text-align: center;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #717767;
}


#footbase {	
	margin: 10px 0;
	width: 742px;
	float: left;
	background: #CCC url(../images/footshadow.gif) no-repeat;
    
}

/* Navigation */
#subnav ul#submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 30px;
	}

#subnav ul#submenu li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 30px;
}

#subnav ul#submenu {
	width: 572px;
	height: 28px;
	background: #F1F5F0 url(../images/navstrip.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
#subnav ul#submenu li, ul#submenu a {
	height: 30px;
	display: block;
	}

#subnav #homemenu { left: 0; width: 75px;}
#subnav #aboutmenu { left: 75px; width: 118px;}
#subnav #whymenu { left: 193px; width: 118px;}
#subnav #clientmenu { left: 311px; width: 66px;}
#subnav #projmenu {left: 377px; width: 70px; }
#subnav #expmenu {left: 447px; width: 89px; }
#subnav #tipmenu {left: 536px; width: 39px; }
#subnav #homemenu a:hover { background: url("../images/navstrip.gif") 0 -30px no-repeat;}
#subnav #aboutmenu a:hover { background: url("../images/navstrip.gif") -75px -30px no-repeat;}
#subnav #whymenu a:hover { background: url("../images/navstrip.gif") -193px -30px no-repeat;}
#subnav #clientmenu a:hover { background: url("../images/navstrip.gif") -311px -30px no-repeat;}
#subnav #projmenu a:hover { background: url("../images/navstrip.gif") -377px -30px no-repeat; }
#subnav #expmenu a:hover { background: url("../images/navstrip.gif") -447px -30px no-repeat; }
#subnav #tipmenu a:hover { background: url("../images/navstrip.gif") -536px -30px no-repeat; }

/* you are here */
/*/*/
#home #subnav #homemenu { background: url("../images/navstrip.gif") 0 -30px no-repeat;}
#about #subnav #aboutmenu { background: url("../images/navstrip.gif") -75px -30px no-repeat;}
#why #subnav #whymenu { background: url("../images/navstrip.gif") -193px -30px no-repeat;}
#client #subnav #clientmenu { background: url("../images/navstrip.gif") -311px -30px no-repeat;}
#projects #subnav #projmenu { background: url("../images/navstrip.gif") -377px -30px no-repeat; }
#experience #subnav #expmenu { background: url("../images/navstrip.gif") -447px -30px no-repeat; }
#tips #subnav #tipmenu { background: url("../images/navstrip.gif") -536px -30px no-repeat; }


/* drop shadows */
/*/*/
#alpha-shadow {
  margin: 0;
  padding: 0;
  font: italic 9px/10px Verdana,Arial,Helvetica,sans-serif;
}

#alpha-shadow img {
  background: url(../images/picshadow.jpg);
  background-position:bottom;
  background-repeat:repeat-x;
  padding: 0 0 7px 0;
  margin: 0;
}
 #alpha-shadow2 {
  background:#000066 url(../images/picshadow.jpg) bottom repeat-x;
    padding: 0 0 5px 0px;
    margin: 0 0 2px 0px;
}
