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

#main {
width: 722px;
height: 600px;
background-color:#36434d;
}

.stars{
background-image:url(/images/starwars/stars.jpg);
background-color:#000000; 
background-position: 50% 0%;
background-attachment: fixed;
}


#leftColumn {
float: left;
width: 240px;
padding: 0;
margin: 0;
}

#rightColumn{
float: left;
width: 482px;
}

#text {
background: #eeeeee;
width: 240px; 
height: 599px; 
display: block;
}

.textText {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
color: #2c2c2c;
padding: 12px 23px 0px 23px;
}

.textHeader {
color:#5A9A98;
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
font-weight:bold;
line-height:25px;
}



/***** OVERVIEW SECTION *****/

#yodaOn {
background-image:url(/images/starwars/yoda_on.jpg);
background-repeat:no-repeat;
width: 357px; 
height: 239px;
float: left;
display: none;
cursor:pointer;
}

#yoda {
background-image:url(/images/starwars/yoda_off.jpg);
background-repeat:no-repeat;
width: 357px; 
height: 239px; 
float: left;
display: block;
cursor:pointer;
}

.yodaOff {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-right:25px;
margin-top:40px;
cursor:pointer;
}

/***** END OVERVIEW SECTION *****/

/***** LUKE SECTION *****/

#c3poOn {
background-image:url(/images/starwars/c3po_on.jpg);
background-repeat:no-repeat;
width: 123px; 
height: 239px; 
float: left;
display: none;
cursor:pointer;
}


#c3po {
background-image:url(/images/starwars/c3po_off.jpg);
background-repeat:no-repeat;
width: 123px; 
height: 239px; 
float: left;
display: block;
cursor:pointer;
}


.c3poOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:20px;
margin-top:160px;
cursor:pointer;
}


/***** END LUKE SECTION *****/


/***** M FALCON SECTION *****/


#falconOn {
background-image:url(/images/starwars/falcon_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: none;
cursor:pointer;
}


#falcon {
background-image:url(/images/starwars/falcon_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: block;
cursor:pointer;
}


.falconOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:15px;
margin-top:45px;
cursor:pointer;
}


/***** END FALCON SECTION *****/


/***** DARTH SECTION *****/


#darthOn {
background-image: url(/images/starwars/darth_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: none;
cursor:pointer;
}

#darth {
background-image: url(/images/starwars/darth_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 240px; 
float: left;
display: block;
cursor:pointer;
}

.darthOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:40px;
margin-top:35px;
cursor:pointer;
}

/***** END IMAGINARIUM SECTION *****/

/***** C3PO SECTION *****/


#lukeOn {
background-image: url(/images/starwars/luke_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
display: none;
float: left;
cursor:pointer;
}


#luke {
background-image:url(/images/starwars/luke_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
float: left;
display: block;
cursor:pointer;
}

.lukeOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:145px;
margin-top:40px;
cursor:pointer;
}

/***** END c3po SECTION *****/

/***** SHOP SECTION *****/


#chewyOn {
background-image: url(/images/starwars/chewy_on.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
display: none;
float: left;
cursor:pointer;
}


#chewy {
background-image:url(/images/starwars/chewy_off.jpg);
background-repeat:no-repeat;
width: 240px; 
height: 120px; 
float: left;
display: block;
cursor:pointer;
}

.chewyOff {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:145px;
margin-top:40px;
cursor:pointer;
}


/***** END SHOP SECTION *****/


/***** SHARED TEXT STYLES *****/

.orangeHover {
color:#ea7f1e;
cursor:pointer;
}

.greyHover {
color:#455560;
cursor:pointer;
}

.HoverOff {
color:#ffffff;
cursor:pointer;
}

.shopActive {
margin-left:126px;
margin-right:6px;
margin-top:14px;
cursor:pointer;
}

.expnHeader {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight: bold;
cursor:pointer;
}

.date {
color: #5a9a98;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
cursor:pointer;
}

.dateBrown {
color: #3f2f00;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
cursor:pointer;
}


.whiteText{
color: #ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
cursor:pointer;
}

.readMore {
color: #ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight: bold;
cursor:pointer;
padding-top: 8px;
}

.readMore a:link { 
color:#ffffff;
text-decoration:none;
}

.readMore a:active { 
color:#ffffff;
text-decoration:none;
} 

.readMore a:visited { 
color:#ffffff;
text-decoration:none;
}

.readMore a:hover { 
color:#ffffff;
text-decoration:underline;
}

/***** END SHARED TEXT STYLES *****/


#centerSW_NBG {
float:left;
font-family:arial;
font-size:12px;
line-height:17px;
margin-left:20px;
margin-top:30px;
min-height:605px;
padding:0;
width:700px;
position: relative;
z-index: 1;
}

#centerSW {
background-image:url(/images/starwars/storm_trooper.jpg);
float:left;
font-family:arial;
font-size:12px;
line-height:17px;
margin-left:20px;
margin-top:30px;
min-height:605px;
padding:0;
width:700px;
position: relative;
z-index: 1;
}

#centerSW2 {
background-image:url(/images/starwars/darth_bg.jpg);
background-repeat:no-repeat;
background-color:#FFF;
float:left;
font-family:arial;
font-size:12px;
line-height:17px;
margin-left:20px;
margin-top:30px;
min-height:605px;
padding:0;
width:700px;
position: relative;
z-index: 1;
}

#centerSW3 {
background-image:url(/images/starwars/hs.jpg);
background-repeat:no-repeat;
background-color:#FFF;
float:left;
font-family:arial;
font-size:12px;
line-height:17px;
margin-left:20px;
margin-top:30px;
min-height:700px;
padding:0;
width:700px;
position: relative;
z-index: 1;
}

#centerSW4 {
background-image:url(/images/starwars/amidala.jpg);
float:left;
font-family:arial;
font-size:12px;
line-height:17px;
margin-left:20px;
margin-top:30px;
min-height:700px;
padding:0;
width:700px;
position: relative;
z-index: 1;
}

#centerSW5 {
background-image:url(/images/starwars/EP2.jpg);
float:left;
font-family:arial;
font-size:12px;
line-height:17px;
margin-left:20px;
margin-top:30px;
min-height:700px;
padding:0;
width:700px;
position: relative;
z-index: 1;
}

#centerSW6 {
background-image:url(/images/starwars/EP3.jpg);
background-repeat: no-repeat;
float:left;
font-family:arial;
font-size:12px;
line-height:17px;
margin-left:20px;
margin-top:30px;
min-height:700px;
padding:0;
width:700px;
position: relative;
z-index: 1;
}


#centerSW_NBG h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#centerSW h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#centerSW2 h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#centerSW3 h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#centerSW4 h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#centerSW5 h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}

#centerSW6 h1 {
color:#5A9A98;
font-family:arial;
font-size:21px;
margin:0;
padding:5px 0 5px 0px;
text-transform:uppercase;
line-height:1em;
}


#centerSW_NBG h2 {
color:#EA7E1C;
font-family:arial;
font-size:15px;
margin:0;
padding:0;
text-transform:uppercase;
}

#centerSW3 h2 {
color:#EA7E1C;
font-family:arial;
font-size:15px;
margin:0;
padding:0;
text-transform:uppercase;
}

#centerSW4 h2 {
color:#EA7E1C;
font-family:arial;
font-size:15px;
margin:0;
padding:0;
text-transform:uppercase;
}

#centerSW5 h2 {
color:#EA7E1C;
font-family:arial;
font-size:15px;
margin:0;
padding:0;
text-transform:uppercase;
}

#centerSW6 h2 {
color:#EA7E1C;
font-family:arial;
font-size:15px;
margin:0;
padding:0;
text-transform:uppercase;
}



.clearNoSpace {
  clear: both;
  height: 0;
}