/* Body Styles */
html, body {
	margin: 0;
	padding: 0;
	border: none;
	text-align:center;
	width: 100%;
	height:100%;}
body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;}

/* Link Styles */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #999999;}
a:hover {
	text-decoration: underline;
	color: #007297;}

/* Text Styles */

/* Div Structure */
#holder {
	height:77%;
	position:relative;
	width:100%;
	z-index: 100;}
 #logo {
 	overflow: hidden;
 	padding: 1% 0px 0px 1%;
	float:left;
	position:relative;
	text-align:left;
	width:37%;
	z-index: 400;}
 #content {
	float:left;
	position:relative;
	padding-left:1%;
	width:60%;
	z-index: 999;}
  #pic_frame {
	height:600px;
	width:600px;
	z-index: 300;}  
  #pic_frame2 {
	height:600px;
	width:600px;
	z-index: 300;}
 #media {
 	padding-top:2%;
	position:relative;
	text-align:center;
	z-index: 500;}
	
#navigation {
	/*background-image:url(images/bg.jpg);*/
	height:23%;
	position:relative;
	width:100%;
	z-index: 100;}
 #menu {
	float:left;
	position:relative;
	text-align:center;
	width:75%;
	z-index: 200;}
  .btn_menu {
	float:left;
	position:relative;
	text-align:center;
	width:24%;}
 #logic {
 	overflow: hidden;
	padding-right:1%;
	float:left;
	position:relative;
	text-align:right;
	width:23%;
	z-index: 200;}
	
/* Main_Pic Structure */
#arrowL {
	background-image:url(images/gallery_arrow_L.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	float:left;
	height:326px;
	position:relative;
	width:43px;}
#arrowR {
	background-image:url(images/gallery_arrow_R.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
	height:326px;
	position:relative;
	width:43px;}