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


#menuTable
{
	width:900px;
	margin:0px auto;
}

#top_frames{ overflow:hidden; height:630px;}
#iframe_content{width:821px; height:610px; border:2px outset blue; box-shadow: 10px 10px 5px #888888; -moz-box-shadow: 10px 10px 5px #888888; float:left; overflow:hidden; margin-right:24px;}
#video{ width:175px; height:111px; text-align:center; float:left; margin-bottom:25px;}

.boxfull_frame
{
	width:980px;
	margin:0 auto;
	border:2px outset blue;
	padding:20px;
	box-shadow: 10px 10px 5px #888888;
	-moz-box-shadow: 10px 10px 5px #888888;
}

#speaker{position:absolute; top:50px; left:280px; }
#balloon{position:absolute; top:-10px; left:25px; width:311px; height:237px; z-index:1;}
#click{color:red; float:left; margin:-20px 0 0 80px;}

/**********************************************/
/*			2 COLUMNS SAME SIZE				  */
/**********************************************/
/*Step by step explanation to get n columns with same height to display border correctly

.mastercontainer defines new Row

.leftborder goes inside of mastercontainer and defines the border that will be displayed for the first column. it's width is boxleft's width + padding.

.rightborder goes inside leftborder and defines the border that will be displayed for the second column. It's width is boxright's width + padding. It's position should be relative left: leftborder's width + border*2 + boxright's margin.

.columncontainer goes inside rightborder and will contain the columns itself. It should be positioned left the same amount the rightborder was moved right.

*/
.mastercontainer
{
	width:1024px;
	clear:left;
}

.leftborder
{
	width:500px;
	float:left;
	border:2px outset blue;
	box-shadow: 10px 10px 5px #888888;
	-moz-box-shadow: 10px 10px 5px #888888;
}

.rightborder
{
	float:left;
	position:relative;
	left:524px;
	width:492px;
	border:2px outset blue;
	box-shadow: 10px 10px 5px #888888;
	-moz-box-shadow: 10px 10px 5px #888888;
}

.columncontainer
{
	
	width:1024px;
	float:left;
	position:relative;
	left:-524px;
}

.boxleft
{
	width:460px;
	margin:0px; 
	float:left;
	padding:20px;
	
}
	
.boxright
{
	width:452px;
	margin:0 0 0 20px;
	float:left;
	padding:20px;
}




/*		END OF 2 COLUMNS SAME SIZE			  */
/**********************************************/



p, h1
{
	margin:0px;
}