body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #010712;
	font: 16px Helvetica, Arial, Sans-Serif; color: #636363; line-height: 24px;
}


.navigationContainer
{
    margin: auto;
    position: relative;
    width: 1160px;
    height: 426px;
}
	
.navigationContainer div {
    position: absolute;
}

	
#content {
	width: 1160px; margin: 0 auto;
}


.VineTransition
{
	margin: -40px auto -40px auto;
}
	
.VineBottom
{
	margin: -40px auto -10px auto;
}

.portfolio-item 
{
    position: relative;
border-style: solid;
border-width: 100px 100px 100px 100px;
margin: 0px 0px 0px 0;
background-color: #b9d1ff;
border-color: #051c49;
-moz-border-image: url(NavigationBarV3/ItemFrame.webp) 100 100 100 100 repeat;
-webkit-border-image: url(NavigationBarV3/ItemFrame.webp) 100 100 100 100 repeat;
-o-border-image: url(NavigationBarV3/ItemFrame.webp) 100 100 100 100 repeat;
border-image: url(NavigationBarV3/ItemFrame.webp) 100 100 100 100 fill repeat;
}

.portfolio-item ol
{
	font: 26px Georgia, Serif; color: #000000;
}


.portfolio-item a 
{
		    height: 100%;
		    width: 100%;
            font: 24px Georgia, Serif; color: #2691d3;
            font-weight: bold;
            text-decoration: none;
            text-shadow: 1px 1px 0px black;
}

.portfolio-item a:hover {
		height: 100%;
		width: 100%;
        font: 24px Georgia, Serif; color: #cb3dff;
        font-weight: bold;
        text-decoration: none;
        text-shadow: 1px 1px 0px black;	
}

	
	.Title {
		background: url(images/TitleBackground2.png);
		position: relative;
		left: -175px;
		top: -2px;
        overflow:hidden;
		width: 418px; height: 70px;
		margin: -129px auto 0 auto;
		padding-top: 10px;
		background-repeat: no-repeat;
		text-align: center;
		font: 38px Georgia, Serif; color: #f2f0eb; letter-spacing: 2px
	}

	.Date 
	{
	    background: url(NavigationBarV3/DateBG.webp);
		margin: -10px auto 25px auto;
		top: -2px;
		overflow: hidden;
		width: 194px; height: 26px;
	    position: relative;
	    left: -175px;
		text-align: center;
		font: 15px Georgia, Serif; color: #f2f0eb;
	}


.ItemText{ 
   
	font: 24px Georgia, Serif; color: #000000;
    line-height: 150%;
    margin: 0px auto 25px auto;
}


	#content h1 {
		margin: 0px auto 0 auto;
		text-align: left;
		font: 38px Georgia, Serif; color: #f2f0eb; letter-spacing: 2px;
	}



#footer {
	margin-top: 5px;
border-style: solid;
border-width: 50px 0px 0px 0px;
background-color: #051c49;
border-color: #051c49;
-moz-border-image: url(images/Footer.webp) 50 0 0 0 repeat;
-webkit-border-image: url(images/Footer.webp) 50 0 0 0 repeat;
-o-border-image: url(images/Footer.webp) 50 0 0 0 repeat;
border-image: url(images/Footer.webp) 50 0 0 0 fill repeat;

}

#footerNavigation
{
    width: 100%; height: 75px;
}


	#footer p#copyright {
		font-size: 12px; color: #b8b6b2; text-align: center;
	}
	#footer p#back-top {
		font-size: 12px; float: right; margin: 0 30px 0 0;
	}
		#footer a 
		{
		    display: table;
		    position: relative;
		    height: 100%;
		    width: 100%;
            font: 16px Helvetica, Arial, Sans-Serif; color: #2691d3;
            text-decoration: none;

	}
	
	#footer span
	{
	    display: table-cell;
	    text-align: center;
	    vertical-align: middle;
	}
	    
		#footer a:hover {
			color: #cb3dff;
		}