html{
	background:			#113;
}

.main{
	background:			#113;
	color:				#333;
	font-family:		arial, sans-serif;
	font-size:			18px;
	margin:				0px 40px;
}

/* Element redefinitions */
.main p{
	line-height:		24px;
	margin:				16px 24px 16px 24px;
}

/* Standard links */
.main a:link, .main a:visited, .main a:active{
	color:				#036;
	font-weight:		bold;
	text-decoration:	none;
}

.main a:hover{
	color:				#369;
}

/* This is the main container for the site.*/
.main .container{
	margin:				40px auto 40px auto;
	width:				924px;
}

.main .centeredImage{
	text-align:			center;	
}

.main .contentContainer{
	background:			#9cf url('images/gradients/contentContainerGradient.png') repeat-x;
	clear:				both;
	margin:				0px auto 0px auto;
	min-height:			300px;
	padding:			30px 50px 20px 50px;
}

/* Footer */
.main .footerContainer{
	background:			#038 url("images/gradients/footerContainerGradient.png") repeat-x bottom left;
	clear:				both;
	color:				#ddd;
	height:				30px;
	line-height:		26px;
	padding:			0px 20px 0px 20px;
}

/* Footer links (such as the email link) */
.main .footerContainer a:link, .main .footerContainer a:visited, .main .footerContainer a:active{
	color:				#ddd;
}

.main .footerContainer a:hover{
	color:				#79f;
}

/* Footer container divisions */
.main .footerContainer .footer1{
	float:				left;
}

.main .footerContainer .footer2{
	float:				right;
}

/* Standard header (used instead of hX tags) */
.main .header{
	font-size:			36px;
	font-weight:		bold;
}

/* Navigation section container */
.main .navContainer{
	bottom:				105px;
	color:				#333;
	font-size:			26px;
	margin:				0px 28px 0px 360px;
	position:			relative;
	text-align:			right;
	width:				540px;
}

/* Navigation links */
.main .navContainer a:link, .main .navContainer a:visited, .main .navContainer a:active{
	color:				#038;
	font-weight:		normal;
	text-decoration:	none;
}

.main .navContainer a:hover{
	color:				#79f;
}

/* Page Title */
.main .navContainer .pageTitle{
	font-size:			46px;
	position:			relative;
	right:				0px;
	top:				-8px;
}

/* Super container for navigation and title containers */
.main .titleAndNavContainer{
	/*background:			#36f url('images/gradients/titleContainerGradient.png') repeat-x;*/
	background:			#36f;
	border-bottom:		solid 6px #a93;
	height:				132px;
}

/* Title container */
.main .titleContainer{
	background:			#038 url('images/gradients/titleContainerGradient.png') repeat-x;
	font-size:			50px;
	height:				120px;
	padding:			12px 16px 0px 16px;
	width:				310px;
}

.main .titleContainer .name{
	color:				#36f;
}

.main .titleContainer .title{
	color:				#79f;
	font-size:			36px;
}

/* Title container links */
.main .titleContainer a:link, .main .titleContainer a:visited, .main .titleContainer a:active, .main .titleContainer a:hover{
	color:				inherit;
	font-size:			inherit;
	font-weight:		inherit;
}

/* Used to show UBP in code instead of an image*/
.main .ubpLogoContainer{
	background:			#fff url('images/gradients/ubpLogoContainerGradient.png') repeat-x bottom;
	color:				#888;
	font-family:		helvetica, sans-serif;
	font-size:			40pt;
	font-weight:		bold;
	margin:				0px auto 0px auto;
	padding:			8px 8px 8px 8px;
}

.safari .main .ubpLogoContainer{
	padding-top:		0px;
}

.main .webWorkEntry{
	border-bottom:		solid 2px #000;
	margin:				20px 0px 20px 0px;
	padding:			18px 18px 9px 18px;
}

.main .webWorkEntry .imageContainer{
	margin:				20px auto 20px auto;
	width:				600px;
}