/*
YUI CSS Reset
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.hidden {display: none;}
.left {float: left;}
.right {float: right;}
.aleft {text-align: left;}
.aright {text-align: right;}
.clear {clear: both;}

html {
    font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    background-color: #113;
    color: #fff;
}

body {
}

h1 {
    float: left;
    padding-top: 30px;
    font-size: 42px;
    letter-spacing: -2.5px;
    text-shadow: #000 0px 0px 2px;
}

h2 {
    font-size: 1.4em;
	color: #FF9EB6;
    letter-spacing: -1px;
    margin: .4em 0;
    clear: both;
}

h3 {
    font-size: 1.15em;
    letter-spacing: -1px;
    font-weight: bold;
    margin: .4em 0;
    clear: both;
	color: #E0FF70;
}

p {
    margin: .5em 0 .5em 0;
}

a, a:link, a:visited, a:active, a:hover {
    color: #8df;
}

a:hover {
}

em {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

small {
    font-size: 67%;
}

em {
    font-weight: bold;
    font-style: normal;
    color: #fcf;
}

img#wallpaper {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#wrapper {
    position:relative;
    z-index:1;
    width: 1010px;
    margin: .5em auto 1em auto;
}

#header {
}

#header img {
    margin-left: 0px;
    float: left;
}

#header h1 {
    float: left;
    width: 315px;
    margin: 0 .5em;
}

#sm {
    float: left;
    width: 350px;
    height: 105px;
    margin: 1em 0 0 .5em;
    padding: 10px;

    border-radius: 5px;
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px;

    box-shadow: 0px 0px 6px #222;

    background-color: #00adef;
    background-image: url('../i/house.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}

#sm h2 {
    font-size: 19px;
    color: #fff;
    letter-spacing: -1px;
    line-height: 20px;
    padding: 0 0 5px 0;

    text-shadow: #000 0px 0px 2px;
    
}


#header small {
    display: block;
    font-size: 31px;
}

.w1 {
    color: #f9e;
}

.w2 {
    color: #cff;
}

.w3 {
    color: #ef9;
}

#menu {
    clear: both;
    margin: 2em 0;
    height: 2em;
}

#menu li {
    float: left;
    width: 200px;
    text-align: center;
	font-size: 16px;
}

#menu li a,
#menu li a:link,
#menu li a:active,
#menu li a:visited {
    color: #fff;
    text-decoration: none;
}

#menu li a {
    border-bottom: 1px dashed #fff;
    text-shadow: #000 0px 0px 2px;
}

#menu li.active a {
    border-bottom-width: 0;
    color: #525;
    background-color: #fff;
    padding: 1px 7px 5px 7px;
    border-radius: 5px;
    -moz-border-radius: 5px/5px;
    -webkit-border-radius: 5px;
}

#menu li.active#to_show h2 a {
    color: #525;
    text-shadow: #c6e 0px 0px 1px;
}

#menu li.active#to_service h2 a {
    color: #167;
    text-shadow: #4bd 0px 0px 1px;
}

#menu li.active#to_photo h2 a {
    color: #167;
    text-shadow: #4bd 0px 0px 1px;
}

#menu li.active#to_answers h2 a {
    color: #341;
    text-shadow: #bd4 0px 0px 1px;
}

#menu li.active#to_sound_light h2 a {
    color: #341;
    text-shadow: #bd4 0px 0px 1px;
}

#content {
    clear: both;
}

#photo {
    text-align: center;
}

.bull li {
    list-style-position: inside;
    list-style-type: disc;
}

.i {
    margin: 0 0 1em 1em;
}

table.t {
    width: 100%;
    margin: .5em 0;
}

table.t,
table.t th,
table.t td {
    border: 1px dashed #596487;
}

.t th {
    font-weight: bold;
}

.t td,
.t th {
    padding: 4px;
}

.super {
    color: #ff2600;
    padding: 2px 5px;
    background-color: #fff;
    border-radius: 4px;
    white-space: nowrap;
}

#photos li {
    float: left;
    margin: 20px;
}

#footer {
    padding: 1em;
    margin: 2em 3em 1em 3em;
    border-top: 1px dashed #8df;
    
    text-align: center;
}
