/* Global styles for the SOFT 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: #FFFCF8 url(softBG.jpg);
	padding-top: 30px;
	}
	
/* divisions & ids */

#shell {
	width: 643px;
	margin-left: auto;
	margin-right: auto; 
	position: relative;
	}

#mainHeader {
	color: #000;
	background: transparent url(sH1.jpg) no-repeat;
	width: 483px;
	height: 82px;
	}
	
	#mainHeader h1 {
		display: none;
		}
		
#subHeader {
	color: #000;
	background: transparent url(sH2.jpg) no-repeat;
	width: 483px;
	height: 50px;
	}
	
	#subHeader h2 {
		display: none;
		}
		
#date {
	color: #B09C98;
	background: transparent;
	font: 8pt arial, helvetica, sans-serif;
	padding: 15px 0 0 15px;
	position: relative;
	z-index: 10;
	}
	
#content {
	color: #000;
	background: transparent url(lowerGradBG.jpg) bottom right no-repeat;
	padding: 20px 10px 20px 0;
	margin: 0 0 20px 0;
	position: relative;
	z-index: 15;
	}
	
#contentInner {
	padding: 0 0 0 287px;
	}
		
#content p {
	color: #000;
	background: transparent;
	font: 8pt/1.5 verdana, arial, helvetica, sans-serif;
	text-align: justify;
	padding: 0 0 15px 0;
	}
	
#content p.copy {
	color: #B09C98;
	background: transparent;
	font: 7pt arial, helvetica, sans-serif;
	}
	
#copyright {
	position: absolute;
	top: 280px;
	left: 0;
	z-index: 10;
	}
	
	#content a:link,
	#content a:active,
	#content a:visited {
		color: #600;
		background: transparent;
		}
		
	#content a:hover {
		color: #F00;
		background: transparent;
		text-decoration: none;
		}
	
#extraImagery1 {
	color: #000;
	background: transparent url(spider.jpg) no-repeat;
	width: 321px;
	height: 381px;
	position: absolute;
	top: 160px;
	left: -25px;
	z-index: 5;
	}
	
#extraImagery2 {
	color: #000;
	background: transparent url(gradLine.jpg) no-repeat;
	width: 3px;
	height: 203px;
	position: absolute;
	top: -160px;;
	left: 22px;
	z-index: 6;
	}
	
/* navigation */

#navigation {
	padding: 20px 0 0 0;
	border-right: #D8B4A8 2px solid;
	position: absolute;
	top: 0;
	right: 0;
	}
	
	#navList li {
		font: 10pt/1.5 georgia, "times new roman", times, serif;
		text-transform: uppercase;
		list-style: none;
		text-align: right;
		}
	
	#navList a {
		padding: 0 15px 0 0; 
		}
	
	#navList a:link,
	#navList a:active,
	#navList a:visited {
		color: #600;
		background: transparent;
		text-decoration: none;
		}
		
	#navList a:hover {
		color: #F00;
		background: transparent url(linkHiliteBG.gif) right no-repeat;
		}
		
/* styles for portfolio page */

/* tagged styles */

h3 {
	text-align: right;
	}

img {
	border: 3px double #D8B4A8;
	}
	
/* portfolio divisions */

div.category { 
	clear: both;
	height: 200px;
	}
	
#catHeader1, #catHeader2, #catHeader3 { 
	width: 338px;
	height: 50px;
	}
	
	.ws {
		color: #000;
		background: transparent url(sH3_ws.jpg) right top no-repeat;
		}
		
		.ws h3 {
			display: none;
			}
	
	.di {
		color: #000;
		background: transparent url(sH3_di.jpg) right top no-repeat;
		}
		
		.di h3 {
			display: none;
			}
	
	.ld {
		color: #000;
		background: transparent url(sH3_ld.jpg) right top no-repeat;
		}
		
		.ld h3 {
			display: none;
			}
	
div.imgCap {
	margin: 0 0 10px 11px;
	padding: 0;
	width: 100px;
	height: 150px;
	float: left;
	}
	
	p.cap a {
		padding: 0;
		text-align: left;
		}
		
/* styles for information page */

#contentInner ul {
	font: 8pt verdana, arial, helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 20px 20px;
	}
	
#contentInner li {
	color: #A06868;
	background: transparent;
	list-style: none;
	padding: 0 0 5px 0;
	}
		
/* styles for contact page */

div.row, #submitRow {
	clear: both;
	}

#submitRow {
	margin: 0 10px 20px 0;
	text-align: right;
	}
	
	div.row p#para1, div.row p#para2, div.row p#para3, div.row p#para4, div.row p#para5 {
		color: #A06868;
		background: transparent;
		padding: 0;
		font-weight: bold;
		text-transform: uppercase;
		}
	
#realname, #email, #org, #loc, #enq {
	width: 310px;
	margin: 0 0 10px 20px;
	font: 10pt verdana, arial, helvetica, sans-serif;
	border: 3px double #D8B4A8;
	}

	#enq {
		height: 70px;
		}
	
#send, #clear {
	color: #600;
	background: transparent;
	width: 70px;
	font: 10pt verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	border: 3px double #D8B4A8;
	}
		
/* styles for link page */

#section1, #section2, #section3, #section4 { 
	clear: both;
	}
		
#secHeader, div.secHeaderTec, div.secHeaderMus, div.secHeaderArt, div.secHeaderSpi { 
	width: 338px;
	height: 50px;
	}
	
	div.secHeaderTec {
		color: #000;
		background: transparent url(sH3_tec.jpg) right top no-repeat;
		}
		
		div.secHeaderTec h3 {
			display: none;
			}
	
	div.secHeaderMus {
		color: #000;
		background: transparent url(sH3_mus.jpg) right top no-repeat;
		}
		
		div.secHeaderMus h3 {
			display: none;
			}
	
	div.secHeaderArt {
		color: #000;
		background: transparent url(sH3_art.jpg) right top no-repeat;
		}
		
		div.secHeaderArt h3 {
			display: none;
			}
	
	div.secHeaderSpi {
		color: #000;
		background: transparent url(sH3_spi.jpg) right top no-repeat;
		}
		
		div.secHeaderSpi h3 {
			display: none;
			}
			
/* styles for success page */
	
	.succ {
		color: #000;
		background: transparent url(sH3_succ.jpg) right top no-repeat;
		}
		
		.succ h3 {
			display: none;
			}
		
/* statCounter */

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