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

body {
	background:#d8d8d8 url(../images/background.jpg) top center no-repeat;
}
	
#flash_home {
	width:770px;
	height:198px;
	background:url(../images/fpo_flash_home.png) no-repeat;
	*background:url(../images/fpo_flash_home_ie6.png) no-repeat;
	behavior:url(../js/iepngfix.htc);
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

#homepage-video {
	left:30px;
	position:absolute;
	top:10px;
}

#homepage-image {
	left:370px;
	position:absolute;
	top:25px;
}

#mid_container {
	width:770px;
	height:auto;
	margin:10px auto 0px auto;
	position: relative;
}

#whyweare {
	float:left;
	width:357px;
	margin:0px 10px 0px 0px;
}

#whyweare_top {
	height:32px;
	width:357px;
	background:url(../images/whyweare_top.png) no-repeat;
	behavior:url(../js/iepngfix.htc);
}

#whyweare_mid {
	height:auto;
	width:357px;
	background:url(../images/whyweare_mid.png) repeat-y;
	behavior:url(../js/iepngfix.htc);
}

#whyweare_bottom {
	height:14px;
	width:357px;
	background:url(../images/whyweare_bottom.png) no-repeat;
	behavior:url(../js/iepngfix.htc);
}

#whyweare_mid div {
	width:305px;
	height:auto;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#trends {
	float:left;
	width:235px;
}

#trends_top {
	height:32px;
	width:235px;
	background:url(../images/trends_top.png) no-repeat;
	behavior:url(/..js/iepngfix.htc);
}

#trends_mid {
	height:auto;
	width:235px;
	background:url(../images/trends_mid.png) repeat-y;
	behavior:url(../js/iepngfix.htc);
}

#trends_bottom {
	height:15px;
	width:235px;
	background:url(../images/trends_bottom.png) no-repeat;
	behavior:url(../js/iepngfix.htc);
}

#trends_mid div {
	width:190px;
	height:auto;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#quote_name {
	font-size:1.4em;
	color:#009ddc;
	font-weight:normal;
}

#quote_p {
	margin:0px 0px 0px 10px;
}

#homepage_footer  {
	width: 770px;
	position: relative;
	height: 30px;
	margin-top: 10px;
}

#homepage_footer h1 {
	margin-left: 15px;
	font-size: 22px;
}

#homepage_footer .chars {
	margin-top: 5px;
	behavior:url(../js/iepngfix.htc);
}

#homepage_footer .nerdykid {
	position: absolute;
	width: 254px;
	height: 372px;
	left: 560px;
	top: -329px;
	*top: -325px;
}

#page_container {
	background-color: #FFFFFF;
}

.callouts {
	display: none;
	*position: absolute;
	*left: 0;
	*top: 0;
}
 
#callout1 {
	display:block;
	*background-color: #FFFFFF;
	*z-index: 3;
}
 
#callout2 {
	*display:block;
	*background-color: #FFFFFF;
	*z-index: 2;
}
 
#callout3 {
	*display:block;
	*background-color: #FFFFFF;
	*z-index: 1;
}