/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/util.css";

/* thickbox styles*/
@import "lib/thickbox.css";

/* flowplayer add 22px for controller*/
a.myPlayer {
	display:block;
	width: 430px;
	height:263px; 
	text-align:center;
	margin:0 15px 15px 0;
}

/* flowplayer end*/
.page_container {
	margin-left: auto;
	margin-right: auto;
	width: 976px;
}

.col1,
.col2,
.col3 {
	float: left;
	position: relative;
}

.col1box {
	margin-left: 120px;
	margin-top: 29px;
}

.col1box a {
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width:328px; 
	height:150px;
}

.col1box a button {
    display: none;
}

/* testing div block href positioning */
/* a:hover { background-color: red; opacity:0.5; } */

.box {
	margin-left: 115px;
	margin-top: 29px;
}

.box a {
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width:320px; 
	height:150px;
}

.box a button {
    display: none;
    width:320px;
    height:150px;
}

.callouts a {
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width:24px; 
	height:24px;
}

.callouts a button {
	display: none;
	width:24px; 
	height:24px;
}

.box5 {
	margin-left: 115px;
	margin-top: 14px;
}

.box5 a {
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width:320px; 
	height:150px;
}

.box5 a button {
    display: none;
    width:320px;
    height:150px;
}


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

body { background-color: rgb(193, 193, 193); }
body.thickbox { background-color: #fc0; text-align: left; }

.list1 { list-style: square inside; }