/* Global styles for the TECHIE style on Red Spider Web Design & Digital Media.
   Author: Carmen Chapronière for RSWD&DM */
  
/* RESET */
   
* {
	margin: 0px;
	padding: 0px;
		} 
		
/* PERMABAR FOR ALL STYLES */

#permaBar {
	color: #000;
	background: transparent url(permaBarBG.gif) 0 0 repeat-x;
	width: 100%;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	}
body>div#permaBar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	}
	
	#permaBar p {
		color: #000;
		background: transparent;
		margin-left: 5px;
		padding: 0 0 0 5px;
		font: bold 10pt arial, helvetica, sans-serif;
		display: inline;
		}
		
		#permaInfo {
			width: 780px;
			}
		
		#permaText, #permaList {
			position: relative;
			top: 5px;
			}
		
	#permaBar ul {
		color: #000;
		background: transparent;
		font: italic 8pt arial, helvetica, sans-serif;
		display: inline;
		list-style: none;
		}
	
	#permaBar li {
		display: inline;
		padding: 0 0 0 20px;
		}
	
	#permaBar a:link, 
	#permaBar a:active, 
	#permaBar a:visited {
		color: #900;
		background: transparent;
		text-decoration: none;
		}
	#permaBar a:hover {
		color: #000;
		background: transparent;
		} 
		
/* tagged style */

body {
	color: #000;
	background: #fff url(graphBG.gif);
	padding-top: 50px;
	}
	
/* divisions & ids */

#shell { 
	width: 1000px;
	position: relative;
	}
	
#mainHeader {
	color: #000;
	background: transparent url(tH1.gif) center no-repeat;
	height: 46px;
	}
	
	#mainHeader h1 {
		display: none;
		}
		
#subHeader {
	color: #000;
	background: transparent url(tH2.gif) no-repeat;
	width: 315px;
	height: 25px;
	position: absolute;
	top: 470px;
	left: 300px;
	z-index: 40;
	}
	
	#subHeader h2 {
		display: none;
		}
		
#date {
	color: #666;
	background: transparent;
	font: 7pt verdana, arial, helvetica, sans-serif;
	padding: 0 0 10px 30px;
	position: relative;
	top: 40px;
	}

#content {
	color: #000;
	background: #fff;
	width: 238px;
	height: 220px;
	overflow: auto;
	margin: 42px 0 20px 20px;
	padding: 10px;
	border: 1px solid #000;
	}
	
	#content p {
		font: 7pt verdana, arial, helvetica, sans-serif;
		text-align: justify;
		padding: 0 0 10px 0;
		}
		
		#content p#para5 {
			padding: 0;
			}
			
		#content p.copy {
			text-align: right;
			}
			
	#content a:link,
	#content a:active,
	#content a:visited {
		color: #C00;
		background: transparent;
		text-decoration: none;
		}
		
	#content a:hover {
		color: #CCC;
		background: #333;
		}
			
#copyright {
	color: #666;
	background: transparent; 
	width: 200px;
	font: 7pt arial, helvetica, sans-serif;
	position: absolute;
	top: 470px;
	right: 40px;
	z-index: 60;
	}
			
span.copyFormat {
	display: block;
	font-family: arial, helvetica, sans-serif;
	}

	
/* navigation */

#navigation {
	color: #000;
	background: transparent url(navSpiderBG.gif) no-repeat;
	width: 680px;
	height: 380px;
	position: absolute;
	top: 110px;
	left: 300px;
	}
	
	#navList {
		list-style: none;
		}
		
	#listItem1 {
		position: absolute;
		top: 180px;
		left: 0;
		z-index: 50;
		}
		
		#listItem1 a {
			width: 0;
			height: 114px;
			padding-left: 139px;
			overflow: hidden;
			display: block;
			}
		
		#listItem1 a:link,
		#listItem1 a:active,
		#listItem1 a:visited {
			color: #000;
			background: transparent url(redHomeLink.gif) no-repeat;
			}
			
		#listItem1 a:hover {
			color: #000;
			background: transparent url(blkHomeLink.gif) no-repeat;
			}
			
	#listItem2 { 
		position: absolute;
		top: 94px;
		left: 0;
		z-index: 50;
		}
		
		#listItem2 a {
			width: 0;
			height: 86px;
			padding-left: 139px;
			overflow: hidden;
			display: block;
			}
		
		#listItem2 a:link,
		#listItem2 a:active,
		#listItem2 a:visited {
			color: #000;
			background: transparent url(redPortLink.gif) no-repeat;
			}
			
		#listItem2 a:hover {
			color: #000;
			background: transparent url(blkPortLink.gif) no-repeat;
			}
			
	#listItem3 {
		position: absolute;
		top: 0;
		left: 139px;
		z-index: 50;
		}
		
		#listItem3 a {
			width: 0;
			height: 94px;
			padding-left: 182px;
			overflow: hidden;
			display: block;
			}
		
		#listItem3 a:link,
		#listItem3 a:active,
		#listItem3 a:visited {
			color: #000;
			background: transparent url(redInfoLink.gif) no-repeat;
			}
			
		#listItem3 a:hover {
			color: #000;
			background: transparent url(blkInfoLink.gif) no-repeat;
			}
			
	#listItem4 {
		position: absolute;
		top: 0;
		left: 321px;
		z-index: 50;
		}
		
		#listItem4 a {
			width: 0;
			height: 94px;
			padding-left: 179px;
			overflow: hidden;
			display: block;
			}
		
		#listItem4 a:link,
		#listItem4 a:active,
		#listItem4 a:visited {
			color: #000;
			background: transparent url(redContLink.gif) no-repeat;
			}
			
		#listItem4 a:hover {
			color: #000;
			background: transparent url(blkContLink.gif) no-repeat;
			}
			
	#listItem5 {
		position: absolute;
		top: 0;
		left: 500px;
		z-index: 50;
		}
		
		#listItem5 a {
			width: 0;
			height: 180px;
			padding-left: 180px;
			overflow: hidden;
			display: block;
			}
		
		#listItem5 a:link,
		#listItem5 a:active,
		#listItem5 a:visited {
			color: #000;
			background: transparent url(redLinkLink.gif) no-repeat;
			}
			
		#listItem5 a:hover {
			color: #000;
			background: transparent url(blkLinkLink.gif) no-repeat;
			}
		
/* styles for portfolio page */

/* tagged styles */

img {
	border: 1px dotted #000;
	float: right;
	overflow: auto;
	}
	
/* portfolio divisions */

div.category {
	clear: both;
	padding: 0 0 20px 0;
	}
	
#catHeader1, #catHeader2, #catHeader3 {
	width: 208px;
	height: 20px;
	}
	
	.ws {
		color: #000;
		background: transparent url(tH3_ws.gif) 100% 0 no-repeat;
		}
		
		.ws h3 {
			display: none;
			}
	
	.di {
		color: #000;
		background: transparent url(tH3_di.gif) 100% 0 no-repeat;
		}
		
		.di h3 {
			display: none;
			}
	
	.ld {
		color: #000;
		background: transparent url(tH3_ld.gif) 100% 0 no-repeat;
		}
		
		.ld h3 {
			display: none;
			}

div.imgCap {
	height: 100px;
	}
	
div.cap { 
	height: 80px;
	}
		
/* styles for information page */

#contentInner ul {
	margin: 0 0 10px 0;
	border-left: 1px dotted #000;
	}

#contentInner li {
	font: 6pt verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	list-style: none;
	padding: 3px 0 3px 3px;
	}
		
/* styles for contact page */

div.row, #submitRow {
	clear: both;
	}
	
#realname, #email, #org, #loc, #enq {
	width: 136px;
	font: 7pt verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px dotted #000;
	}

form #para1, form #para2, form #para3, form #para4, form #para5 {
	width: 80px;
	float: left;
	overflow: auto;
	}

#submitRow {
	margin: 0 0 0 80px;
	}
	
	#send, #clear {
		color: #000;
		background: #FFF;
		width: 67px;
		font: 7pt verdana, arial, helvetica, sans-serif;
		text-transform: uppercase;
		cursor: pointer;
		border: 1px solid #000;
		}		
		
/* styles for link page */

#section, #section1, #section2, #section3, #section4 {
	padding: 0 0 15px 0;
	}
	
#secHeader, div.secHeaderTec, div.secHeaderMus, div.secHeaderArt, div.secHeaderSpi {
	width: 208px;
	height: 20px;
	}
	
	div.secHeaderTec {
		color: #000;
		background: transparent url(tH3_tec.gif) 100% 0 no-repeat;
		}
		
		div.secHeaderTec h3 {
			display: none;
			}
	
	div.secHeaderMus {
		color: #000;
		background: transparent url(tH3_mus.gif) 100% 0 no-repeat;
		}
		
		div.secHeaderMus h3 {
			display: none;
			}
	
	div.secHeaderArt {
		color: #000;
		background: transparent url(tH3_art.gif) 100% 0 no-repeat;
		}
		
		div.secHeaderArt h3 {
			display: none;
			}
	
	div.secHeaderSpi {
		color: #000;
		background: transparent url(tH3_spi.gif) 100% 0 no-repeat;
		}
		
		div.secHeaderSpi h3 {
			display: none;
			}
			
/* styles for success page */
	
	.succ {
		color: #000;
		background: transparent url(tH3_succ.gif) 100% 0 no-repeat;
		}
		
		.succ h3 {
			display: none;
			}
		
/* statCounter */

.statcounter {
	width: 0;
	height: 0;
	border: 0;
	display: none;
	}