body {background:black;
}

#wrapper{width:950px; margin:0 auto 0 auto;}
#header{width:950px; height:164px; background:black url('assets/header.jpg');}
#logo {width:150px; height: 150px; float:left; margin-top:10px; margin-left:10px; background:transparent url('assets/logo.png'); }
#header #navigation {width:420px; height:60px; float:right; margin:70px 60px 0 0; padding:0 0 0 0; background-image:transparent;}

#header #navigation a.home {display:block; float:left; width:60px; height:60px; background: url("assets/home.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.countries {display:block; float:left; width:60px; height:60px; background: url("assets/countires.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.films {display:block; float:left; width:60px; height:60px; background: url("assets/azfilms.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.directors {display:block; float:left; width:60px; height:60px; background: url("assets/azdirectors.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.comments {display:block; float:left; width:60px; height:60px; background: url("assets/comments.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.forum {display:block; float:left; width:60px; height:60px; background: url("assets/forum.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.short {display:block; float:left; width:60px; height:60px; background: url("assets/short.png") 0 0 no-repeat;text-decoration: none; }

#header #navigation a:hover.home {display:block; float:left; width:60px; height:60px; background: url("assets/home-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a:hover.countries {display:block; float:left; width:60px; height:60px; background: url("assets/countires-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a:hover.films {display:block; float:left; width:60px; height:60px; background: url("assets/azfilms-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a:hover.directors {display:block; float:left; width:60px; height:60px; background: url("assets/azdirectors-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a:hover.comments {display:block; float:left; width:60px; height:60px; background: url("assets/comments-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a:hover.forum {display:block; float:left; width:60px; height:60px; background: url("assets/forum-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a:hover.short {display:block; float:left; width:60px; height:60px; background: url("assets/short-ro.png") 0 0 no-repeat;text-decoration: none; }

#header #navigation a.home-ro {display:block; float:left; width:60px; height:60px; background: url("assets/home-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.countries-ro {display:block; float:left; width:60px; height:60px; background: url("assets/countires-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.films-ro {display:block; float:left; width:60px; height:60px; background: url("assets/azfilms-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.directors-ro {display:block; float:left; width:60px; height:60px; background: url("assets/azdirectors-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.comments-ro {display:block; float:left; width:60px; height:60px; background: url("assets/comments-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.forum-ro {display:block; float:left; width:60px; height:60px; background: url("assets/forum-ro.png") 0 0 no-repeat;text-decoration: none; }
#header #navigation a.short-ro {display:block; float:left; width:60px; height:60px; background: url("assets/short-ro.png") 0 0 no-repeat;text-decoration: none; }

#bodyOn{width:730px; padding: 10px 120px 0px 100px; background:black url('assets/midrange.jpg');}
#bodyOn h1 {font-family: Trebuchet MS, Verdana, helvetica; font-size:medium; color:Red;}
#bodyOn #now {width:125px; height:73px; float:left; margin-right:608px; margin-bottom:5px; background:black url('assets/now-showing.png');}
#bodyOn #home {display:block;font-family:Trebuchet MS, Verdana, helvetica; line-height:30px; font-size: small; color: Gray; padding-left:10px;width: 722px;
}
#bodyOn #home a{text-decoration:underline; color:black;}
#bodyOn #home a:hover{text-decoration:none; color:Red;}


#bodyOnhome{width:350px; height:339px;padding: 10px 500px 10px 100px; background:black url('assets/midrange-home.jpg');}
#bodyOnhome #now { width:125px; height:73px;   float:left; margin-right:608px; margin-bottom:5px; background:black url('assets/now-showing.png');}
#bodyOnhome #home {font-family:Trebuchet MS, Verdana, helvetica; line-height:30px; font-size: small; color: Gray; padding-left:10px;}
#bodyOnhome #home a{text-decoration:underline; color:black;}
#bodyOnhome #home a:hover{text-decoration:none; color:Red;}

#footer{width:950px; height:158px; background:black url('assets/footer.jpg');}
#last{width:947px; background:black; padding-left:3px; padding-top:5px;font-family:Trebuchet MS, Arial; font-size: 12px; color: Gray; text-align:left;}
#last a {color: Gray; text-decoration:none;}
#last a:hover {color: red; text-decoration: underline;}

#last #lassany{width:944px; background:black; padding-top:5px;font-family:Trebuchet MS, Arial; font-size: x-small; color: Gray; text-align:left;}
#last #lassany a {color: Gray; text-decoration:none;}
#last #lassany a:hover {color: white; text-decoration: underline;}

span.link { display:none; }

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 0px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: red;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: red;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: gray;
}

#movie {padding-left:-10px;}

#bodyOn1{width:735px; padding: 10px 120px 0px 95px; background:black url('assets/midrange.jpg');}
#bodyOn1 h1 {font-family: Trebuchet MS, Verdana, helvetica; font-size:medium; color:Red; padding-left:5px;}
#bodyOn1 #now {width:125px; height:73px; float:left; margin-right:608px; margin-bottom:5px; background:black url('assets/now-showing.png');}
#bodyOn1 #home {display:block;font-family:Trebuchet MS, Verdana, helvetica; line-height:30px; font-size: small; color: Gray; padding-left:10px;width: 722px;
}
#bodyOn1 #home a{text-decoration:underline; color:black;}
#bodyOn1 #home a:hover{text-decoration:none; color:Red;}