@charset "UTF-8";

body { font-family: Arial; font-size: 11px; color: #000000; padding: 0px; margin: 0px; background-color:#d5ecff; }

a img { border: 0px; }
a { color:#cc0000; text-decoration: none; outline: none; }
a:hover { color: #FFFFFF; }

#logo { display: block; width: 405px; height: 53px; background: url("/_images/zooseven_logo_main.png") no-repeat 0 0; }
#logo:hover { background-position: 0 -53px; }
#logo span {display: none; }

#download_button { display: block; width: 270px; height: 80px; background: url("/_images/download_button.png") no-repeat 0 0; }
#content_main #download_button:hover { background-position: 0 -79px; background-color: transparent;}
#download_button span {display: none; }

.clear { clear: both; }
#bg { position:fixed; top: 0px; left:0px; }
#content_wrapper { position:absolute; margin: 50px 0px 0px 50px; z-index:100; }

h1 { margin:0px; padding 0px; font-size: 22px; font-weight: normal; line-height:98%}
h1 a { color: #000; font-weight: normal;}
h1 a:hover { color: #FFF; background-color:#000; font-weight: normal;}
h2 { margin:0px; padding 0px; font-size: 16px; }
h3 { margin:0px; padding 0px; font-size: 16px; }

#call_out {font-size: 14px;}

.white { color: #FFFFFF; }
#nav { margin-top: 5px; font-size: 20px; color: #FFFFFF; }
#nav a { position: relative; color: #FFFFFF; text-decoration: none; }
#nav a:hover { position: relative; color: #000000; }
#nav .sel { color: #000000; text-decoration: none; }

#maillist_wrapper { position: absolute; top: 50px; left: 500px; z-index:120; padding:5px;}
.maillist { width:100px; border: 0px; color: #7f98b2;  border: solid 1px #c4d2e1; background-color:#FFFFFF; padding: 3px; font-size: 10px;}
#signup_button { display: block; width: 50px; height: 19px; background: url("/_images/signup.gif") no-repeat 0 0; }
#signup_button:hover { background-position: 0 -19px; }
#signup_button span {display: none; }

#content_main { margin-top: 70px; width: 740px; min-height: 400px;}
#content_main a:hover { background-color:#000;}
#footer { margin:20px 0px 20px 0px; color: #7f98b2; }
#facebook_link { display: block; width: 17px; height: 16px; background: url("/_images/facebookicon.png") no-repeat 0 0; }
#facebook_link:hover { background-position: 0 -16px; }
#facebook_link span {display: none; }
#twitter_link { display: block; width: 17px; height: 16px; background: url("/_images/twittericon.png") no-repeat 0 0; }
#twitter_link:hover { background-position: 0 -16px; }
#twitter_link span {display: none; }
#mysapce_link { display: block; width: 16px; height: 16px; background: url("/_images/myspaceicon.png") no-repeat 0 0; }
#mysapce_link:hover { background-position: 0 -16px; }
#mysapce_link span {display: none; }

.header { margin-bottom: 10px; font-size: 30px; font-weight:bold; color:#FFFFFF; }

.gallery { float: left;  margin: 0px 10px 10px 0px; border: solid 5px #FFFFFF; }
.gallery:hover { float: left;  border: solid 5px #000000; }
#content_main .gallery a:hover { background-color: transparent;}
.gallery_title { position: absolute; margin: 112px 0px 0px 5px; color: #FFF; font-size: 14px; font-weight: bold;}
.photos { float: left;  margin: 0px 6px 6px 0px; border: solid 5px #FFFFFF; }
.photos:hover { float: left; border: solid 5px #000000; }
#content_main .photos a:hover { background-color: transparent;}
.photos_main { float: left;  margin: 0px 10px 10px 0px; border: solid 5px #FFFFFF; cursor:pointer; }
.photos_main:hover { border: solid 5px #FFFFFF; }
.photos_main_title_wrapper { padding: 10px; background: #FFF;}
.photos_main_title { float:left; color: #000; font-size: 14px; font-weight: bold;}
#photos_main_desc { float:left; margin: 3px 0px 0px 15px;}

.update_story { margin-bottom: 10px; width: 600px; border-bottom: solid 2px #7f98b2; }
.update_story_detail { margin-bottom: 10px; width: 600px; }
.update_image { float: left; border: solid 5px #FFFFFF; margin-top: 5px; }
.update_image:hover { border: solid 5px #000000; }
.update_image_detail { float: left; border: solid 5px #FFFFFF; margin-top: 5px; }
#content_main .update_image a:hover { background-color: transparent;}
.update_date { font-size: 14px; color: #7f98b2; }
.update_copy { width:600px; padding: 10px 0px 0px 0px; }
.update_copy p { margin-top: 1px; }

.read_more { font-size: 14px; margin: 10px 0px 10px 0px; font-weight:bold;}

#content_main .addthis_default_style a:hover { background-color: transparent;}
.z7fb_like {float:left;}
.share_links { padding-top: 10px; }

.play_button img{ border: 1px solid  #FFFFFF; }
.play_button:hover img{ border: 1px solid  #000000; }