html {
	
}

body {
	margin:				0px;
	padding:			0px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000;
	text-align:			justify;
}

h2{
	font-size:			18px;
	color:				#ed1c24;
	font-weight:		normal;
}

h4{
	font-size:			18px;
	color:				#666;
	font-weight:		normal;
}

a {
	color:				#ed1c24;
	text-decoration:	underline;
	font-weight:		normal;
}

a:hover {
	color:				#0095da;
}

a.button {
	padding:				5px;
	font-size:				12px;
	color:					#ed1c24;
	font-weight:			normal; 
	font-style:				italic;
	text-decoration:		none;
	background-size:		100% 100%;
}

a.button:hover {
}

input{
	background-color:		#4fccc4;
	border:					0px solid #4fccc4;
	padding:				5px;
	color:					#fff;
	margin:					2px 0px;
}

textarea{
	background-color:		#4fccc4;
	border:					0px solid #4fccc4;
	padding:				5px;
	color:					#fff;
	margin:					2px 0px;
}












#bg_top_left {
	width:				428px;
	height: 			750px;
	margin:				0px;
	padding:			0px;
	background: 		url(../images/bg_left.jpg) left top no-repeat;
	position:			fixed;
	top: 				0px;
	left:				0px;
	z-index: 			-1;
}

#bg_top_right {
	width:				188px;
	height: 			623px;
	margin:				0px;
	padding:			0px;
	background: 		url(../images/bg_right.jpg) right top no-repeat;
	position:			fixed;
	top: 				0px;
	right:				0px;
	z-index: 			-2;
}

#social_media {
	width:				30px;
	height: 			400px;
	margin:				0px;
	padding:			0px;
	position:			fixed;
	top: 				200px;
	right:				0px;
	z-index: 			10;
	text-align:			right;
}

	#social_media a{
		display:			block;
		margin-bottom:		10px;
	}


#container{
	width:				960px;
	margin:				0px auto;
	background-color: 	#fff;
}

#logo{
	float:				left;
	height:				160px;
	width:				230px;
}

#header{
	float:				left;
	width:				730px;
	height:				20px;
	padding-top:		100px;
	text-align:			right;
	background: 		url(../images/header_logos.jpg) right top no-repeat;
}

#menu{
	float:			left;
	height:			40px;
	width:			730px;
}

	#menu ul {
		padding:				0px;
		margin:					0px;
		width:					660;
		height:					40px;
		padding-left:			50px;
	}

	#menu li {
		display:				block;
		float:					left;
		text-align:				left;
		margin:					0px 5px;
		height:					20px;
	}

	#menu a {
		float:					left;
		text-align:				left;
		text-decoration:		none;
		font-weight:			normal;
		font-size:				16px;
		display:				block;
		padding:				10px;
		text-transform:			uppercase;
		height:					20px;
		line-height: 			20px;
		color: 					#666666;
	}
	
	#menu a.selected {
		background:				url(../images/menu_button_bg.png);
		background-size:		100% 100%;
		font-weight:			bold;
	}
	
	#menu a:hover {
		background:				url(../images/menu_button_bg.png);
		background-size:		100% 100%;
		text-decoration: 		underline;
	}

#left{
	float:				left;
	width:				200px;
	padding-right:		20px;
	margin-right:		10px;
	text-align:			center;
	background:			url(../images/vertical_separator.jpg) right top no-repeat;
}

#right{
	float:				left;
	width:				730px;
}

	#content{
		
	}

#footer{
	clear:				both;
	width:				100%;
	height:				55px;
	padding-top:		30px;
	text-align:			center;
	background:			url(../images/footer_logo.jpg) right top no-repeat;
}





.pop img{
	display:			none;
}


.pop:hover img{
	display:			initial;
}





	
/*------------------------ clear floats + holly hack ----------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */