/* Global Definitions */

body {
	background-color:	#000000;
/* 	font-family:		"Lucida Grande", "Lucida Sans Unicode", sans-serif; */
	padding-bottom:		150px;
	font-family:		"Century Gothic",Century,Arial,sans-serif;
	color:				#ffffff;
	text-align:			left;
	font-size:			14px;
	min-height:			100%;
}

/* default DIVs should be stripped of padding and margins */
div
{
	margin:				0px;
	padding:			0px;
}

a
{	
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
	-o-transition:		.1s;
	-ms-transition:		.1s;
	-moz-transition:	.1s;
	-webkit-transition:	.1s;
	transition:			.1s;
}

a:hover
{
	text-decoration:	underline;
	-o-transition:		.1s;
	-ms-transition:		.1s;
	-moz-transition:	.1s;
	-webkit-transition:	.1s;
	transition:			.1s;
}

.special
{
	text-align:			right;
	margin-left:		20px;
	margin-right:		20px;
	text-align:			center;
	font-family:		Helvetica,Arial;
	font-weight:		normal;
	font-size:			10px;
	color:				#666666;
	text-transform:		uppercase;
	padding:			3px;
	border:				2px solid #666666;
}

.special:hover
{
	line-height:		inherit;
	font-weight:		normal;
	background-color:	#666666;
	color:				#ffffff;
	text-decoration:	none;
	border:				2px solid #444444;
}

/* Individual DIV Definitions */
#wrapper
{
	text-align:			left;
	width:				100%;
	height:				100%;
	min-height:			100%;
	margin:				0 auto;
}

#prefooter
{
	text-align:			left;
	width:				auto;
	height:				182px;
	bottom:				75px;
	color:				#ffffff;
	position:			fixed;
	z-index:			10;
}

#prefooter-content
{
	line-height:		182px;
	color:				#ffffff;
	padding-left:		30px;
	padding-right:		50px;
	font-size:			48px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}

#prefooter-content:hover
{
	padding-left:		40px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}

#prefooter-content img
{
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}

#prefooter-content img:hover
{
	opacity:			0.6;
	filter:				alpha(opacity=60);
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}

#footer
{
	background-image:	url('../images/bg-black-75.png');
	text-align:			left;
	width:				100%;
	height:				75px;
	bottom:				0px;
	color:				#ffffff;
	position:			fixed;
	z-index:			10;
}

#footer-content
{
	line-height:		75px;
	color:				#ffffff;
}

#footer-content ul
{
	-o-transition:		.1s;
	-ms-transition:		.1s;
	-moz-transition:	.1s;
	-webkit-transition:	.1s;
	transition:			.1s;
}

#footer-content ul li
{
	padding-left:		30px;
	padding-right:		30px;
	float:				left;
	text-decoration:	none;
	font-weight:		normal;
	color:				#ffffff;
	border:				1px transparent #ffffff;
	-o-transition:		.1s;
	-ms-transition:		.1s;
	-moz-transition:	.1s;
	-webkit-transition:	.1s;
	transition:			.1s;
}


#footer-content ul li:hover
{
	background-image:	url('../images/bg-white-10.png');
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}

#footer-content ul li:active
{
	background-image:	url('../images/bg-white-25.png');
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
	border:				1px solid #ffffff;
}

#content
{
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;
	color:				#ffffff;
	opacity:			1.0;
	z-index:			1;
	text-align:			left;
}

#content_home
{
	width:				100%;
	margin-left:		auto;
	margin-right:		auto;
	color:				#ffffff;
	opacity:			1.0;
	z-index:			1;
	margin-top:			60px;
	text-align:			center;
}

#topheader
{
	text-align:			center;
	width:				1000px;
	margin:				0 auto;
	padding-top:		20px;
	padding-bottom:		20px;
	color:				#ffffff;
}

#topheader a
{
	color:				#ffffff;
	margin-bottom:		30px;
	font-size:			56px;
	letter-spacing:		24px;
	font-weight:		normal;
}

#topheader a:hover
{
	text-decoration:	none;
	color:				#cccccc;
}

#page
{
	width:				1000px;
	padding:			30px;
	margin:				0 auto;
	background-image:	url('../images/bg-white-25.png');
}

#page_home
{
	width:				1000px;
	padding:			30px;
	text-align:			center;
	margin:				0 auto;
}

#page_home ing
{
	opacity:			.7;
}

#page a
{
	color:				#ffffff;
	font-weight:		bold;
	text-decoration:	none;
}

#page a:hover
{
	text-decoration:	underline;
}

#page h2
{
	font-size:			32px;
	text-transform:		uppercase;
	width:				1000px;
	padding-bottom:		12px;
	margin-bottom:		24px;
	border-bottom:		1px solid #dddddd;
}

#page p
{
	clear:				both;
	margin-bottom:		12px;
}

#page ul
{
	margin-left:		20px;
	list-style-type:	square;
}

#page li
{
	margin-bottom:		12px;
}

#currently
{
	margin-top:			30px;
	margin-left:		-30px;
	margin-right:		-30px;
	padding:			30px;
	background-image:	url('../images/bg-white-25.png');
}

#currently h2
{
	font-size:			20px;
	border:				0px;
	margin-bottom:		0px;
}


.body
{

}

#home
{
	width:				100%;
	min-height:			100% !important;
	position:			relative;
	color:				#ffffff;
}

#about
{
	width:				100%;
	min-height:			100%;
	position:			relative;
	color:				#ffffff;
}

#header
{
	width:				100%;
	height:				100%;
	min-height:			100%;
	text-align:			center;
	clear:				both;
	z-index:			1;
}

#header h1
{
	font-size:			36px;
	font-weight:		bolder;
	line-height:		36px;
}

#header h2
{
	width:				100%;
	padding-bottom:		10px;
	border-bottom:		1px solid #eeeeee;
	font-size:			24px;
	font-weight:		bolder;
	line-height:		24px;
}

#header h3
{
	width:				100%;
	padding:			10px;
	font-size:			14px;
	line-height:		14px;
	font-weight:		normal;
	float:				left;
}

#header h4
{
	width:				100%;
	padding:			10px;
	font-size:			18px;
	line-height:		18px;
	font-weight:		normal;
	float:				left;	
}

.album_title
{
	width:				auto;
	font-weight:		800;
	text-transform:		capitalize;
	margin-bottom:		20px;
	font-size:			18px;
	line-height:		18px;
	font-weight:		normal;
	float:				left;
}

.album_body
{
	width:				100%;
	margin-bottom:		20px;
	padding-bottom:		20px;
	border-bottom:		1px solid #dddddd;
}

.photo
{
	margin:				8px;
	width:				180px;
	float:left;
}

#header .border-bottom
{
	border-bottom:		1px solid #eeeeee;
}

#header .border-top
{
	padding-top:		10px;
	padding-bottom:		10px;
	border-top:			1px solid #eeeeee;
}

/* Class Definitions */
.clear
{
	clear:				both;
}

.step
{
	clear:				both;
}


.table_fullwrapper
{
	width:				100%;
	margin-top:			10px;
	margin-bottom:		30px;
}

.table_wrapper
{
	width:				96%;
	padding-left:		2%;
	padding-right:		2%;
	overflow-x:			hidden;
	overflow-y:			hidden;
	border-bottom:		1px solid #eeeeee;
	-moz-border-radius: 1em 1em 1em 1em;
	border-radius:		1em 1em 1em 1em;
	clear:				both;
}

.table_rowwrapper
{
	width:				100%;
	clear:				both;
	border-right:		1px solid #eeeeee;

}

.header
{
	border-top:			1px solid #dddddd;
	background-color:	#eeeeee;
}

.table_cell
{
	transition:			.1s;
	font-size:			10px;
	border-left:		1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
	padding-left:		4px;
	padding-right:		4px;
	padding-top:		8px;
	padding-bottom:		8px;
	vertical-align:		middle;
	text-align:			center;
}

.table_cell:hover
{
	transition:			.1s;
	background-color:	#eeeeee;
}

.last
{
	border:		1px solid #dddddd;
}

.total
{
	background-color:	#000000;
	color:				#ffffff;
	font-size:			12px;
	border:				none;
}

.total:hover
{
	background-color:	#000000;
	color:				red;
}

.closeout
{
	width:				1px;
	border-left:		1px solid #dddddd;
}

.stepNumber
{
	width:				20px;
	height:				20px;
	padding:			20px;
	margin-right:		30px;
	font-size:			32px;
	line-height:		20px;
	display:			block;
	font-weight:		bold;
	text-align:			center;
	-moz-border-radius: 25em 25em 25em 25em;
	border-radius:		25em 25em 25em 25em;
	background-color:	#000000;
	color:				#ffffff;
	-moz-box-shadow:	0px 0px 2px 2px #cccccc;
	-webkit-box-shadow:	0px 0px 2px 2px #cccccc;
	box-shadow:			0px 0px 2px 2px #cccccc;
	float:				left;
}

.stepDirection
{
	line-height:		20px;
	padding:			20px;
	position:			relative;
	display:			block;
}

.form_wrapper
{
	clear:				both;
	border:				1px solid #dddddd;
	background-color:	#eeeeee;
	padding-left:		30px;
	-moz-border-radius: 2em 2em 2em 2em;
	border-radius:		2em 2em 2em 2em;
	margin:				30px;
	width:				auto;
	line-height:		32px;
	
}

.form_wrapper:hover
{
}

.form_head
{
	background-color:	#eeeeee;
	text-align:			left;
	padding-left:		60px;
	padding-right:		60px;
	padding-top:		20px;
	padding-bottom:		20px;
	margin-bottom:		30px;
	-moz-border-radius: 2em 2em 0em 0em;
	border-radius:		2em 2em 0em 0em;
	border-bottom:		1px solid #cccccc;
	-moz-box-shadow:	inset 0px 0px 3px 1px #dddddd;
	-webkit-box-shadow:	inset 0px 0px 3px 1px #dddddd;
	box-shadow:			inset 0px 0px 3px 1px #dddddd;
	
	display:			none;
}

.form_head h1
{
	font-size:			24px;
}

.form_rowwrapper, .submit_row
{
	position:			relative;
	line-height:		32px;
	padding-top:		12px;
	padding-bottom:		12px;
	height:				auto;
	float:				left;
}

.form_label
{
	width:				auto;
	padding-left:		5px;
	line-height:		32px;
	text-align:			right;
	float:				left;
}

.form_input
{
	width:				auto;
	padding-right:		10px;
	padding-left:		10px;
	margin-right:		15px;
	line-height:		32px;
	text-align:			left;
	float:				left;
}

.input
{
	transition:			.1;
	font-style:			italic;
	padding-left:		10px;
	padding-right:		10px;
	background-color:	#ffffff;
	-moz-border-radius: 1px 1px 1px 1px;
	border-radius:		1px 1px 1px 1px;
}

.input:hover
{
	transition:			.1;
	-moz-box-shadow:	inset 0px 0px 1px 1px #444444;
	-webkit-box-shadow:	inset 0px 0px 1px 1px #444444;
	box-shadow:			inset 0px 0px 1px 1px #444444;
}

.input:focus
{
	font-style:			normal;
	background-color:	#eeeeee;
	-moz-box-shadow:	inset 0px 0px 2px 2px #444444;
	-webkit-box-shadow:	inset 0px 0px 2px 2px #444444;
	box-shadow:			inset 0px 0px 2px 2px #444444;
}

.text, .password
{
}

.checkbox, .radio
{
	text-align:			left;
	line-height:		24px;
}

.radio
{
	-moz-box-shadow:	none;
	-webkit-box-shadow:	none;
	box-shadow:			none;
}

.select
{
	padding-right:		10px;
	height:				32px;
}

.submit 
{
	font-style:			normal;
	height:				32px;
}

.errorDiv
{
	margin-top:			20px;
	margin-bottom:		20px;
	padding-left:		20px;
	padding-top:		20px;
	padding-bottom:		20px;
	color:				red;
	font-weight:		bold;
	width:				100%;
}

.errorDiv ul
{
	padding-left:		20px;
}

.errorDiv ul li
{
	list-style-type:	circle;
}








/* Second call Classes */
.static
{
	color:				#888888;
}

.error
{
	background-color:	red;
}

.complete
{
	background-color:	blue;
}

.border-bottom
{
	padding-bottom:		20px;
	border-bottom:		1px solid #aaaaaa;
}

.5
{
	height:				5px;
	width:				10px;
}

.10
{
	height:				10px;
	width:				10px;
}

.20
{
	height:				20px;
	width:				20px;
}

.30
{
	height:				30px;
	width:				30px;
}

.transition_1
{
	-o-transition:		.1s;
	-ms-transition:		.1s;
	-moz-transition:	.1s;
	-webkit-transition:	.1s;
	transition:			.1s;
}

.transition_1:hover
{
	-o-transition:		.1s;
	-ms-transition:		.1s;
	-moz-transition:	.1s;
	-webkit-transition:	.1s;
	transition:			.1s;
}

.transition_25
{
	-o-transition:		.25s;
	-ms-transition:		.25s;
	-moz-transition:	.25s;
	-webkit-transition:	.25s;
	transition:			.25s;
}

.transition_25:hover
{
	-o-transition:		.25s;
	-ms-transition:		.25s;
	-moz-transition:	.25s;
	-webkit-transition:	.25s;
	transition:			.25s;
}

.tempBorder
{
	border:1px solid #000000;
}