@charset "UTF-8";

@import url('reset.css');

body { font: 90%/140% Georgia, "Times New Roman", Times, serif; background: #222; color: #222; }

/* --- SLIDESHOW --- */

#ss1 {   height: 560px; float: left; height: 570px; width: 960px; margin: 0px 0 0; }
#nav1 { width: 400px; margin: 10px auto 0; text-align: center; }
#nav1 a { padding: 10px 50px; text-align: center; background: #000; color: #CCC; text-decoration: none; outline: 0; }
#nav1 a:hover { background: #222; }


/* --- FADE SLIDER --- */

#hidden { width: 960px; float: left; clear: both; padding: 20px 0; margin: -10px 0 0; }
#hidden a { color: #21c8ff; font-size: 1.2em; text-decoration: none; margin: 0px 0 20px; padding: 10px; background: #000; }
#hidden h2 { font-size: 1em; font-weight: bold; text-decoration:underline; padding: 20px 10px 0px; color: #EEE; }
#hidden p { padding: 20px 100px 0px; color: #EEE; }
#hidden p a { font-size: 1em; }
.fader{opacity:0;display:none;}


/* --- LAYOUT --- */

#container { text-align: center; width: 960px; margin: 60px auto; }

#header { border-bottom: 5px solid #21c8ff; float: left; width: 960px; padding: 14px 0;  }
#header a { color: #21c8ff; font-size: 1.6em; text-decoration: none; margin: 0px 0 20px; padding: 10px; background: #000; }

#main { float: left; width: 960px; }
#content { padding: 10px 0 20px; }
#content p a { color: #21c8ff; font-size: 1em; text-decoration: none; margin: 10px 0; padding: 5px 10px; }

#footer { border-top: 5px solid #21c8ff; float: left; width: 960px; color: #21c8ff; font-size: 0.9em; padding: 10px 0;} 
#footer a { color: #21c8ff; font-size: 1em; text-decoration: none; margin: 0px 0; padding: 5px 10px; }
#header a:hover, #hidden a:hover, #footer a:hover, #main a:hover { background: #21c8ff; color: #111; }



#index1 { width: 320px; height: 570px; float: left; }
#index1 a { width: 320px; background: #000; height: 570px; display: block; float: left; line-height: 570px; color: #21c8ff; text-decoration: none  }
#index1 a:hover { background: url(../images/index/hr.jpg) no-repeat; }


#index2 { width: 320px; height: 570px; float: left; }
#index2 a { width: 320px; background: #000; height: 570px; display: block; float: left; line-height: 570px; color: #21c8ff; text-decoration: none  }
#index2 a:hover { background: url(../images/index/tm.jpg) no-repeat; }

#index3 { width: 320px; height: 570px; float: left; }
#index3 span.ew1 a { width: 320px; background: #000; height: 285px; line-height: 285px; display: block; float: left; color: #21c8ff; text-decoration: none  }
#index3 span.ew2 a { width: 320px; background: #000; height: 285px; line-height: 285px; display: block; float: left; color: #21c8ff; text-decoration: none  }

#index3 span.ew1 a:hover { background: url(../images/index/ew1.jpg) no-repeat; }
#index3 span.ew2 a:hover { background: url(../images/index/ew2.jpg) no-repeat; }

#index a:hover { text-indent: -999em; overflow: hidden; }

#splash a { width: 960px; height: 570px; display: block; background: url(../images/postcard.jpg) no-repeat 0 -10px; text-indent: -999em; overflow: hidden; text-decoration: none; font-size: 1.2em; }
#splash a h2 { padding: 200px 0 20px; text-decoration: underline; font-size: 1.4em; }
#splash a p { padding: 10px 100px; line-height: 1.25em; font-style: italic;  }
#splash a:hover { text-indent: 0; background: #000; color: #EEE;  }