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

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
/*@import "lib/plugins.css"; */


/* Site
-------------------------------------------------------------- */

hr { display:none;}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Trebuchet MS", Arial, sans-serif; color:#556180;}
h2 { font-family:"Times New Roman", Times, serif; color:#001445; font-size:2.3em; font-weight:normal; margin-bottom:0.3em;}
h3 { font-family:"Times New Roman", Times, serif;  font-size:1.3em; }
h4 { font-family: "Times New Roman", Times, serif;  font-size:1.1em;}
h5 { font-family: "Times New Roman", Times, serif;  font-size:1em; }
fieldset { border:0; padding:0;}
a 	{ color:#11a3b6;}

body {background:#949599;}
/*#shipcontent { background:transparent url("img/bg_ship.jpg") no-repeat center top;}*/

/* Put your site styles here */
#pagewidth {width:966px; margin:0 auto; padding:0 0px 0 0px;  text-align:left;}

#wrapped { background-color:#949599;padding:0px 0px 0px; width:966px;}

	#header { position:relative; height:410px; }
	
	#logo {position:absolute;top:22px;left:-21px;width:235px;height:133px;  background:transparent url("img/logo.png") no-repeat left bottom; z-index:1;}
	#logo {padding-bottom:0;}  /*padding bottom 0 to remove space in IE5 Mac */
	#logo h1 {font-size:3px;padding:0px;margin:0px; }
	#logo h1 a {display:block;width:139px;height:113px;text-decoration:none;text-indent:-9999em;}

	#splash {background:transparent url(img/top_band.png) repeat scroll left top;color:#8C0A19;display:block;font-size:1.6em;left:241px;padding:20px 19px;position:absolute;top:0;width:591px;}
	/* only ie6 */
	* html #splash {left:240px;}
	/* only ie6 */
	

/* Navbar in large image */
	#navbar { background-color: #000000; color:#999999; filter:alpha(opacity=60);/* CSS3 standard */opacity:0.6; display:block; position:absolute;left:350px;position:absolute;top:37px; padding-top:10px; padding-bottom:10px; }
	#navbar ul { font-family: Tahoma, "Lucida Sans", Verdana, sans-serif; margin:0 0 0 78px; padding:0; }
	#navbar ul li { display:inline; margin:0; padding:0;}
	#navbar a {text-decoration:none; padding:0 15px; color:#FFFFFF;}
	#navbar a:hover,#navbar a.active  { color: #999999;}

/* Menu under large image */
	
	#menu { line-height:45px; text-align:center; background-color:#000000; background:transparent url("img/menubar.gif") no-repeat left bottom; width:966px; height:50px;}
	#menu ul{padding:10px; margin:0;}
	#menu ul li {padding:0;margin:0;display:inline; white-space:nowrap; color:#FFFFFF}
	#menu ul li  a { padding:0 20px;text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
	#menu ul li  a:hover { text-decoration:underline;}
	#menu ul li  a.last { background:none; padding-right:0;}

/* border under image */

imgborder{ background-color:#006666; color:#000000}

	
/*	
	#topaddress { position:absolute; width:752px; right:0px; color:#3c4b71; line-height:1.1em;}
	#topaddress a { color:#3c4b71;}
*/

#main {margin-top:20px;min-height:300px; height:auto !important; height:300px; background:#fff url(img/main_bg.png) repeat-y left top; }

/* rounded box white */

.rndboxwhite {
background: #FFF;
width: 966px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}
.rndtopwhite {
background: url(img/right-top-white.gif) no-repeat right top;
}
.rndbottomwhite {
background: url(img/bottom-right-white.gif) no-repeat right top;
}
.rndbottomwhite img {
display:block;
}
.rndboxwhite p {
margin: 0 0.4em 0 0.4em;
color:#525252;
}


/* rounded box black */

.rndbox {
background: #000;
width: 966px;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}
.rndtop {
background: url(img/right-top.gif) no-repeat right top;
}
.rndbottom {
background: url(img/bottom-right.gif) no-repeat right top;
}
.rndbottom img {
display:block;
}
.rndbox p {
margin: 0 0.4em 0 0.4em;
color:#FFFFFF;
}

/* rounded box gray */

.rndboxgray {
background: #717171;
width: 966px;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
.rndtopgray {
background: url(img/right-top-gray.gif) no-repeat right top;
}
.rndbottomgray {
background: url(img/bottom-right-gray.gif) no-repeat right top;
}
.rndbottomgray img {
display:block;
}
.rndboxgray p {
margin: 0 0.4em 0 0.4em;
color:#000000;
font-size:12px;
}

/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 320px; 
    height:240px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
    padding-left:120px;
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}