@charset "UTF-8";

body,table,tr,td,hr,img,div,object,form,label,blockquote,span,input,legend,fieldset,ul,li,h1,iframe,embed {
padding:0;
margin:0;
border: 0;
outline:0;
}

html>div{
            height: auto;
}

table {
 border-collapse: collapse;
}

body {
	font:80% Arial, Helvetica, sans-serif;
	text-align: center; 
	color: #000000;
	background:#666972 no-repeat top center url(../images/pagebackground.jpg);
	min-height:850px;
	line-height:1.3em;
}

p {
	padding:0px 8px;
	font-size:.86em;	
}

a, a:visited {
	color: #000000;
}

a:hover {
	color: #1000b4;
}

#shadowContainer {
background:no-repeat bottom center url(../images/content-shad.png);
padding-bottom:16px;
}






/* IE 7 */
html > body #shadowContainer {
 *background:no-repeat bottom center url(../images/content-shad-ie6.png);
}

 /* IE 6 
body #shadowContainer {
 _background:no-repeat bottom center url(../images/content-shad-ie6.png); 
}
*/
		
#container {
	width: 840px;  
	margin: 0 auto; 
	text-align: left;
	background:no-repeat top center url(../images/content-background.jpg) #81818d;
}


#mainContent {
   min-height:700px;
   height:auto !important;
   height:700px;
   border-bottom: 1px solid #878686;
   margin:0px;
   padding:0px;
}

#flashContent {
	margin:0px;
}

#flashContent p{
}

div#footer {
	margin:0px;
	height:60px;
	border-top: 1px solid #F7F7F7;
	padding:0px;

}

div#footerLeftCurve {
	float:left;
	width:12px;
	height:60px;
	background: no-repeat bottom left url(../images/left_curve.png);
	padding:0px;
	margin:0px;
}

div#footerRightCurve {
	float:right;
	width:12px;
	height:60px;
	background: no-repeat bottom right url(../images/rightcurve.png);
}

div#footerLogo {
	float:left;
	padding: 0px;
	margin:0px;
	height:60px;
}

div#footerLogo a.disney_logo{
margin:10px 0px 0px 0px;
display:block;
background-image: url(../images/disney_interactive_studios.png);
width:46px;
height:40px;
}

div#footerLogo a.disney_logo:hover{
display:block;
background-image: url(../images/disney_interactive_studios2.png);
width:46px;
height:40px;
}

div#footerLinks {
	float:left;
	height:60px;	
}

div#footerLinks table, div#footerLinks div{ 
    text-align:left!important;
	line-height:10px!important;
}

div#footerLinks table{
	text-decoration:none;
	border-collapse:collapse!important;
	margin:16px 0px 0px 8px;
}

div#footerLinks td{
	margin:0px!important;
	padding:0px!important;
		vertical-align:top;

}

div#footerLinks a, div#footerLinks a:visited{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif!important;
	padding: 4px 4px 4px 4px;
	display:block;
}

div#footerLinks a:hover{
	text-decoration:none;
	color: #666!important;
}

div#footerLinks table td div{
	margin:0px 0px 0px 4px;
}

/* text styles templates 4, 5, 13, 11 */ 


.template4 div#textContentContainer {
	background-image:url(../images/sheen.png);
	width: 736px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.template5 div#textContentContainer, .template13 div#textContentContainer  {
	background-image:none;
	width: 736px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.template11 div#textContentContainer {
	background-image:url(../images/sheen.png);
	width: 840px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0px;
	padding:0px;
}

.template4 div#textMenu, .template5 div#textMenu, .template13 div#textMenu   {
	width:210px;
	border-top: 1px solid #F7F7F7;
	float:left;
}

.template11 div#textMenu   {
	width:106px;
	float:left;
	 display: inline;
}

#textMenu ul{
	list-style:none;
}

#textMenu li{
display:inline;
}

#textMenu li a.menuItem, #textMenu li a.menuItem:visited{
	color:white;
	font-size:.86em;
	text-decoration:none;
	background-image:url(../images/grey.png);
	border-bottom:1px solid #6d6e72;
	color:white;
	text-decoration:none;
	padding:3px 8px 3px 8px;
	display:block;
}

#textMenu li.on a.menuItem{
	color:white;
	background-image:url(../images/blue.png);
	_background-image:url(../images/blue.png)!important;
	background-repeat:repeat;
}

#textMenu li a.menuItem:hover{
	color:white;
  	background-image:url(../images/grey2.png);
}

#textMenu li.on a.menuItem:hover{
	background-image:url(../images/blue2.png);
}



.template4 div#textContent, .template5 div#textContent, .template13 div#textContent{
	float:left;
	width:420px;
	background: repeat-y url(../images/lines/template11.gif);
	min-height:500px;
	height:auto !important;
	height:500px;
	border-top:1px solid #f7f7f7;
}


.template13 div#textContent img{
margin:0px 2px;
}

.template11 div#textContent{
	float:left;
	width:420px;
	min-height:503px;
	height:auto !important;
	height:503px;
	background: repeat-y url(../images/lines/template11.gif);
	margin:0px;
	padding:0px;
}

.template5 div#textContent h1.heading, .template13 div#textContent h1.heading{
	color:white;
	font-size:1.0em;
	font-weight:bold;
	background-image:url(../images/black.png);
	background-repeat:repeat;
	padding: 14px 8px 0px 8px;
	height:3em;
	margin:0px 2px;
	border-bottom:1px solid #878686;
	border-top:1px solid #878686;
	vertical-align:middle;
}

.template4 div#textContent h1.heading{
	color:white;
	font-size:1.0em;
	font-weight:bold;
	background-image:url(../images/black.png);
	background-repeat:repeat;
	padding: 14px 8px 0px 8px;
	height:2.6em;
	margin:0px 2px;
	border-bottom:1px solid #878686;
	border-top:1px solid #878686;
	vertical-align:middle;
}

.template11 div#textContent h1.heading{
	color:white;
	font-size:1.0em;
	font-weight:bold;
	background-image:url(../images/black.png);
	background-repeat:repeat;
	padding: 14px 8px 0px 8px;
	height:2.6em;
	margin:0px 2px;
	border-bottom:1px solid #878686;
	border-top:1px solid #878686;
}

.template11 div#textContent h2{
	font-size:.9em;
	font-weight:bold;
	padding: 12px 8px 2px 8px;
	margin:8px 0px 0px 0px;
}

.template11 div#textContent p{
	margin:8px 0px 0px 0px;
}

div#textContentRight {
float:left;
}

/* text styles template 6 */
.template6 div#textContentContainer {
	background-image:url(../images/dark-sheen.png);
	width: 736px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.template6 div#textMenu {
	width:106px;
	border:none;
	float:left;
}

.template6 div#textContent {
	float:left;
	width:530px;
	border:none;
	min-height:500px;
	height:auto !important;
	height:500px;
}
/* Grid table */
.template6 div#textContent table, .template11 div#textContent table  {
	width:527px;
	border-top: 1px solid #878686;
}

a.light{
	background:bottom url(../images/grey2_td.png);
	height:46px;
	display:block;	
	text-decoration:none;
	padding:0;
	margin:0;
}

a.dark{
	background: bottom url(../images/grey_td.png);
	height:46px;
	display:block;
	text-decoration:none;
	padding:0;
	margin:0;
}

a:hover.light, a:hover.dark{
	background: bottom url(../images/blue_td.png);
	cursor:pointer;
}

.light img, .dark img{
	margin: 5px 14px 0px 14px;
	float:left;
	border:1px solid #5b5959;
	display:block;
}

.light img:hover, .dark img:hover{
  opacity: .60;
  filter: alpha(opacity=60); 
}


a span.grid_title, a:visited span.grid_title{
	color:white;
	font-size:.86em;
	font-weight:normal;
	float:left;
	width:317px;
	text-align:left;
	padding: 9px 0px 0px 16px;
	line-height:1.1em;
	display:block;
}

a:hover span.grid_title {
color:white;
}

a span.grid_button, a:visited span.grid_button{
	width: 85px;
	height:21px;
	background: no-repeat center url(../images/black_button.png);
	color:white;
	text-decoration:none;
	font-size:.7em;
	padding: 12px 12px 8px 12px;
	display:block;
	float:right;
	text-align:center;
}

a:hover span.grid_button{	
	background: no-repeat center url(../images/blue_button.png);
	color:white;
}

/*end grid table*/

/* text styles template 10, contact */
.template10 div#textContentContainer {
	background-image:url(../images/sheen.png);
	width: 736px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.contact div#textContentContainer {
	background-image:url(../images/sheen_square.png);
	width: 840px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.template10 div#textMenu, .contact div#textMenu {
	width:106px;
	border:none;
	float:left;
}

.template10 div#textContent {
	float:left;
	width:530px;
	border:none;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.contact div#textContent {
	float:left;
	width:315px;
	border:none;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.contact div#textContent a:hover{
    opacity: .60;
    filter: alpha(opacity=60); 
}

.contact div#textContentRight {
	float:left;
	border:none;
	width:229px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#videoWrapper {
    height:335px;
    margin-bottom:8px;
}

.template10 div#grad{
	width:420px;
	background:repeat-y url(../images/lines/template11.gif);
}

body.template10 div#grad h1{
    font-size:1.2em;
    font-weight:bold;
    padding:0px 8px 3px 8px;
    margin:0px;
}

.template10 div#grad h2{
    font-size:1.0em;
    font-weight:bold;
    padding:3px 8px;
    margin:0px;
}

.template10 div#grad p{
    margin:0px 10px 10px 0px;
}


/* text styles our brighton */

#floater {
position:absolute; 
top:260px;
left:50%;
margin-left:206px;
width:207px;
}

#floaterhead {
height:42px;
background:top no-repeat url(../images/floaterhead.png);
margin:0px;
padding:0px;
}

#floaterhead h2{
font-size:1em;
padding:0px 10px 0px 10px;
margin:0;
color:white;
font-weight:bold;
}

#close{
margin:16px 10px 0px 0px;
text-align:right;
}

#close a img:hover {
   opacity: .60;
   filter: alpha(opacity=60); 
}

img.close_image {
}

#floatercopy {
background:bottom no-repeat url(../images/floatercopy.png);
}

#floatercopy div{
padding:10px;
}

#floatercopy p{
margin:0px;
padding:0px;
font-size:.8em;
color:white;
line-height:1.2em;
}


.ourbrighton div#textContentContainer {
	width: 840px;
	min-height:500px;
	height:auto !important;
	height:500px;
	border-top:1px solid #f7f7f7;
	padding-top:1px;	
}

.ourbrighton div#textMenu {
	width:0px;
	border:none;
	float:left;
}

.ourbrighton div#textContent {
	float:left;
	width:840px;
	border:none;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.ourbrighton div#textContentRight {
	float:left;
	border:none;
	width:0px;
	min-height:500px;
	height:auto !important;
	height:500px;
}




/* Bits and Bobs */
.line {
margin:12px 2px 0px 2px;
height:2px;
background: repeat-x url(../images/lines/line.gif);
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	padding:0;
	margin:0;
	font-size:.01em;
}

.spacer {
	height:2em;
}

.smaller {
	font-size: smaller;
	font-weight:normal;
}

p.iefix {
margin:0px;
padding:0px;
line-height:0px;
height:0px;
}





