@import url("jquery.fancybox-1.3.1.css");

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

body
{		
	font-family: Arial;
	font-size: 70%;
	background: url(../Images/shellMainBG.jpg) no-repeat top center #000;	
	text-align: center;	
	line-height: 18px;
	color: #FFF;
}

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

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

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

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

a:hover 
{
	text-decoration: underline;	
}

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

/* construct */
#wrapper 
{
	float: left;
	width: 100%
}

	#wrapper #header
	{
		float: left;
		width: 100%;
		height: 99px;
		border-bottom: 1px solid #3A3A3A;
	}
	
		#wrapper #header #headerinner
		{
			width: 855px;
			margin: 0px auto;
			position: relative;
		}
		
			#wrapper #header #headerinner #head
			{
				float: left;
				width: 855px;
			}
			
				#wrapper #header #headerinner #head h1
				{
					padding: 0px;
					margin: 0px;
				}
				
					#wrapper #header #headerinner #head h1 a
					{
						float: left;
						width: 142px;
						height: 69px;
						margin: 18px 0px 0px 26px;
						background: url(../Images/shellLogo_03.gif) no-repeat top left;
					}
					
						#wrapper #header #headerinner #head h1 a span
						{
							display: none;
						}
						
			#wrapper #header #headerinner #head #headcenter
			{
				float: left;
				width: auto;
				color: #827D7D;
				font-size: 110%;
				display: inline;
				margin-left: 83px;
				margin-top: 47px;
			}
			
				#wrapper #header #headerinner #head #headcenter span
				{
					color: #FFF;
				}
				
			#wrapper #header #headerinner #head #headright
			{
				float: right;
				width: auto;
				padding-top: 37px;
				padding-right: 28px;
			}

				#wrapper #header #headerinner #head #headright a
				{
					float: right;
					width: auto;
					height: 26px;
					color: #B4D716;
					padding-left: 10px;
					font-size: 110%;
					padding-top: 5px;
				}
				
					#wrapper #header #headerinner #head #headright a.twitter
					{
						width: 31px;
						background: url(../Images/shellHeader_08.gif) no-repeat bottom right;
					}
					
						#wrapper #header #headerinner #head #headright a.twitter span
						{
							display: none;
						}
					
					#wrapper #header #headerinner #head #headright a.wordpress
					{
						width: 31px;
						background: url(../Images/shellHeader_06.gif) no-repeat bottom right;
					}
					
						#wrapper #header #headerinner #head #headright a.wordpress span
						{
							display: none;
						}
					
						#wrapper #header #headerinner #head #headright a:hover
						{
							background-position: top right;
						}
						
	#wrapper #content
	{
		float: left;
		width: 100%;
	}
	
		#wrapper #content #contentinner
		{
			margin: 0px auto;
			position: relative;
			width: 855px;
		}
		
			#wrapper #content #contentinner #contentmain
			{
				float: left;
				width: 855px;
				text-align: left;
			}
			
	/* Content Container Start */
	
		#wrapper #content #contentinner #contentmain #contentcontainer
		{
			margin: 35px auto 0px auto;
			position: relative;
			width: 800px;
		}
		
			#wrapper #content #contentinner #contentmain #contentcontainer #contentleft
			{
				float: left;
				width: 550px;
			}
			
				#wrapper #content #contentinner #contentmain #contentcontainer #contentleft #contenttitle
				{
					float: left;
					width: 530px;
					font-size: 16px;
					font-weight: bold;
					color: #B4D716;
				}
				
				#wrapper #content #contentinner #contentmain #contentcontainer #contentleft #contenttext
				{
					font-size: 110%;
					padding-top: 5px;
					float: left;
					width: 530px;
					padding-bottom: 50px;
				}
				
					#wrapper #content #contentinner #contentmain #contentcontainer #contentleft #contenttext #sitemap li
					{
						padding-top: 5px;
					}
				
					#wrapper #content #contentinner #contentmain #contentcontainer #contentleft #contenttext a
					{
						color: #B4D716;
					}
				
					#wrapper #content #contentinner #contentmain #contentcontainer #contentleft #contenttext .whitebold
					{
						font-size: 16px;
						color: #FFF;
						font-weight:bold;
					}
					
					#wrapper #content #contentinner #contentmain #contentcontainer #contentleft #contenttext .greenbold
					{
						font-size: 16px;
						color: #B4D716;
						font-weight:bold;
					}
			
			#wrapper #content #contentinner #contentmain #contentcontainer #contentright
			{
				float: left;
				width: 250px;
			}
			
				#wrapper #content #contentinner #contentmain #contentcontainer #contentright #contentrighttitle
				{
					float: left;
					width: 250px;
					font-size: 110%;
					font-weight: bold;
					color: #FFF;
					padding-bottom: 10px;
				}
	
	/* Content Container Finish */
	
	/* Lower Content Start */
	
		#wrapper #lowercontent
		{
			float: left;
			width: 100%;
			position: relative;
			margin-top: 30px;
		}
		
			#wrapper #lowercontent #lowbg
			{
				position: absolute;
				left: 0px;
				top: 0px;
				bottom: 0px;
				width: 100%;
				background: #000;
				opacity: .40; /* Standard: FF gt 1.5, Opera, Safari */
				filter: alpha(opacity=40); /* IE lt 8 */
				-ms-filter: "alpha(opacity=40)"; /* IE 8 */
				-khtml-opacity: .40; /* Safari 1.x */
				-moz-opacity: .40; /* FF lt 1.5, Netscape */
			}
		
		#wrapper #lowercontent #lowercontentinner
		{
			width: 855px;
			color: #FFF;
			margin: 0px auto;
			position: relative;
		}
		
			#wrapper #lowercontent #lowercontentinner #lowcontent
			{
				float: left;
				width: 855px;
				text-align: left;
			}
			
	/* Lower List Start */
	
		#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding
		{
			width: 800px;
			margin: 0px auto;
			position: relative;
			text-align:left;
			padding-top: 14px;
		}

			#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock
			{
				float: left;
				width: 260px;
				margin-right: 15px;
				border-top: 5px solid #B2D416;
			}
			
				#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist
				{
					float: left;
					width: 260px;
					padding: 0px;
					margin: 0px;
				}
				
					#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li
					{
						list-style-type: none;
						display: inline;
						float: left;
						width: 260px;
						height: 96px;
						margin-top: 14px;
						overflow: hidden;
						background: #000;
					}
					
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li a
						{
							float: left;
							width: 260px;
							height: 96px;
							position: relative;
							text-decoration: none;
							overflow: hidden;
							cursor:hand;
						}
						
							#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li a:hover
							{
								text-decoration: none;
							}
						
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li a .blackbox
						{
							position: absolute;
							left: 0px;
							top: 69px;
							width: 260px;
							background: #000;
							height: 96px;
							opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
							filter: alpha(opacity=75); /* IE lt 8 */
							-ms-filter: "alpha(opacity=75)"; /* IE 8 */
							-khtml-opacity: .75; /* Safari 1.x */
							-moz-opacity: .75; /* FF lt 1.5, Netscape */
							text-align: left;
							font-size: 110%;
						}
						
							#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li a .blackTitle
							{
								float: left;
								width: 248px;
								height: 27px;
								font-weight: bold;
								color: #FFF;
								line-height: 20px;
								padding-left: 12px;
								padding-top: 3px;
								
							}
							
							#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li a .blackContent
							{
								float: left;
								width: 248px;
								height: 69px;
								color: #FFF;
								line-height: 20px;
								padding-left: 12px;
								line-height: 16px;
							}
						
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li.listOne a
						{
							background: url(../Images/shellLogisticsListOne_03.jpg) no-repeat top left;
						}
						
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li.listTwo a
						{
							background: url(../Images/shellLogisticsList_09.jpg) no-repeat top left;
						}
						
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li.listThree a
						{
							background: url(../Images/shellLogisticsList_13.jpg) no-repeat top left;
						}
						
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li.listFour a
						{
							background: url(../Images/shellLogisticsList_05.jpg) no-repeat top left;
						}
						
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li.listFive a
						{
							background: url(../Images/shellLogisticsList_10.jpg) no-repeat top left;
						}
						
						#wrapper #lowercontent #lowercontentinner #lowcontent #lowerpadding .lowerblock .lowerlist li.listSix a
						{
							background: url(../Images/shellLogisticsList_14.jpg) no-repeat top left;
						}
			
			
	/* Lower List Finish */
	
	/* Footer Start */
	
		#wrapper #lowercontent #lowercontentinner #lowcontent #footer
		{	
			margin: 0px auto;
			width: 800px;
			position: relative;
		}
		
			#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerbox
			{
				float: left;
				margin-top: 260px;
			}
		
			#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerleft
			{
				float: left;
				width: 500px;
				padding-bottom: 20px;
			}
			
				#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerleft #footerlist
				{
					padding: 0px;
					margin: 0px;
					float: left;
				}
				
					#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerleft #footerlist li
					{
						float:left;
						list-style-type: none;
						display: inline;
						padding-left: 10px;
						padding-right: 8px;
						background: url(../Images/shellFooterSpacer_03.gif) no-repeat center left;
					}
					
						#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerleft #footerlist li.firstfooter
						{
							padding-left: 0px;
							background: none;
						}
					
						#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerleft #footerlist li a
						{
							color: #515151;
							font-size: 110%;
						}
			
			#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerright
			{
				float: left;
				width: 300px;
				text-align: right;
				padding-bottom: 20px;
			}
			
				#wrapper #lowercontent #lowercontentinner #lowcontent #footer #footerright a
				{	
					color: #515151;
					font-size: 110%;
				}
	
	/* Footer Finish 8/
	
	/* Lower Content Finish */
	
/* Navigation Styles */

	#navigation
	{
		float: left;
		width: 250px;
		border-top: 6px solid #B2D416;
		padding: 0px;
		margin: 0px;
		padding-top: 10px;
	}
	
		#navigation li
		{
			float: left;
			width: 250px;
			display: inline;
			color: #B2D416;
		}
		
			#navigation li a
			{
				float: left;
				font-size: 110%;
				width: 250px;
				color: #B2D416;
				line-height: 18px;
				height: 24px;
			}
			
				#navigation li a:hover
				{
					color: #FFF;
					text-decoration: none;
				}

/* Navigation Styles Finish */