@charset "utf-8";

@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Ruthie|Asul);


/*************************************************
  INITIALIZING CSS
  
  ---------------------
  Important Elements
  ---------------------
  
  PAGE ATTRIBUTES:
  Main Content: 	800px;
  
  COLORS:
  Page Background:	#99e1ef
  
*************************************************/

body { 
	font-family: 'Asul', Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #363636;
	height:100%; 
	background: #99e1ef url(../background-image.jpg) no-repeat;
}


/******************************
	ELEMENT/TAG SLECTOR STYLING
*******************************/
h1 {
	font-size: 64px;
		line-height: 48px;
	font-family: 'Ruthie', Arial, sans-serif;
}
h2 {
	font-size: 16px;
}

a:link, a:visited {
	text-decoration: underline; 
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}



/******************************
	LAYOUT INFORMATION
*******************************/
#main-content {
	width: 800px;
	padding: 50px 0 0 0;
	margin: 0 auto;
	text-align:center;
}

.highlight-box-frame{
	width: 541px;
	margin:0 auto;
}
.highlight-box-content {
	padding: 0 10px;
	background: url(../bg-highlight-box-mid.png) repeat-y;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}





/******************************
	GENERAL STYLES
*******************************/
 
.image-thumb {
	float: left;
	border: 1px dotted #999;
	margin: 10px;
		-moz-box-shadow: 3px 3px 4px #999;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');

}