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

/* 1.	Global Settings */

body {
  background-color: #ffffff;
  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;
}

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;   	 	
  	max-width: 320px;
}

#container-box {
  	background-color: #ffffff;  	 	
  	max-width: 320px;
}

#container-maxi {
  	background-color: #ffffff; 	 	
  	max-width: 960px;
}

#container-midi {
  	background-color: #ffffff;  	 	
  	max-width: 320px;
}

#container-midiplus {
  	background-color: #ffffff;   	 	
  	max-width: 320px;
}

#masthead	{
	background: url(../images/mobile-header.gif) #ffffff no-repeat;
	height: 201px;
  	max-width: 320px;
}

#lowermasthead	{
	display: none;
}

#content	{
	height: 576px;
	padding: 25px 0 0 0;
  	max-width: 320px;
}

#content-maxi	{
	padding: 25px 0 0 0;
  	max-width: 320px;
}

#content-midi	{
	padding: 25px 0 0 0;
  	max-width: 320px;
}

#content-mini	{
	padding: 25px 0 0 0;
  	max-width: 320px;
}

#content-midiplus	{
	padding: 25px 0 0 0;
  	max-width: 320px;
}

	#left-content	{
		float: left;
		padding: 0 0 20px 0;
  		max-width: 320px;
	}
	
		#maintext-maxi	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			overflow: auto;
			text-align: justify;
  			max-width: 320px;
		}

		#maintext-mini	{
			height: 343px;
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			overflow: auto;
			text-align: justify;
			max-width: 320px;
		}
		
		#maintext-form	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
  			max-width: 320px;
		}
		
		#maintext-article	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
		  	max-width: 320px;
		}
		
		#maintext-article-2	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
		  	max-width: 320px;
		}
		
		#maintext-article-3	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
		  	max-width: 320px;
		}
		
		#maintext-article-4	{
			margin: 0 0 40px 20px;
			padding: 0 40px 0 0;
			text-align: justify;
		  	max-width: 320px;
		}
		
			#maintext-maxi p, #maintext-mini p, #maintext-article p, #maintext-article-2 p, #maintext-article-3 p, #maintext-article-4 p, #maintext-form p	{
			 	max-width: 320px;
			}
		
		#left-nav	{
			background-color: transparent;
			margin: 0 0 0 20px;
		  	max-width: 320px;
		}
			#left-nav-a, #left-nav-b, #left-nav-c	{
				border: solid 1px #999999;
				float: left;
				width: 158px;
			}
			
			#left-nav-b, #left-nav-c	{
				margin: 0 0 0 20px;
			}
			
			#left-feature-a, #left-feature-b	{
				border: none;
				float: left;
				margin: 10px 0 0 0;
			  	max-width: 320px;
			}
			
				#left-feature-a p, #left-feature-b p, #left-feature-a li, #left-feature-b li	{
					font-size: 0.9em;
					width: 95%;
				}
				
			
			#left-feature-b	{
				margin: 10px 0 0 20px;
			}
		
		#left-nav-alternate	{
			background-color: transparent;
			margin: 18px 0 0 20px;
		  	max-width: 320px;
		}
	
	#right-content	{
		float: left;
		height: 556px;
		padding: 0 0 20px 0;
		max-width: 320px;
	}

#footer		{
	display: none;
}


/* 3. Main Content */

#left-content h1	{
	color: #ff6600;
	font-size: 1.2em;
	margin: 0;
	width: 100%;
}
	#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: 100%;
}

	#left-content h2.divider	{
        	border-bottom: 1px dotted #7F4500;
        	color: #a95e41;
        	font-size: 0.9em;
        	margin: 2em 0 0.3em 0;
        	width: 95%;
	}
	#left-content h2.divider-2	{
			color: #ff6600;
			font-size: 0.9em;
			letter-spacing: 0.1em;
			margin: 3.3em 0 0 0;
			width: 100%;
	}
	#left-content h2.divider-3	{
        	border-bottom: 1px dotted #7F4500;
        	color: #a95e41;
        	font-size: 0.9em;
        	margin: 6em 0 0.3em 0;
        	width: 100%;
	}
	#left-content h2.divider-4	{
        	border-bottom: 1px dotted #7F4500;
        	color: #a95e41;
        	font-size: 0.9em;
        	margin: 9em 0 0.3em 0;
        	width: 100%;
	}	
	
	#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: 100%;
	}
	
	#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: 100%;
}

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

	#left-content p.jump	{
		font-size: 0.8em;
		line-height: 1.6em;
		padding: 1em 0 0 0;
		text-align: right;
		width: 100%;
	}
	
	#left-content p.highjump	{
		font-size: 0.8em;
		line-height: 1.6em;
		padding: 12em 0 0 0;
		text-align: right;
		width: 100%;
	}
	
	#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: 100%;
	}

	#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: 100%;
	}
	
			#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: 100%;
	}
	
	#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: 100%;
	}

#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: 100%;
}

#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: 94%;
}

	#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: 100%;
	}

#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: 100%;
}

#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: 100%;
}

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


/* 4. Right Content and Main Navigation */

#right-nav	{
	background-color: transparent;
	margin: 0 0 0 20px;
	width: 100%;
}

	#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: left;
		width: 100%;
	}
	
		#right-nav li.bottom	{
        		border-bottom: 2px solid #ff6600;
        		display: block;
        		float: left;
        		height: 15px;
        		margin: 0 10px 0 0;
        		padding: 3px 0 5px 0;
        		text-align: left;
        		width: 100%;
		}

	#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 10px;
	max-width: 320px;
}

#right-pic img	{
	float: left;
	margin: 0;
	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: left;
	width: 100%;
}


/* 6. Form */

form	{
	margin: 0 0 0 1.4em;
	padding: 0.5em 0 0.5em 0;
	width: 100%;
}

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	{
	display: none;
}

	.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: 3.3em;
	width: 12em;
	padding: 0.3em 1em 0 0;
	margin: 14em 1em 0 1em;
	float: left;
}
        #pecs-news-a	{
        	background: url(../images/pecs.gif) no-repeat 0 -192px;
        	height: 3.3em;
			width: 12em;
			padding: 0.3em 1em 0 0;
			margin: 14em 1em 0 1em;
			float: left;
        }
        #pecs-news-b	{
        	background: url(../images/pecs.gif) no-repeat 0 -242px;
			height: 3.3em;
			width: 12em;
			padding: 0.3em 1em 0 0;
			margin: 14em 1em 0 1em;
			float: left;
        }

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

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

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

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

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

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

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

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

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