/* imports */
@import url(../Scripts/greybox/gb_styles.css);

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

body
{		
	font-family: Tahoma;
	font-size: 70%;
	background: #D5D5D5;	
	text-align: center;	
	line-height: 18px;
	color: #4D4D4D;
}

.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: #303030;
}

a 
{
	color: #4D4D4D;
	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: 808px;	
}

	#wrapper #standardcontainer 
	{
		padding: 2px;
		background: #FFF;		
		width: 802px;
		margin-top: 30px;
		height: 602px;
		border: solid 1px #EAEAEA;
	}
	
	/* Intro */
	#wrapper #introcontainer 
	{
		padding: 2px;
		background: #FFF;		
		width: 651px;
		margin-top: 30px;
		height: 528px;
		border: solid 1px #EAEAEA;
		padding: 74px 0px 0px 151px;
	}
		
		#wrapper #introcontainer #intro
		{
			float: left;			
		}
		
			#wrapper #introcontainer #intro a 
			{				
				display: block;
				text-align: center;
			}
			
				#wrapper #introcontainer #intro a img 
				{
					border: solid 0px;					
				}
				
		/* Standard Page */
		#wrapper #standardcontainer #header 
		{
			width: 802px;
			float: left;
		}
		
			#wrapper #standardcontainer #header h1 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #standardcontainer #header h1 a 
				{
					display: block;
					width: 802px;
					height: 91px;
					background: url(../Images/shellGraphics_03.gif) no-repeat top left;
				}
				
					#wrapper #standardcontainer #header h1 a span 
					{
						display: none;
					}
					
		#wrapper #standardcontainer #navigation 
		{
			wisth: 802px;
			float: left;
			margin-top: 2px;			
		}
		
			#wrapper #standardcontainer #navigation ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #standardcontainer #navigation ul li 
				{
					display: inline;
					list-style-type: none;
				}
				
					#wrapper #standardcontainer #navigation ul li a 
					{
						float: left;
						width: 113px;
						background: #E0E0E0;
						text-align: center;
						color: #00A0C6;
						text-decoration: none;
						text-transform: lowercase;
						margin-right: 2px;
						height: 21px;
						line-height: 21px;
						display: block;						
					}
						
						#wrapper #standardcontainer #navigation ul li.nopadding a
						{
							margin: 0px;	
							width: 111px;						
						}
						
						#wrapper #standardcontainer #navigation ul li a:hover 
						{
							background: #D5D5D5;
						}
		
		/* Split Page Content */		
		#wrapper #standardcontainer #content 
		{
			width: 802px;
			float: left;
			margin-top: 40px;
		}
		
			#wrapper #standardcontainer #content #contentcolone 
			{
				margin-left: 18px;
				width: 216px;			
				float: left;				
			}
				
				*html #wrapper #standardcontainer #content #contentcolone 
				{
					margin-left: 9px;
				}				
				
				#wrapper #standardcontainer #content #contentcolone ul 
				{
					margin: 0px 0px 0px 16px;
					padding: 0px;	
				}
				
					#wrapper #standardcontainer #content #contentcolone ul li 
					{
						list-style-image: url(../Images/SubNavStandard.gif);						
					}
					
						#wrapper #standardcontainer #content #contentcolone ul li a 
						{
							text-decoration: none;
						}
						
							#wrapper #standardcontainer #content #contentcolone ul li a:hover 
							{
								text-decoration: underline;
							}
					
					#wrapper #standardcontainer #content #contentcolone ul li.selected 
					{
						list-style-image: url(../Images/SubNavSelected.gif);						
					}
					
						#wrapper #standardcontainer #content #contentcolone ul li.selected a 
						{
							color: #00A0C6;
							text-decoration: underline;
						}
						
				/* Portfolio Page */
				#wrapper #standardcontainer #content #contentcolone #portfoliothumbcont 
				{
					width: 196px;
					float: left;					
				}
				
					#wrapper #standardcontainer #content #contentcolone #portfoliothumbcont .portfoliothumb 
					{
						float: left;						
						width: 50px;
						height: 50px;
						margin: 0px 10px 10px 0px;
						overflow: hidden;
					}
					
						#wrapper #standardcontainer #content #contentcolone #portfoliothumbcont .portfoliothumb a:hover
						{
							opacity: .5;
							filter: alpha(opacity=50);
						}
			
			#wrapper #standardcontainer #content #contentcoltwo 
			{
				width: 568px;
				float: left;				
			}
			
				#wrapper #standardcontainer #content #contentcoltwo h2, #wrapper #standardcontainer #content #contentcoltwo #moreinfo h2 
				{
					margin: 0px;
					padding: 0px;
					color: #00A0C6;
					font-size: 120%;										
				}
				
					#wrapper #standardcontainer #content #contentcoltwo #moreinfo 
					{
						display: none;
					}
				
				#wrapper #standardcontainer #content #contentcoltwo #textcontent, #wrapper #standardcontainer #content #contentcoltwo #moreinfo #textcontent 
				{
					width: 529px;
					height: 392px;
					float: left;					
					margin-top: 24px;
					overflow: auto;
					padding-right: 25px;
					
					scrollbar-track-color: #F8F8F8;
					scrollbar-face-color: #80888F;
					scrollbar-highlight-color: #80888F;
					scrollbar-3dlight-color: #80888F;
					scrollbar-darkshadow-color: #80888F;
					scrollbar-shadow-color: #80888F;
					scrollbar-arrow-color: #FFF;
				}
				
					#wrapper #standardcontainer #content #contentcoltwo #textcontent p, #wrapper #standardcontainer #content #contentcoltwo #moreinfo #textcontent p
					{
						margin: 0px 0px 15px 0px;
						padding: 0px;
					}
				
					/* Portfolio Image */
					#wrapper #standardcontainer #content #contentcoltwo #photogallery #portfolioimage 
					{
						width: 554px;
						height: 434px;						
						float: left;						
						overflow: hidden;
					}
					
					#wrapper #standardcontainer #content #contentcoltwo #textcontent .cvtable tr td
					{
						padding-bottom: 10px;
					}
					
		/* Full Width Content */
		#wrapper #standardcontainer #content #fullwidthcontent 
		{
			width: 784px;
			float: left;
			margin-left: 18px;				
		}
		
			*html #wrapper #standardcontainer #content #fullwidthcontent 
			{
				margin-left: 9px;
			}
			
			#wrapper #standardcontainer #content #fullwidthcontent h2 
			{
				margin: 0px;
				padding: 0px;
				color: #00A0C6;
				font-size: 120%;					
			}
				
			#wrapper #standardcontainer #content #fullwidthcontent #textcontent 
			{
				width: 745px;
				height: 392px;
				float: left;					
				margin-top: 24px;
				overflow: auto;
				padding-right: 25px;
					
				scrollbar-track-color: #D5D5D5;
				scrollbar-face-color: #76BCDB;
				scrollbar-highlight-color: #76BCDB;
				scrollbar-3dlight-color: #76BCDB;
				scrollbar-darkshadow-color: #76BCDB;
				scrollbar-shadow-color: #76BCDB;
				scrollbar-arrow-color: #FFF;
			}
				
				#wrapper #standardcontainer #content #fullwidthcontent #textcontent p 
				{
					margin: 0px 0px 15px 0px;
					padding: 0px;
				}
				
				/* Links */
				#wrapper #standardcontainer #content #fullwidthcontent #textcontent .linkitem 
				{					
					width: 730px;
					float: left;
					margin-bottom: 15px;
					border-bottom: solid 1px #A3A3A3;
					padding-bottom: 15px;
					line-height: 16px;
				}
				
					#wrapper #standardcontainer #content #fullwidthcontent #textcontent .linkitem img 
					{
						float: left;
						margin-right: 10px;
					}
					
				/* Contact Form */
				#wrapper #standardcontainer #content #fullwidthcontent #textcontent .contactfields 
				{
					font-family: Tahoma;
					font-size: 100%;
					color: #303030;
					width: 259px;
				}
					
		/* Footer */
		#wrapper #footer 
		{
			width: 802px;
			float: left;	
			text-align: center;	
			margin-top: 5px;	
		}
		
			#wrapper #footer ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #footer ul li 
				{
					list-style-type: none;
					display: inline;
					color: #858585;
					padding-right: 8px;
				}
				
					#wrapper #footer ul li.spacer 
					{
						padding-left: 10px;
						background: url(../Images/FooterSpacer.gif) no-repeat left;
					}
					
						#wrapper #footer ul li.spacer.nopadding 
						{
							padding-right: 0px;
						}
				
					#wrapper #footer ul li a 
					{
						color: #858585;
					}