/* standard shell template */
html, body 
{
	margin: 0px 0px 20px 0px;
	padding:0;
	border:0;
}

body
{		
	font-family: Arial;
	font-size: 70%;
	background: #000;	
	text-align: center;	
	line-height: 18px;
	color: #424142;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 945px;		
}

	#wrapper #headervideo 
	{
		width: 945px;
		float: left;
		height: 653px;
		background: url(../Images/shellGraphics_02.jpg) no-repeat top left;
		position: relative;
	}
	
		#wrapper #headervideo #viewallproducts 
		{
			position: absolute;		
			top: 169px;
			left: 117px;				
		}
		
			#wrapper #headervideo #viewallproducts a 
			{
				width: 187px;
				height: 101px;
				display: block;				
				background: url(../Images/newShellGraphics_02_03.jpg) no-repeat top left;				
			}
			
				#wrapper #headervideo #viewallproducts a span 
				{
					display: none;
				}
		
		#wrapper #headervideo #businessyear 
		{
			position: absolute;
			top: 83px;
			left: 235px;
		}
		
		#wrapper #headervideo #casestudy 
		{
			position: absolute;
			top: 270px;
			left: 117px;
		}
		
			#wrapper #headervideo #casestudy a 
			{
				display: block;
				width: 187px;
				height: 101px;
				background: url(../Images/newShellGraphics_02_05.jpg) no-repeat top left;
			}
			
				#wrapper #headervideo #casestudy a span 
				{
					display: none;
				}
				
		#wrapper #headervideo #awards 
		{
			position: absolute;
			top: 513px;
			left: 522px;
		}
		
			#wrapper #headervideo #awards a 
			{
				display: block;
				width: 192px;
				height: 102px;
				background: url(../Images/newShellGraphics_02_08.jpg) no-repeat top left;
			}
			
				#wrapper #headervideo #awards a span 
				{
					display: none;
				}
		
		#wrapper #headervideo #originalvideo 
		{
			position: absolute;
			top: 562px;
			left: 141px;
		}
		
			#wrapper #headervideo #originalvideo a 
			{
				width: 162px;
				height: 40px;
				display: block;
				background: url(../Images/HeaderGraphics_10.jpg) no-repeat top left;
			}
			
				#wrapper #headervideo #originalvideo a span 
				{
					display: none;
				}
		
		#wrapper #headervideo #videoplayer 
		{
			position: absolute;			
			top: 61px;
			left: 181px;	
			background: #CCFFCC;		
		}
	
	#wrapper #howcanhelp 
	{
		width: 945px;
		float: left;
		height: 349px;
		background: url(../Images/shellGraphics_04.jpg) no-repeat top left;
	}
	
	#wrapper #formcontainer 
	{
		width: 945px;
		float: left;
		height: 462px;
		background: url(../Images/shellGraphics_05.jpg) no-repeat top left;
		position: relative;
	}
	
		#wrapper #formcontainer #contactform
		{
			position: absolute;
			width: 485px;
			height: 244px;			
			top: 128px;
			left: 381px;
			padding: 15px;
		}
		
			#wrapper #formcontainer #contactform .formfieldarea 
			{
				width: 485px;
				float: left;
				margin-bottom: 3px;	
				position: relative;			
			}
			
				#wrapper #formcontainer #contactform .formfieldarea .fieldheader 
				{
					width: 99px;
					float: left;
					height: 30px;
				}
				
					#wrapper #formcontainer #contactform .formfieldarea .fieldheader.name 
					{
						background: url(../Images/Field_Name.gif) no-repeat left;
					}
					
					#wrapper #formcontainer #contactform .formfieldarea .fieldheader.email 
					{
						background: url(../Images/Field_Email.gif) no-repeat left;
					}
					
					#wrapper #formcontainer #contactform .formfieldarea .fieldheader.caption
					{
						background: url(../Images/Field_Caption.gif) no-repeat left;
					}
					
					#wrapper #formcontainer #contactform .formfieldarea .fieldheader span 
					{
						display: none;
					}
				
				#wrapper #formcontainer #contactform .formfieldarea .formfield 
				{
					width: 265px;
					float: left;										
				}
				
					#wrapper #formcontainer #contactform .formfieldarea .formfield input, #wrapper #formcontainer #contactform .formfieldarea .formfield textarea 
					{
						width: 265px;
						height: 18px;
						border: solid 1px #C7C3A4;
						background: #FEF6C5;
						margin: 0px;
						padding: 5px;
						font-size: 100%;
						font-family: Arial;						
					}
					
					#wrapper #formcontainer #contactform .formfieldarea .formfield textarea 
					{
						height: 119px;	
						font-size: 100%;				
					}
					
				#wrapper #formcontainer #contactform .formfieldarea .submitbutton 
				{
					width: 92px;	
					float: left;					
					margin: 101px 0px 0px 20px;
					height: 30px;
				}
				
					*html #wrapper #formcontainer #contactform .formfieldarea .submitbutton 
					{
						margin-left: 10px;
					}
					
	#wrapper #footer 
	{	
		color: #808080;
		margin-top: 21px;		
		float: left;
		width: 945px;
	}
	
		#wrapper #footer ul 
		{
			margin: 0px;
			padding: 0px;
		}
		
			#wrapper #footer ul li 
			{
				list-style-type: none;
				display: inline;
			}
			
				#wrapper #footer ul li.designby 
				{
					padding-left: 778px;
				}
	
				#wrapper #footer ul li a 
				{
					color: #808080;
				}