@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
These rules are applied to all elements unless otherwise specified below */
* { margin: 0; padding: 0; }
h1, h2, h3, p, ul, ol  { margin: 0 20px 0 10px; padding: .5em 0; }

/* =layout */

div#container { position: relative; width : 780px; margin: 0 auto; padding-top: 9px; text-align: left; }
div#content { width: 100%; padding: 20px 0 20px 0; overflow: hidden; background : url(../images/content.gif) no-repeat; background-color: #fee;}
div#content_main { float: right; width: 540px; padding: 0; }
div#gallery { float: right; width: 540px; padding: 0; }
div#content_sub { display: inline; float: left; width: 200px; margin-left: 10px; padding: 0; }
div#site_info { font-size: 75%; color: #fff; }

/* =html */

/* =body */
body { background: #f99 url(../images/body.gif)  repeat-x; font: 76%/160% Tahoma, Verdana, Arial, sans-serif; color: #000; text-align: center; }

/* =hx */
h1, h2, h3 { font-weight: bold; }

/* =h1 */
h1 { clear:left; font-size: 120%; }

/* =h2 */
h2 { font-size: 100%; width: 389px; height: 29px; margin: 0.5em 0 0 0; padding: 0; background: url(../images/news.png) no-repeat; text-indent: -9999px; }

/* =ul */
ul { list-style-type: square; margin: 0 30px; padding: .5em 0; }
ul#nav { list-style: none; position: relative; width: 592px; height: 64px; margin: 0; padding: 0; }
ul#news { list-style: none; width: 339px; margin: 0; padding: 0 25px 10px 25px; background: url(../images/news_ul.png) no-repeat 0 100%; }
div#conditions ul { list-style-type: disc; margin: 0 30px; padding: .5em 0; }
div#conditions ul ul { list-style-type: circle; margin: 0 10px; padding: .5em 0; }
div#gallery ul { list-style: none; margin: 10px 0 0 10px; padding: 0; width: 540px; }
div#gallery li { float: left; padding: 0; margin: 0; width:125px; height:125px; }

/* =ol */

/* =li */

li#nav_1 { position: absolute; left: 22px; width: 214px; height: 64px; background: url(../images/nav_li.gif) no-repeat 0 0; }
li#nav_2 { position: absolute; top: 23px; left: 236px; width: 128px; height: 41px; background: url(../images/nav_li.gif) no-repeat -214px -23px; }
li#nav_3 { position: absolute; top: 23px; left: 364px; width: 125px; height: 41px; background: url(../images/nav_li.gif) no-repeat -342px -23px; }
li#nav_4 { position: absolute; top: 23px; left: 489px; width: 125px; height: 41px; background: url(../images/nav_li.gif) no-repeat -467px -23px; }
li#nav_5 { position: absolute; top: 23px; left: 614px; width: 125px; height: 41px; background: url(../images/nav_li.gif) no-repeat -592px -23px; }

ul#news  li { margin: 0px; padding: 5px; }

div#gallery li { float: left; margin: 0 20px 20px 0; }

/* =p */

/* =code */

/* =blockquote */

/* =a */

a:link { color: #9b3535; text-decoration: none; }
a:visited { color: #cd6767; text-decoration : underline; }
a:hover { color: #cd6767; text-decoration: underline; }
a:active, a:focus { color: #000; }

li#nav_1 a { display: block; width: 214px; height: 64px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nav_2 a { display: block; width: 128px; height: 41px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nav_3 a { display: block; width: 125px; height: 41px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nav_4 a { display: block; width: 125px; height: 41px; text-indent: -9999px; text-decoration: none; overflow: hidden; }
li#nav_5 a { display: block; width: 125px; height: 41px; text-indent: -9999px; text-decoration: none; overflow: hidden; }

li#nav_1 a:hover { background: url(../images/nav_li.gif) no-repeat 0 -64px; }
li#nav_2 a:hover { background: url(../images/nav_li.gif) no-repeat -214px -87px; }
li#nav_3 a:hover { background: url(../images/nav_li.gif) no-repeat -342px -87px; }
li#nav_4 a:hover { background: url(../images/nav_li.gif) no-repeat -467px -87px; }
li#nav_5 a:hover { background: url(../images/nav_li.gif) no-repeat -592px -87px; }

ul#news a:link { color: #9b3535; text-decoration: none; }
ul#news a:visited { color: #cd6767; text-decoration : underline; }
ul#news a:hover { color: #cd6767; text-decoration: underline; }
ul#news a:active, a:focus { color: #000; }

div#site_info a:link { color: #fff; text-decoration: none; }
div#site_info a:visited { color: #fff; text-decoration: none; }
div#site_info a:hover { color: #fff; text-decoration: underline; }
div#site_info a:active, a:focus { color: #ddd; text-decoration: none; }

/* =img */

div#content_main img { position: relative; float: right; margin: 10px 35px 0 0; padding: 0;}
div#content_sub img { border: solid 2px #ff9999; }
div#gallery img { display: block; border: 1px solid #f99; }

/* =form */

/* =label/labelspan */

/* =input */

}