* { margin:0; }
html,body { height:100%; }
.wrapper { min-height:100%; height:auto!important; height:100%; margin:0 auto -10em; }
.footer,.push { height:10em; }
img { border:0; padding:0; margin:0; display:block; }
*,* focus { outline:none; margin:0; padding:0; }
.gallery img { margin:5px; border:none; }
.gallery a { outline:none; }
hr { border:0; height:1px; background:#ccc; margin:10px 0; }
.break { clear:both; }
.txt_right { position:absolute; right:15px; }
form { margin:0; padding:0; }
body,td,div,p,li { font-family:helvetica,arial,sans-serif; }
body { background:url(../images/bg.png) repeat-x left top #fff; font-size:13px; line-height:1.3; color:#555; }
h1,h2,h3,h4,h5,h6 { font-family:helvetica, arial, sans-serif; font-weight:normal; color:#222; margin:0; padding:0; }
h1 { padding:0 0 0 10px; margin:0 0 10px; height:35px; line-height:35px; width:500px; font-size:1.5em; background:#000; color:#fff; text-transform:uppercase; }
h2 { padding:0; padding:10px 0 10px 20px; background:#000; color:#fff; font-size:20px; line-height:20px; font-weight:normal; text-transform:uppercase; }
h2.nomargin { margin:0!important; }
h3 { font-size:16px; margin:10px 0 3px; padding:0; }
h4 { font-size:14px; margin:0 0 5px; padding:0; color:#000; }
p { margin:14px 0; }
a { text-decoration:none; font-weight:bold; }
a:link,a:active { color:#000; }
a:visited { color:#000; }
a:link:hover,a:active:hover,a:visited:hover { color:#999; -webkit-transition:color .3s ease-out; }
#header { position:relative; height:70px; margin:0 auto; width:990px; color:#fff; }
#header h1#logo a { position: absolute; top: 15px; text-indent:-10000px; background:url(../images/logo.png) no-repeat; width:218px; height:65px; display:block; }
#header #menu { position: absolute; width:750px; height:70px; overflow:hidden; right: 0; top: 0; }



ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:70px;
font-size:16px;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#ccc;
text-decoration:none;
height:50px;
padding:20px 25px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

ul.menu.magenta{
}
ul.menu.magenta li a:hover, .menu.magenta li.current {
background-color:#ec008c;
}



#content { position:relative; margin:0 auto; top:25px; width:990px; height:885px; }
#content #introviewer { position:absolute; top:0; left:0; z-index:5; width:595px; }
#content #pictureviewer { position:absolute; top:0; right:0; width:445px; height:628px; }
#content #spaview { position:absolute; top:0; right:0; width:445px; height:628px; }

#content #left { position:absolute; top:0; left:0; width:490px; }
#content #leftpersonal { position:relative; width:478px; }
#content #leftpersonal .pic { position:absolute; left:0; width:135px; }
#content #leftpersonal .text { position:relative; left:150px; width:310px; height:200px; font-size:11px; padding-bottom:10px; }
#content #leftpress { position:absolute; width:990px; }
#content #leftpress img { float:left; }
#content #leftpress hr { border:0; height:1px; background:#fff; margin:10px 0; }
#content #contact { width:505px; border-top:1px solid #ccc; padding:10px 0 0 5px; margin-top:5px; color:#999; font-size:18px; }
#content #right { position:absolute; top:0; right:0; width:380px; overflow:hidden; background:url(../images/rightboxdown.png) repeat-x left bottom #f0f0f0; }
#content #rightpuff { width:380px; height:205px; overflow:hidden; }
#content #rightpersonal { position:absolute; top:35px; right:0; width:478px; }
#content #rightpersonal .pic { position:absolute; left:0; width:135px; }
#content #rightpersonal .text { position:relative; left:150px; width:310px; height:200px; font-size:11px; padding-bottom:10px; }
#content #text { padding:10px 20px 25px; }
.footer { position:absolute; z-index:10; width:100%; background:#f0f0f0; height:10em; }
.footer .content { margin:0 auto; width:990px; }
.footer .content .col1 { width:305px; float:left; line-height:20px; margin:20px 15px 0; }
.footer .content .col2 { width:300px; float:left; line-height:20px; margin:20px 15px 0; }
.footer .content .col3 { width:290px; float:left; line-height:20px; margin:20px 15px 0; }
.footer .content .menu { text-align:center; width:100%; padding-top:25px; margin-bottom: 15px; }
.footer .content .menu a { text-decoration:none; font-weight:normal; padding:0; margin:0; letter-spacing:1px; text-transform:uppercase; font-size:10px; }
.footer .content .menu a:link,a:active { color:#999; background:none; }
.footer .content .menu a:visited { color:#999; background:none; }
.footer .content .menu a:link:hover,a:active:hover,a:visited:hover { background:none; color:#000; -webkit-transition:color .3s ease-out; }
#content table.alt { width:510px; }
#content table.alt tr:nth-child(odd) { background-color:#eaeaea; height:30px; text-indent:5px; }
#content table.alt tr:nth-child(even) { background-color:#fff; height:30px; width:490px; text-indent:5px; }
#content table.alt2 { width:490px; font-size:10px; }
#content table.alt2 tr:nth-child(odd) { background-color:#eaeaea; height:25px; }
#content table.alt2 tr:nth-child(even) { background-color:#fff; height:25px; width:490px; }
h2.trigger { padding:0 0 0 10px; margin:0; background:url(../images/h2_trigger_a.png) no-repeat; height:35px; line-height:35px; width:510px; font-size:1.5em; font-weight:normal; float:left; text-transform:uppercase; }
h2.trigger a { color:#fff; font-weight:normal; text-decoration:none; display:block; background:none; }
h2.trigger a:hover { color:#ccc; }
h2.active { background-position:left bottom; }
.toggle_container { margin:0; padding:0; width:510px; clear:both; }
.toggle_container .block { padding:15px 0 0; margin:0; }
.toggle_container .block p { padding:0; margin:0; }