/*** CSS script for the Stuart Vallantine Web Experience (2010.01.06.1)  ***/

/* 1.	Global Settings */

body {
  background-color: #B7B7B7;
  font-family: Helvetica, Basic Sans SF, Arial, sans-serif;
  font-size: 0.95em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4	{  
	font-family: Helvetica, Basic Sans SF, Arial, Nimbus Sans L, sans-serif;
	letter-spacing: -0.03em; 	
}

p	{ 
	font-family: Helvetica, Basic Sans SF, Arial, Nimbus Sans L, sans-serif;
	font-size: 12px;
	color: #000000;
}

li	{ 
	font-family: Helvetica, Basic Sans SF, Arial, Nimbus Sans L, sans-serif;
	font-size: 14px;
	color: #000000;
} 

h2 {
  	font-size: 1em;
}

a 			{  color: #ff6600; text-decoration: none;	}
a:hover		{  color: #a95e41; text-decoration: none;	}
a:active	{  color: #00aa11; text-decoration: none;	}


/* 2. Structure */

#container {
  	background-color: #ffffff; 
	margin: 20px auto;   	 	
  	width: 100%;
}

#container-box {
  	background-color: #ffffff; 
	margin: 20px auto;   	 	
  	width: 960px;
}

#container-maxi {
  	background-color: #ffffff; 
	margin: 20px auto;   	 	
  	width: 960px;
}

#container-midi {
  	background-color: #ffffff; 
	margin: 20px auto;   	 	
  	width: 960px;
}

#container-midiplus {
  	background-color: #ffffff; 
	margin: 20px auto;   	 	
  	width: 960px;
}

#masthead	{
	background: url(../images/header.jpg) #ffffff no-repeat 0 1em;
	height: 101px;
	width: 100%;
}

#lowermasthead	{
	display: none;
}

#content	{
	padding: 25px 0 0 0;
	width: 100%;
}

#content-maxi	{
	padding: 25px 0 0 0;
	width: 100%;
}

#content-midi	{
	padding: 25px 0 0 0;
	width: 100%;
}

#content-mini	{
	padding: 25px 0 0 0;
	width: 100%;
}

#content-midiplus	{
	padding: 25px 0 0 0;
	width: 100%;
}

	#left-content	{
		float: left;
		padding: 0 0 20px 0;
		width: 95%;
	}
	
		#maintext-maxi	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
			width: 95%;
		}

		#maintext-mini	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			overflow: auto;
			text-align: justify;
			width: 95%;
		}
		
		#maintext-form	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
			width: 95%;
		}
		
		#maintext-article	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
			width: 95%;
		}
		
		#maintext-article-2	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
			width: 95%;
		}
		
		#maintext-article-3	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
			width: 95%;
		}
		
		#maintext-article-4	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
			width: 95%;
		}
		
			#maintext-maxi p, #maintext-mini p, #maintext-article p, #maintext-article-2 p, #maintext-article-3 p, #maintext-article-4 p, #maintext-form p	{
				width: 100%;
			}
		
		#left-nav	{
			display: none;
		}
			#left-nav-a, #left-nav-b, #left-nav-c	{
				display: none;
			}
			
			#left-nav-b, #left-nav-c	{
				display: none;
			}
			
			#left-feature-a, #left-feature-b	{
				display: none;
			}
			
				#left-feature-a p, #left-feature-b p, #left-feature-a li, #left-feature-b li	{
					display: none;
				}
				
			
			#left-feature-b	{
				display: none;
			}
		
		#left-nav-alternate	{
			display: none;
		}
	
	#right-content	{
		display: none;
	}

#footer		{
	display: none;
}


/* 3. Main Content */

#left-content h1	{
	color: #ff6600;
	font-size: 1.2em;
	margin: 0;
	width: 480px;
}
	#left-content h1 a	{
			color: #ff6600;
	}

#left-content h2	{
	color: #ff6600;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	margin: 0 0 1.3em 0;
	width: 480px;
}

	#left-content h2.divider	{
        	border-bottom: 1px dotted #7F4500;
        	color: #a95e41;
        	font-size: 0.9em;
        	margin: 2em 0 0.3em 0;
        	width: 480px;
	}
	#left-content h2.divider-2	{
			color: #ff6600;
			font-size: 0.9em;
			letter-spacing: 0.1em;
			margin: 3.3em 0 0 0;
			width: 480px;
	}
	#left-content h2.divider-3	{
        	border-bottom: 1px dotted #7F4500;
        	color: #a95e41;
        	font-size: 0.9em;
        	margin: 6em 0 0.3em 0;
        	width: 480px;
	}
	#left-content h2.divider-4	{
        	border-bottom: 1px dotted #7F4500;
        	color: #a95e41;
        	font-size: 0.9em;
        	margin: 9em 0 0.3em 0;
        	width: 480px;
	}	
	
	#left-content h2.divider a	{
        	color: #a95e41;
	}	
	#left-content h2.feature	{
        	background: #ff6600 url(../images/featurefade.jpg) repeat-x;
        	color: #ffffff;
        	display: block;
        	font-size: 0.9em;
        	margin: 0 0 0.3em 0;
        	padding: 2px 0 2px 10px;
        	width: 510px;
	}
	
	#left-content h2.lesser-feature	{
        	background: #ff6600 url(../images/featurefade.jpg) repeat-x;
        	color: #ffffff;
        	display: block;
        	font-size: 0.9em;
        	margin: 0 0 0.3em 0;
        	padding: 2px 0 2px 10px;
        	width: 100%;
	}

#left-content h3	{
	color: #ff9900;
	font-size: 0.8em;
	margin: 2em 0 0 0;
	width: 480px;
}

#left-content p	{
	font-size: 0.8em;
	line-height: 1.6em;
}
	#left-content p.pictures {
		font-size: 0.8em;
		line-height: 1.6em;
		padding: 2em 0 0 0;
	}
	
	#left-content p.pictures-2 {
		font-size: 0.8em;
		font-style: italic;
		line-height: 1.6em;
		padding: 2em 0 0 0;
	}	

	#left-content p.jump	{
		font-size: 0.8em;
		line-height: 1.6em;
		padding: 1em 0 0 0;
		text-align: right;
		width: 480px;
	}
	
	#left-content p.highjump	{
		font-size: 0.8em;
		line-height: 1.6em;
		padding: 12em 0 0 0;
		text-align: right;
		width: 480px;
	}
	
	#left-content p.highjump .pages	{
		border: #ff6600 solid 1px;
		color: #ff6600;
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 0 0 0 5em;
		padding: 0.2em 0.4em;
		text-align: right;
		width: 480px;
	}

	#left-content p.highjump .pages2	{
		border: #ff6600  solid 1px;
		color: #ff6600;
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 0 0 0 0.2em;
		padding: 0.2em 0.4em;
		text-align: right;
		width: 480px;
	}
	
			#left-content p.highjump .pages a:hover, #left-content p.highjump .pages2 a:hover	{
				border: #000000 1px solid;
				color: #ffff00;
			}
	
	#left-content p.quotes	{
		font-size: 0.75em;
		font-style: italic;
		line-height: 1.5em;
		padding: 0;
		text-align: left;
		width: 480px;
	}
	
	#left-content p.quotedby	{
		font-size: 0.75em;
		font-style: italic;
		font-weight: 600;
		line-height: 1.5em;
		margin: 0;
		padding: 0;
		text-align: right;
		width: 480px;
	}

#left-content ul, #left-content ol	{
	margin: 12px 0 0 0;
}



#left-content li	{
  	background: url(../images/leylandatlantean.gif) no-repeat top left;
	font-size: 0.8em;
	line-height: 1.8em;
	list-style-type: none;
	margin: 0 0 0.340em 0;
  	padding: 0 0 1em 3em;	
	width: 400px;
}

#left-content ol #left-content li	{
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 0 0 0.340em 0;
  	padding: 0 0 1em 3em;	
	width: 400px;
}

	#left-content #left-nav ul, #left-content #right-nav ul	{
		margin: 4px 0 0 0;
	}

	#left-content #left-nav li, 	#left-content #right-nav li	{
  		background: url(../images/leylandatlantean.gif) no-repeat top left;
		font-size: 0.7em;
		line-height: 1.6em;
		list-style-type: none;
		margin: 0 0 0.340em 0;
  		padding: 0 0 1em 2em;	
		width: 160px;
	}

#left-content li.crushloader	{
  	background: url(../images/leylandatlantean.gif) no-repeat top left;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0 0 0.340em 14em;
  	padding: 0 0 0.5em 2em;	
	width: 300px;
}

#left-content li.crushloader-2	{
  	background: url(../images/leylandatlantean.gif) no-repeat top left;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0 0 0.340em 0;
  	padding: 0 0 0.5em 2em;	
	width: 300px;
}

#left-content img.thumbs	{
	border: none;
	float: left;
	padding: 1em 1em 1em 0;
}


/* 4. Right Content and Main Navigation */

#right-nav	{
	background-color: transparent;
	height: 180px;
	margin: 0 0 0 20px;
	width: 360px;
}

	#right-nav ul	{
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#right-nav li	{
		border-bottom: 2px solid #ff6600;
		display: block;
		float: left;
		height: 15px;
		margin: 0 10px 0 0;
		padding: 3px 0 7px 0;
		text-align: center;
		width: 170px;
	}
	
		#right-nav li.bottom	{
        		border-bottom: none;
        		display: block;
        		float: left;
        		height: 15px;
        		margin: 0 10px 0 0;
        		padding: 3px 0 5px 0;
        		text-align: center;
        		width: 170px;
		}

	#right-nav a	{
		color: #000000;
		display: block;
		font-size: 0.9em;
		font-weight: 600;
		letter-spacing: -0.02em;
		text-decoration: none;
		padding: 0;
	}
	
	#right-nav a:hover	{
		background-color: #ffff00;
		color: #000000;
		display: block;
		padding: 0;
	}

#right-pic	{
	background-color: transparent;
	height: 460px;
	margin: 20px 0 0 20px;
	width: 360px;
}

#right-pic img	{
	float: left;
	padding: 0 1em 1em 0;
}


/* 5. Footer */

#footer p	{
	font-size: 0.75em;
	line-height: 1.8em;
	padding: 0.3em 0 0 0;
	text-align: center;
	width: 960px;
}


/* 6. Form */

form	{
	margin: 0 0 0 1.4em;
	padding: 0.5em 0 0.5em 0;
	width: 460px;
}

input, textarea	{
	border: 1px #ff6600 solid;
	color: #000000;
	display: inline;
	font-family: Helvetica, Basic Sans SF, Arial, sans-serif;	
}

input.button	{
	background-color: #ffffff;
	border: 1px solid #ff6600;
	color: #ff6600;
	font-family: Helvetica, Basic Sans SF, Arial, sans-serif;
	margin: 1em 0 0 0;	
	width: 130px;
}
	input.button:hover	{
	background-color: #a95e41;
	border: 1px solid #ff6600;
	color: #ff6600;
	font-family: Helvetica, Basic Sans SF, Arial, sans-serif;
	margin: 1em 0 0 0;	
	width: 130px;
}

input.name	{
	margin: 0 0 0 3.7em;
	width: 184px;
}

input.email	{
	margin: 0 0 0 3.8em;
	width: 184px;
}

.textbox	{
	font-weight: 600;
	margin: 0;
}

input.name:hover, input.email:hover, input.textbox:hover	{
	background-color: #eeeeee;
}

input.name:active, input.email:active, input.textbox:active	{
	background-color: #ffffcc;
}

textarea	{
	width: 280px;
	height: 96px;
	overflow: auto;
}


/* 7. PECS images */

#pecs	{
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
	background: url(../images/pecs.gif) no-repeat;
}

	.pagetop	{
		color: #000000;
		font-family: Helvetica, Basic Sans SF, Arial, Nimbus Sans L, sans-serif;
		font-size: 0.7em;
		margin: 0;
		padding: 0 0 0 47px;
		text-align: left;
	}
	.pagename	{
		color: #ff6600;
		font-family: Helvetica, Basic Sans SF, Arial, Nimbus Sans L, sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0 0 0 47px;		
		text-align: left;
	}

#pecs-news	{	
	background: url(../images/pecs.gif) no-repeat 0 -36px;
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
}
        #pecs-news-a	{
        	background: url(../images/pecs.gif) no-repeat 0 -192px;
        	height: 2.5em;
			width: 12em;
			padding: 0.3em 1em 0 0;
			margin: 1.7em 1em 0 0;
			float: right;
        }
        #pecs-news-b	{
        	background: url(../images/pecs.gif) no-repeat 0 -242px;
        	height: 2.5em;
			width: 12em;
			padding: 0.3em 1em 0 0;
			margin: 1.7em 1em 0 0;
			float: right;
        }

#pecs-help	{
	background: url(../images/pecs.gif) no-repeat 0 -80px;
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
}

#pecs-pics	{
	background: url(../images/pecs.gif) no-repeat 0 -122px;
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
}

#pecs-biog	{
	background: url(../images/pecs.gif) no-repeat 0 -158px;
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
}

#pecs-articles	{
	background: url(../images/pecs.gif) no-repeat 0 -341px;
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
}
        
        #pecs-articles.a	{
        	background: url(../images/pecs.gif) no-repeat 0 -431px;
        	height: 2.5em;
			width: 12em;
			padding: 0.3em 1em 0 0;
			margin: 1.7em 1em 0 0;
			float: right;
        }

#pecs-poems	{
	background: url(../images/pecs.gif) no-repeat 0 -511px;
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
}

#pecs-contact	{
	background: url(../images/pecs.gif) no-repeat 0 -558px;
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;	
}
        
        #pecs-contact-a	{
			height: 2.5em;
			width: 12em;
			padding: 0.3em 1em 0 0;
			margin: 1.7em 1em 0 0;
			float: right;
        	background: url(../images/pecs.gif) no-repeat 0 -647px;
        }
        
        #pecs-contact-b	{
			height: 2.5em;
			width: 12em;
			padding: 0.3em 1em 0 0;
			margin: 1.7em 1em 0 0;
			float: right;
        	background: url(../images/pecs.gif) no-repeat 0 -692px;
        }

#pecs-links	{
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
	background: url(../images/pecs.gif) no-repeat 0 -383px;
}

#pecs-sitemap	{
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
	background: url(../images/pecs.gif) no-repeat 0 -598px;
}

#pecs-interests	{
	height: 2.5em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 1.7em 1em 0 0;
	float: right;
	background: url(../images/pecs.gif) no-repeat 0 -742px;
}