body { margin: 0 auto; padding: 0;text-align: center; font-size: 12px; font-family: verdana, arial, san-serif;}

#bottom { position: fixed; bottom: 0; left: 50%;  background: url(imgs/bottom.gif) 0 0 no-repeat; height: 62px; width: 982px; }
a { color: #999; }
a:hover { text-decoration: none; }

#main { margin: 0 auto; padding: 0; width: 1024px; text-align: left; padding-bottom: 30px;}
#content { margin: 0 auto; padding: 0; width: 740px; }

/* Navigation */
#nav { margin: 0 auto; width: 1003px; background: url(imgs/logo.gif) 50% -8px no-repeat; height: 120px;}
.mainnav { margin: 0 auto; width: 775px; padding: 0; }
ul { list-style: none;  }
span { display: none; }
li { display: inline; }
#project a { display: block; float: left; background: url(imgs/project.gif) 0 -16px no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#gallery a { display: block; float: left; background: url(imgs/gallery.gif) 0 -16px no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#aboutus a { display: block; float: left; background: url(imgs/aboutus.gif) 0 -16px no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#reviews a { display: block; float: left; background: url(imgs/reviews.gif) 0 -16px no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#events a { display: block; float: left; background: url(imgs/events.gif) 0 -16px no-repeat; width: 148px; height: 56px; margin-top: 50px; } 

#project_on, #project a:hover { display: block; float: left; background: url(imgs/project.gif) 0 0 no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#gallery_on, #gallery a:hover  { display: block; float: left; background: url(imgs/gallery.gif) 0 0 no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#aboutus_on, #aboutus a:hover  { display: block; float: left; background: url(imgs/aboutus.gif) 0 0 no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#reviews_on, #reviews a:hover  { display: block; float: left; background: url(imgs/reviews.gif) 0 0 no-repeat; width: 150px; height: 56px; padding-left: 6px; margin-top: 50px;} 
#events_on, #events a:hover  { display: block; float: left; background: url(imgs/events.gif) 0 0 no-repeat; width: 148px; height: 56px; margin-top: 50px;} 

/* Black Tab */

#tabs { margin: 0; padding: 0 15px; }
#tabs li { display: inline; }
#black_tab { display: block; float: left; background: url(imgs/black.gif) 0 0 no-repeat; width: 104px; height: 24px; color: #fff; text-align: center; padding: 8px 0 0 0 ; margin: 0 4px;}
#blue_tab a { text-decoration: none; display: block; float: left; background: url(imgs/blue.gif) 0 0 no-repeat; width: 104px; height: 24px; color: #000; text-align: center; padding: 8px 0 0 0; margin: 0 4px;}
#blue_tab a:hover {  text-decoration: none; color: #fff; display: block; float: left; background: url(imgs/black.gif) 0 0 no-repeat; width: 104px; height: 24px;}
#yellow_tab a {margin-left: 110px; text-decoration: none; display: block; float: left; background: url(imgs/yellow.gif) 0 0 no-repeat; width: 104px; height: 24px; color: #000; text-align: center; padding: 8px 0 0 0; margin: 0 4px;}
#yellow_tab a:hover {  text-decoration: none; color: #fff; display: block; float: left; background: url(imgs/black.gif) 0 0 no-repeat; width: 104px; height: 24px;}


#black { margin: 0 auto; text-align: float: left; background: #000; width: 770px; color: #fff; height: 500px; }
#slide { margin: 0 auto; padding: 20px 0 10px 0; width: 730px; text-align: center;   }
#slide img { border: #999 1px solid;  padding: 8px;  }
#slide img:hover { border: #fff 1px solid; padding: 8px; }

.image { float: left; padding: 0 20px 50px 0;}
#desc { float: left; padding: 10px 20px; vertical-align: top; text-align: left; }
h1 { margin: 0 0 12px 0; padding: 0;}
.push { padding-left: 20px; }
br { clear: both; }
hr { border: none; background: #666; height: 1px; margin: 20px 0; }


/* Footer */
#foot { position: absolute; bottom: 0; left:0; background: url(imgs/bottom.gif) 0 0 repeat-x; width: 100%;  height: 50px; }