@charset "utf-8";
/* CSS Document */


/* ------ General CSS ------ */
body
{
	margin:0;
	padding:0;
	background:url(../images/body-bg.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

h4
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7C0896;
	font-weight:bold;
}

h5
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7C0896;
	font-weight:bold;
}

.spacer
{
	clear:both;
	height:1px;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

#body-holder
{
	width:100%;
	margin:0;
	padding:0;
	background: url(../images/main-bg.jpg) repeat-x;
}

#main-holder
{
	width:883px;
	margin:0 auto 0 auto;
	padding:0;
	background:none;
}


/* ------ Content Area ------ */
#main-content
{
	width:844px;
	margin:0;
	padding:0;
	float:left;
}

	/* ------ Header ------ */
	#header-holder
	{
		width:844px;
		height:108px;
		margin:0;
		padding:0;
	}
	
	.corner-bg
	{
		width:247px;
		height:63px;
		margin:45px 0 0 0;
		padding:0;
		background:url(../images/header-corner2.gif) no-repeat;
		float:right;
	}
	
	.logo
	{
		width:597px;
		height:108px;
		margin:0;
		padding:0;
		background: url(../images/alwaysextraordinarylogo.jpg) no-repeat;
		float:left;		
	}
	
	/* ------ Content ------ */
	#content-holder	
	{
		width:806px;
		margin:0 0 0 38px;
		padding:0;
		background: url(../images/content-bg.gif) repeat-y;
	}
	
	/* Content Banner */
	#img-holder
	{
		width:553px;
		height:396px;
		margin:0;
		padding:0;
		float:left;	
	}
	
		.image1
		{
			width:538px;
			height:198px;
			margin:0 0 0 15px;
			padding:0;
			background:url(../images/banner-img1.jpg) no-repeat;
		}
		
		.image2
		{
			width:538px;
			height:198px;
			margin:0 0 0 15px;
			padding:0;
			background:url(../images/banner-img2.jpg) no-repeat;
		}
	
	
	/* Text Area */
	#text-area-holder
	{
		width:253px;
		margin:0;
		padding:0;
		float:right;
	}
	
		.text-area-btn
		{
			width:229px;
			height:44px;
			margin:28px 0 0 0;
			padding:0;
			background: url(../images/content-btn.jpg) no-repeat;
		}
		
							.text-area-btn h1
							{
								color: #FFFFFF;
								font-size:18px;
								padding: 8px 0 0 10px;
								margin:0;
							}
		
		.text
		{
			width:240px;
			margin:0px 0 0 9px;
			padding:0;
		}
		
		ul.text-typo
		{
			display:block;
			margin:0;
			padding:0;
		}
		
		ul.text-typo li
		{
			display:block;
			color:#7C0896;
			margin:0;
			padding:0 0 8px 0;
		}
		
		.text-link
		{
			font-size:10px;
			color:#320CA7;
			margin:0 8px 0 0;
			padding:0;
			float:right;
		}
		
		.text-link a
		{
			font-size:10px;
			color:#320CA7;
			margin:0;
			padding:0;
			text-decoration:none;
		}
		
		.text-link a:hover
		{
			color:#320CA7;
			text-decoration:underline;
		}
		
		
		/* text box */
		.textbox-holder
		{
			width:806px;
			margin:0;
			padding:0;
		}
		
		.textbox
		{
			width:774px;
			margin:0 0 0 20px;
			padding:20px 0 15px 0;
		}
		
		.box
		{
			width:184px;
			margin:0 9px 0 0;
			padding:0;
			float:left;
		}
		
		.box2
		{
			width:184px;
			margin:0;
			padding:0;
			float:left;
		}
		
		.box-border-top
		{
			width:184px;
			margin:0;
			padding:0;
		}
		
		.box-content
		{
			width:184px;
			margin:0;
			padding:0;
			background:url(../images/box-bg.gif) repeat-y;
		}
		
		.box-text
		{
			width:166px;
			margin:0 9px 0 9px;
			padding:0;
			font-size:12px;
		}
		
		.box-text-typo
		{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			color:#3511A9;
			margin:0;
			padding:0;
		}



/* ------ Navigation Area ------ */
#nav-holder
{
	width:39px;
	margin:45px 0 0 0;
	padding:0;
	float:right;
}

	.nav-btn
	{
		width:39px;
		height:113px;
		margin:0 0 8px 0;
		padding:0;
	}
	
	
/* ------ Footer ------ */	
#footer
{
	width:883px;
	padding:0;
	margin:20px auto 20px auto;
	background:none;
	text-align:center;
}

		/* footer text */		
		#footer-text
			{
			clear:both;
			font-size:10px;
			line-height:12px;
			text-align:center;
			padding:10px;
			}
			
		#footer-text a
			{
			display:inline;
			text-decoration:none;
			color:#330066;
			}
		
		#footer-text a:hover
			{
			text-decoration:underline;
			color:#000000;
			}
			
	#footer h2, h3, h4
		{
			font-size:13px;
			font-weight:bold;
			color:#3511A9;
			display:inline;
		}


/* ------------------------ copyright links area ------------------------ */
#copyright
	{
	padding:10px;
	text-align:center;
	font-size:9px;
	text-align:center;
	color:#330066;
	}
	
		#copyright a
			{
			text-decoration:none;
			color:#330066;
			}
		
		#copyright a:hover
			{
			text-decoration:underline;
			color:#330066;
			}
		
		
		#copyright p
			{
			line-height:9px;
			}