html{
	height:100%;
	}
	
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family:/*Century Gothic,*/ Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #999;
	background-color:#fff;
	height:100%;
}



/*************************************************************************----TEXT STYLING ETC----*/	


	
	
p {
	font-size: 0.7em;
	line-height:1.6em;
	text-align: left;
	width:650px;
	margin-top:15px;
}

p a{
	color:#999;
	text-decoration:underline;
}

p a:hover{
	color:#333;
}

p.one{
	font-weight:normal;
}


h1#projects{
	background-image:url(../images/titles/projects.gif);
	background-position:0px 0px;
	 
	font-size:0.9em;
	letter-spacing:0.2em;
	font-weight:normal;
	margin-bottom:30px;
	font-family:/**/Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

h1#publishing{
	background-image:url(../images/titles/publishing.gif);
	background-position:0px 0px;
	 
	font-size:0.9em;
	letter-spacing:0.2em;
	font-weight:normal;
	margin-bottom:30px;
	font-family:/**/Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

h1#goodcauses{
	background-image:url(../images/titles/goodcauses.gif);
	background-position:0px 0px;
	 
	font-size:0.9em;
	letter-spacing:0.2em;
	font-weight:normal;
	margin-bottom:30px;
	font-family:/**/Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

h1#awards{
	background-image:url(../images/titles/awards.gif);
	background-position:0px 0px;
	 
	font-size:0.9em;
	letter-spacing:0.2em;
	font-weight:normal;
	margin-bottom:30px;
	font-family:/**/Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

h1#contact{
	background-image:url(../images/titles/contact.gif);
	background-position:0px 0px;
	 
	font-size:0.9em;
	letter-spacing:0.2em;
	font-weight:normal;
	margin-bottom:30px;
	font-family:/**/Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

h3{
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.1em;
	}
	
h2{
	font-size:0.7em;
	line-height:1.2em;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-family:/**/Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	}	
	
img{
	margin:0px;
	padding:0px;
	}	
	
img.prjimg{
	padding:5px 0 5px 0;
	margin:8px 0 8px 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

img.prjimgtop{
	padding:5px 0 5px 0;
	margin:8px 0 0px 0;
	border-top:1px solid #CCC;
}

img.prjimgmid{
	padding:5px 0 5px 0;
	margin:0px 0 0px 0;
	border-top:1px solid #CCC;
}

img.prjimgbot{
	padding:5px 0 5px 0;
	margin:0px 0 8px 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
	
form {
	margin-top:-4px;
	margin-bottom:6px;
	padding:0px;
}

input {
	margin-top:0px;
	margin-bottom:6px;
	padding:0px;
}

table{
font-size:0.75em;
}

h3 a {
	text-decoration:none;
	color:#999;
	}
	
h3 a:hover {
	color:#333;
}

.CollapsiblePanelTab h2 a{
	color:#333;
	text-decoration:none;
}
	
	
	
	
	
	
	
/*************************************************************************----PAGE ELEMENTS----*/		

.wrapper {
	width: 740px;
	padding: 0px;
	margin-right: auto;
	margin-bottom: -35px;
	margin-top: 0px;
	margin-left: auto;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#logo {
	margin: 0px;
	width:200px;
	height:52px;
	background-image:url(../images/tab.gif);
	background-position:0px; 
	background-repeat:no-repeat;
	text-indent:-9999px;
	padding:0px;
	float:right;
	}
	
#scroll{
	background-image:url(../images/scroll.gif);
	width:384px;
	height:79px;
	float:right;
	margin:0px;
	padding:0px;
}
	
#banner{
	margin:0px 0px 0px 0px;
	background-image:url(../images/dedication.gif);
	width:740px;
	height:137px;
	background-position:0;
	 
	font-size:6px;
	color:#FFF;
	}
	
#banner2{
	margin:0px 0px 0px 0px;
	background-image:url(../images/dedication.gif);
	width:740px;
	height:180px;
	background-position:0;
	 
	font-size:6px;
	color:#FFF;
	}	
	
#header {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:2px;
	width:740px;
	height:80px;
	padding:0px;
	/*border-bottom:1px solid #CCCCCC;*/
}

.clear {
	height:5px;
	margin:0;
	clear:both;
	line-height:1px;
	font-size:1px;
	}
	
.clear2	 {
	height:1px;
	margin:0;
	clear:both;
	line-height:1px;
	font-size:1px;
	}





/*************************************************************************----NAV----*/	
	
	
#menu{
	width:740px;
	padding:0px;
	background-color:#FFF;
	height:10px;
	margin:15px 0px 5px 0px;
	clear:both;
	}
	
#menu ul{
	display:inline;
	list-style-type:none;
	line-height:1px;
	margin:0px;
	}		
	
#menu ul li{
	display:inline;
	margin-right:13px;
	margin-top:0px;
	line-height:1px;
	}	
	
#menu ul li a#home{
	width:35px;
	height:10px;
	text-indent: -999px;
	float:left;
	background-image:url(../images/nav/home.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	margin-left:0px;
	margin-top:0px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	}	
	
#menu ul li a#home:hover, #menu ul li a#home:focus,  #menu ul li a#homeon{
	background-position:-35px;
	width:35px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/home.gif);
	background-repeat:no-repeat;
	 
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	}	
	
#menu ul li#homebg{
	background-image:url(../images/nav/home.gif);
	background-position:0px;
	background-repeat:no-repeat;
	 
	float:left;
	margin-left:0px;
	font-size:1px;
	line-height:1px;}
	
#menu ul li a#profile{
	width:47px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/profile.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	}	
	
#menu ul li a#profile:hover, #menu ul li a#profile:focus, #menu ul li a#profileon{
	width:47px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/profile.gif);
	background-position:-47px;
	background-repeat:no-repeat;
	 
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	}		
	
#menu ul li#profilebg{
	background-image:url(../images/nav/profile.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	float:left;
	margin-left:0px;
	}
	
#menu ul li a#projects{
	width:110px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/projectupdates.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;}	
	
#menu ul li a#projects:hover, #menu ul li a#projects:focus, #menu ul li a#projectson{
	width:110px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/projectupdates.gif);
	background-position:-110px;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	}	
	
#menu ul li#projectsbg{
	background-image:url(../images/nav/projectupdates.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	float:left;
	margin-left:0px;
	}
	
#menu ul li a#publishing{
	width:69px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/publishing.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;}	
	
#menu ul li a#publishing:hover, #menu ul li a#publishing:focus, #menu ul li a#publishingon{
	width:69px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/publishing.gif);
	background-position:-69px;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	}	
	
#menu ul li#publishingbg{
	background-image:url(../images/nav/publishing.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	float:left;
	margin-left:0px;
	}
	
#menu ul li a#awards{
	width:50px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/awards.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;}	
	
#menu ul li a#awards:hover, #menu ul li a#awards:focus, #menu ul li a#awardson{
	width:50px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/awards.gif);
	background-position:-50px;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	}	
	
#menu ul li#eawardsbg{
	background-image:url(../images/nav/awards.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	float:left;
	margin-left:0px;
	}	
	
	
#menu ul li a#goodcauses{
	width:92px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/goodcauses.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;}	
	
#menu ul li a#goodcauses:hover, #menu ul li a#goodcauses:focus, #menu ul li a#goodcauseson{
	width:92px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/goodcauses.gif);
	background-position:-92px;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	}	
	
#menu ul li#goodcausesbg{
	background-image:url(../images/nav/goodcauses.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	float:left;
	margin-left:0px;
	}		
	
	
#menu ul li a#contact{
	width:59px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/contact.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;}	
	
#menu ul li a#contact:hover, #menu ul li a#contact:focus, #menu ul li a#contacton{
	width:59px;
	height:10px;
	text-indent:-999px;
	float:left;
	background-image:url(../images/nav/contact.gif);
	background-position:-59px;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	}	
	
#menu ul li#contactbg{
	background-image:url(../images/nav/contact.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	float:left;
	margin-left:11px;
	text-indent:-999px;
	width:59px;
	}	
	
#menu ul li a#portfolio{
	width:133px;
	height:10px;
	text-indent:-999px;
	float:right;
	background-image:url(../images/nav/portfolio.gif);
	background-position:0;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;}	
	
#menu ul li a#portfolio:hover, #menu ul li a#portfolio:focus, #menu ul li a#portfolioon{
	width:133px;
	height:10px;
	text-indent:-999px;
	float:right;
	background-image:url(../images/nav/portfolio.gif);
	background-position:-133px;
	background-repeat:no-repeat;
	 
	overflow:hidden;
	margin-left:0px;
	font-size:1px;
	line-height:1px;
	}	
	
#menu ul li#portfoliobg{
	background-image:url(../images/nav/portfolio.gif);
	background-position:0;
	background-repeat:no-repeat;
	width:133px;
	height:10px; 
	float:right;
	margin-left:0px;
	margin-right:0px;
	}	
		
		
		
		
		
		
/***********************************************************************----HOMEPAGE----*/		

#content { 
	margin:0px; 
	width:740px;
	border-top: 1px solid #CCCCCC;
}


		
#projectheadline1, #projectheadline2, #projectheadline3{
	width:238px;
	float:left;
	background-color:#fff;
	background-image:url(../images/home/headlinebase.gif);
	background-position:0px 169px;
	background-repeat:no-repeat;
	 
	height:188px;
	}
	
a#headline1{
	background-image:url(../images/home/headline1.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	 
	width:238px;
	height:188px;
	text-indent:-999px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

a#headline1:hover, a#headline1:focus{
	background-image:url(../images/home/headline1.gif);
	background-position:-238px 0px;
	background-repeat:no-repeat;
	 
	width:238px;
	height:188px;
	text-indent:-999px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:0;
	left:0;
}

#projectheadline1 img, #projectheadline2 img, #projectheadline3 img{
	margin-top:54px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:0px;
	margin-bottom:0;
	padding-bottom:0;
}

#headline1bg{
	background-image:url(../images/home/headline1.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	 
	margin-left:0px;
	margin-right:0px;
	position:relative;
}	

#sliver1{
	background-image:url(../images/home/sliver1.jpg);
	width:13px;
	height:188px;
	float:left;
}

#sliver2{
	background-image:url(../images/home/sliver2.jpg);
	width:13px;
	height:188px;
	float:left;
}
	
a#headline2{
	background-image:url(../images/home/headline2.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	 
	width:238px;
	height:188px;
	text-indent:-999px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:0;
	left:0;
}

a#headline2:hover, a#headline2:focus{
	background-image:url(../images/home/headline2.gif);
	background-position:-238px 0px;
	background-repeat:no-repeat;
	 
	width:238px;
	height:188px;
	text-indent:-999px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:0;
	left:0;
}

#headline2bg{
	background-image:url(../images/home/headline2.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	 
	margin-left:0px;
	margin-right:0px;
	position:relative;
}	
	
a#headline3{
	background-image:url(../images/home/headline3.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	 
	width:238px;
	height:188px;
	text-indent:-999px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:0;
	left:0;
}

a#headline3:hover, a#headline3:focus{
	background-image:url(../images/home/headline3.gif);
	background-position:-238px 0px;
	background-repeat:no-repeat;
	 
	width:238px;
	height:188px;
	text-indent:-999px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:0;
	left:0;
}

#headline3bg{
	background-image:url(../images/home/headline3.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	 
	margin-left:0px;
	margin-right:0px;
	position:relative;
}	

#leftkey{
	background-image:url(../images/home/sprite.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	 
	margin:14px 0px 0px 0px;
	height:8px;
	width:230px;
	float:left;
}

a#portfoliobutton{
	background-image:url(../images/home/portfolio.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;	 
	margin:5px 0px 0px 8px;
	height:26px;
	width:265px;
	float:left;
	text-indent:-999px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
a#portfoliobutton:hover, a#portfoliobutton:focus{
	background-image:url(../images/home/portfolio.gif);
	background-position:-265px 0px;
	 
	background-repeat:no-repeat;
	text-indent:-999px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
#rightkey{
	background-image:url(../images/home/sprite.gif);
	background-position:0px -8px;
	 
	background-repeat:no-repeat;
	margin:14px 0px 0px 7px;
	height:8px;
	width:230px;
	float:left;
}
#bottomscroll{
	background-image:url(../images/home/sprite.gif);
	background-position:0px -16px;
	 
	background-repeat:no-repeat;
	margin:0px 0px 0px 255px;
	height:31px;
	width:230px;
	clear:both;
}
	
	

	
	
	
	
	
	/***********************************************************************----PROJECTS MENU----*/		
	
#prjleft{
float: left;
width: 115px;
margin:0;
}

#prjhalfleft{
float: left;
width:365px;
margin:0;
}

#prjhalfright{
float: right;
width:365px;
margin:0;
}

#prjhalfleft p, #prjhalfright p{
	width:350px;
}

#prjleft h2, #prjright h2{
padding-bottom:5px;
border-bottom: 1px solid #CCC;
}

#prjright{
float: right;
width: 615px;
margin:0;
}
.tab{
margin:0px;
padding:0px;

}

#prjleft h2, #prjright h2{
	margin-top:0px;
	margin-bottom:20px;
}

#prjleft h3{
	font-size:0.7em;
	line-height:1em;
	margin:0px 0px 11px 0px;
	padding:0px;
}
.stretcher a {	
	text-decoration:none;
	color:#999;
	font-size: 0.7em;
	line-height:1em;
	margin:0px;
	padding:0px;
	display:block;
	}	
	
.stretcher a:hover {	
	color:#333;
	}
	

	
.stretcher li{
	margin:0px 0px 11px 0px;
	padding:0px;
	display:block;
	line-height:0.5em;
}
	
	

.stretcher ul {	
	list-style-type:none;
	padding:0px;
	margin:0px;
	line-height:0.5em;
	display:block;
}
	
		
			
	

/***********************************************************************----FOOTER----*/		

#footer {
	clear: both;
	height:20px;
	line-height:1.5em;
	width:740px;
	margin:0 auto 0 auto;
	border-top:1px solid #CCC;
	}

#footer p{
	background-image:url(../images/address.gif);
	background-position:0px 0px;
	 
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
	display:block;
	width:479px;
	height:10px;
	margin:10px 0px 0px 0px;
	}

#footer a{
	background-image:url(../images/email.gif);
	background-position:0px 0px;
	 
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:right;
	display:block;
	width:243px;
	height:10px;
	margin:10px 0px 0px 0px;
	}	
	
#footer a:hover{
	background-image:url(../images/email.gif);
	background-position:-243px 0px;
	 
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:right;
	display:block;
	width:243px;
	height:10px;
	}	
	
.push{
	/*height:62px;*/
	height:45px;
	}