
/* these are styles for the site template */
/* for content styling, use lib/css/content_styles.css */


.clear{
	clear:both;
	float:none;
}

body{
	background-color:#f0f0f0;
	font-family: 'Futura Medium', Calibri, Arial, Helvetica, sans-serif;
}			


.wrapper1 {
	background-color:#FFF;
}

	.bgContainer1{
		position:absolute;	
		width:100%;
		height:500px;
		top:0;
		left:0;
		background-color:#6a6a6a;
		z-index:1;	
		height:125px;
	}

	.bgContainer2{
		position:absolute;	
		width:50%;
		height:500px;
		top:0;
		left:0;
		background: url(/lib/images/layout/bg_gradient.jpg) 0 0 repeat-x;
		z-index:2;	
	}

	.wrapper2 {
		width:1070px;		
		margin: 0 auto;
		z-index:10;		
		position:relative;	
	}		
		
		.side {
			float:left;
			position: relative;
			width: 300px;
			background:url(/lib/images/layout/sidnav_shadow.jpg) right 0 no-repeat;
			height:650px;
		}	
		
			.headerLogo {
				height:0;
				overflow:hidden;
				padding-top: 115px;
				width: 225px;
				margin: 0 auto;
				display: block;
				background: url(../images/layout/logo.jpg) 0 0 no-repeat;
			}
			
				.headerLogo h1{
					margin:0;
				}
			
			.sideNav{
				padding:80px 0;
			}
			
				.sideNav a,
				.sideNav a:hover,
				.sideNav a:visited{				
					display:block;
					color:#666;				
					font-size:15px;
					text-transform:uppercase;
					text-decoration:none;					
					width:168px;
					height:26px;					
					padding: 8px 0 0 19px;		
					margin-left:113px;
					margin-top:-4px;					
				}

				.sideNav a:hover{
					color:#ff0d0b;
				}			
				.sideNav a.active,
				.sideNav a.active:visited,
				.sideNav a.active:hover{
					background: url(../images/layout/sidenav_selection_bg.png) right 0 no-repeat;
				}			
				
				
			.uploadBtn {
				height:0;
				overflow:hidden;
				padding-top: 41px;
				width: 185px;
				margin: 0 auto;
				display: block;
				background: url(../images/layout/upload_btn.png) 0 0 no-repeat;
				
				position:absolute;
				bottom:170px;
				right:50px;				
			}
							
				
		
		.header{
			background-color:#6a6a6a;
			width:670px;
			float:left;
			text-align:center;
			padding:0px 15px;
			height:125px;
			position:relative;		
		}
			
			.headerNav{
				position:absolute;
				left:30px;
				bottom:0;
				*bottom:-1px;
			}
			
				.headerNav a,
				.headerNav a:hover,
				.headerNav a:visited{
					text-transform:uppercase;
					float:left;
					display:block;
					color:#fff;
					font-size:16px;
					padding: 4px 11px;				
					text-decoration:none;
					margin: 0 2px;
				}
				.headerNav a.active,
				.headerNav a.active:hover,
				.headerNav a.active:visited,
				.headerNav a:hover{
					color:#ff0d0b;
					background-color:#fff;				
				}

		.content {				
			font-family: Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:1.3em;
			z-index:10;
			width:630px;		
			float:left;
			padding: 60px;
			min-height: 400px;
			height: auto !important;
			*height: 400px;
			background-color:#FFFFFF;
			position: relative;
			
		}

.footer, .legal {
	color:#888;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	padding: 10px 0 10px 300px;
	width:710px;
	margin:0 auto;
}

	.footer span, .legal span {
		padding: 0 10px;
	}
	
	.legal {
		color: #aaa;
		font-size: 11px;
		font-weight: normal;
		}
	.legal a, .legal a:link, .legal a:visited {
		color: #6a0;
		font-size: 11px;
		font-weight: normal;
		}



/*****  Form Fields ******/

.textField,
.selectField,
.textareaField{
	border: 1px solid #666;	
}







/* ----------------------------------- */
/* | gallery cropmarks               | */
/* | added 090226                    | */
/* | jared@littlegreencube.com       | */
/* ----------------------------------- */


.content-reset {
	position: relative;
	padding: 50px;
	float:left;
	}
.registration-mark-n,
.registration-mark-e,
.registration-mark-w,
.registration-mark-s,
.registration-mark-nw,
.registration-mark-ne,
.registration-mark-sw,
.registration-mark-se {
	z-index: 100;
	position: absolute;
	width: 23px;
	height: 23px;
	background-image: url(/lib/scripts/imagemanager/index.php/registration.png?&width=200&height=200&image=/lib/images/gallery-registration.fw.png);
	background-repeat: no-repeat;
	}

.content .registration-mark-n {
	top: 20px;
	left: 50%;
	}
.content .registration-mark-e {
	top: 50%;
	right: 20px;
	}
.content .registration-mark-w {
	top: 50%;
	left: 20px;
	}
.content .registration-mark-s {
	bottom: 20px;
	left: 50%;
	}
.content .registration-mark-nw {
	top: 20px;
	left: 20px;
	}
.content .registration-mark-ne {
	top: 20px;
	right: 20px
	}
.content .registration-mark-sw {
	bottom: 20px;
	left: 20px
	}
.content .registration-mark-se {
	bottom: 20px;
	right: 20px
	}