body{font:90% Georgia,"Trebuchet MS",Helvetica,sans-serif;
	color:#333;
	margin:0;
	padding:0;}

a:active,a:focus{outline: 0;}

/* for IE, which wasn't showing the hand cursor */

a:link,a:hover{cursor:pointer;}

#wrapper{width:815px;
	margin:0 auto;}
	
#contactheader{text-align:right;margin-right: 115px;}
#contactheader p {margin-bottom:0; padding-bottom:0;}

img#coname{margin-left:164px;
	margin-top:10px;
	border:none;
	padding-bottom:0px;
	margin-bottom:28px;}

#accesstext{color:#FFF;
	text-indent:-999em;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;}

#container {margin-top:0px;
	padding-top:0px;} 

#container a {border: none;
	padding-right:15px;
	text-indent:-999em;
	width:90px;
	height:79px;
	float:left;
	margin-bottom:28px;
	margin-top:0;
	padding-top:0;}

#container a span{text-indent:-999em;}

#aboutbutton {margin-left:190px;
	display:block;
	width:90px;
	height:79px;
	background:url(images/abouthover.jpg) no-repeat;}

/* again, for IE6 - child selector hack won't work??? resorting to star html */
*html #aboutbutton{margin-left:95px;} 

a.active {background-position:-119px 0!important; 
/*something in the cascade forces the !important clause - figure it out */}

/* new code */
a#aboutbutton:hover {background-position:-119px 0;}

/* end new code */

#servicebutton{margin-left:0px;
	display:block;
	width: 90px;
	height:79px;
	background:url(images/serviceshover.jpg) no-repeat;}

a#servicebutton:hover{background-position:-119px 0;}

#portbutton{margin-left:0px;
	display:block;
	width:90px;
	height:79px;
	background:url(images/portfoliohover.jpg) no-repeat;}

a#portbutton:hover{background-position:-119px 0;}

#contactbutton{margin-left:0px;
	display:block;
	width:90px;
	height:79px;
	background:url(images/contacthover.jpg) no-repeat;}

a#contactbutton:hover{background-position:-119px 0;}
	

#wordwrap{background:url(images/whitebuttonbkgd.jpg);
	width:410px;
	margin-left:190px;
	overflow:visible;
	clear:both;}

#exp img.break{display:block;
	margin:-.3em auto .5em;
	padding:0;}

#exp{width:600px;
	margin-left:-90px;
	text-align:justify;
	position:relative; /* this is for IE6 */
	margin-right:-90px;}

/* again, for IE6 */

body > #exp{margin-right:0px;} 

#exp a:link,#contactheader a:link{text-decoration:none;
	color:#E93A1F;
	border-bottom:solid 1px;}

#exp a:hover,#contactheader a:hover{background-color:#E6E6E6; }

#exp a:visited,#contactheader a:hover{text-decoration:none;
	color:#E93A1F;
	border-bottom:solid 1px;}

/* begin portfolio page stylings here */

#portwrap{width:410px;
	height:290px;
	margin:0;
	padding:0;
	margin-left:190px;
	overflow:visible;
	clear:both;}

p#portthumbs{position:relative;
	width:190px;
	margin-left:-92px;
	margin-bottom:0px;}
	
a.thumb{border:none; text-decoration:none;} 

a:hover.thumb{background-color:white; text-decoration:none;}

p#screenshot img#portmainscreen{position:relative;
	top:-288px;
	left:105px;
	z-index:1 !important;
	padding-top:16px;}

div.message{position:absolute;
	visibility:hidden;
	text-decoration:none;
	margin-left:298px;
	margin-top:-555px;
	padding:0;
	padding-right:20px;
	z-index:100 !important;
	width:170px;
	font-size:75%;
	color:black;
	height:246px;
	overflow:auto;}

div.message p span{letter-spacing:1.5px;
	font-weight:bold;}

div.message p{margin:0;
	margin-top:3px;
	padding:0;}

div.message#firstdescript{visibility:visible;}
	
/* end portfolio page stylings here */

img{border:none;}

p.formmessage{text-align:center;}
	
p.underconstruction{text-align:center;
	padding-top:15px;
	font-size:150%;
	color:#E93A1F;
	font-weight:bold;}

#exp p{margin:10px 0;
	padding:0;}

h1{font-size:1.2em;
	font-weight:bold;
	color:#E60000;
	padding-bottom:0px;
	margin-bottom:0px;}

h1#centered{text-align:center;
padding-bottom:10px;}

h1.formmessage{text-align:center;
	padding-top:15px;
	font-size:150%;}

span.bigwords{font-size:1.2em;
	font-weight:bold;
	color:#E60000;}

.tag1{text-align:center;
	color:#E60000;
	font-size:1.2em;
	font-weight:bold;}
  	
div.contactinfo{font-size:.75em;  
	text-align:center;
	margin-bottom:2em;}

/* for contact form */

fieldset{border:none;}

form{margin-top:0;}

form legend{font-size:1.2em;
	font-weight:bold;
	color:#E60000;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:35px;
	text-align:center;}
	
ul{list-style-type:none;}

ul li{margin-top:4px;}

ul label{padding-right:4px;
	  float:left;}
	  
li#submitquery{margin:10px 30%;}

/* can't put footer as bkgrd because of desired overlap */

#footer img{margin:-25px auto 0;}