@charset "utf-8";

/* reset */
*{margin:0; padding:0; text-decoration:none; font-size:1em; outline:none}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font:inherit; font-size:1em}
dfn, i, cite, var, address, em{font-style:normal}
th, b, strong, h1, h2, h3, h4, h5, h6{font-weight:normal}
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet{border:none}
table{border-collapse:collapse; border-spacing:0}
caption, th, td, center{text-align:left; vertical-align:top}
body{line-height:1; background:white; color:black}
q {quotes:"" ""}
ul, li, ol, dir, menu {list-style:none}
sub, sup {vertical-align:baseline}
a {color:inherit}
font {color:inherit !important; font:inherit !important; color:inherit !important} /* disables some nasty font attributes in standard browsers */
/* reset */

body{color:#000; font-family:Helvetica, Arial, Tahoma, sans-serif; font-size:62.5%; margin:0; padding:0; background:#FFF}
#wrapper{padding:0; margin:0 auto; width:880px; position:relative; display:block; border:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#nav a, #footnav a, #friends a{padding:2px 10px}
#nav a:hover, #footnav a:hover, #friends a:hover{color:#000; border: solid 1px #000; padding:1px 9px}
h1{color:#000; font-size:1.6em; font-weight:normal; margin-bottom:10px; position:relative; text-align:center; padding-top:5px}
h2{font-weight:normal; font-size:1.4em; text-transform:uppercase; color:#000; border-bottom:1px solid #000; margin-bottom:15px; padding:10px 0 10px 5px}
h3{font-weight:normal; font-size:1.6em; color:#000;	border-bottom:1px solid #000; margin-bottom:15px; padding:10px 0; text-align:center}

#header{width:880px; height:160px; clear:both; text-align:center}
#mg{width:880px; height:130px}
#nav{margin:20px auto 15px auto; padding-right:50px} 
#nav li{display:inline; padding-left:50px; font-size:1.6em; margin-top:20px}
#footer{width:880px; clear:both; position:relative; margin:20px 0; font-size:1.2em; text-align:center}
#footnav{margin:0 auto 10px auto; padding-right:30px}
#footnav li{display:inline; padding-left:30px; font-size:1.2em}

#slides{width:880px; height:660px; clear:both; position:relative; font-size:1.2em; margin-top:20px}
#slides1{width:430px; height:640px; background:#000; float:right; position:relative}
#sl1,.planet{position: absolute; top: 0; left: 0; z-index:5}
#slides2{width:430px; height:640px; background:#000; float:left; position:relative}
#sl2,.planet{position: absolute; top: 0; left: 0; z-index:5}
#sl1 img, #sl2 img {margin-bottom:5px}
.planet{z-index:10}

.fl {float:left}
.fr {float:right}

#blog{width:880px; clear:both}
.post{width:880px; background:#FFF; margin-bottom:20px}
.post p{padding:15px; padding-left:0; font-size:1.2em}

#gall{width:762px; clear:both; margin:0 auto; text-align:center;}
#gall a {float:left; display:block; padding:5px; margin:0 2px 8px 2px}
#gall a:hover {float:left; display:block; padding:4px; border:solid 1px #000}
#gall li {display:inline-block; margin:0 auto;}
#gall li a img {border:1px solid #FFF}
.sec {width:762px; margin:0 auto}

#info{width:500px; margin:40px auto; clear:both; font-size:1.4em; line-height:1.5em; text-align:justify}
#info p{margin-bottom:10px}

#friends{width:400px; margin:40px auto 30px auto; clear:both; font-size:1.4em; line-height:2.8em; text-align:center}

#space{clear:both; width:100%; height:5px; display:block}

/* apparel */
strong {font-weight:normal; text-shadow:rgba(255, 255, 255, 0.85) 0 0 3px; font-size:1.2em}
.splitter {margin-left:175px; text-align:center; width:970px; clear:both; font-size:1.2em}
.splitter:after {content:""; display:block; height:0; overflow:hidden; clear:both}
.splitter ul {margin-right:0; margin-top:0}
.splitter > li {padding-left:8px}
.splitter > li ul {margin-left:8px}
.splitter ul li a {border-bottom:0; position:static}
.splitter li, .splitter ul, .splitter ul li a  {display:inline; display:inline-block; line-height:1}
.splitter ul, .splitter ul li, .splitter ul li a {background-image:url("img/buttons.png"); background-repeat:no-repeat}
.splitter ul {background-position:0 -138px; background-repeat:repeat-x}
.splitter ul li {margin-left:1px}
.splitter ul li:first-child {margin-left:0}
.splitter ul li a {padding:5px 8px 6px; color:#666; text-shadow:rgba(255, 255, 255, 0.1) 0 1px 0; text-decoration:none}
.splitter ul li.segment-0, .splitter ul li.segment-2 {background-position:-3px -92px}
.splitter ul li.segment-1 {background-position:0 -92px}
.splitter ul li.segment-0 a, .splitter ul li.segment-1 a {background-position:0 -161px}
.splitter ul li.segment-2 a {background-position:100% -115px}
.splitter ul li.selected-0 a, .splitter ul li.selected-1 a, .splitter ul li.selected-2 a {color:#666; text-shadow:rgba(255, 255, 255, 0.5) 1px 1px}
.splitter ul li.selected-0, .splitter ul li.selected-2 {background-position:0 -23px}
.splitter ul li.selected-0 a, .splitter ul li.selected-1 a {background-position:100% -46px}
.splitter ul li.selected-1 {background-position:0 0}
.splitter ul li.selected-2 a {background-position:100% -69px}
.image-grid {margin-top:25px; width:880px}
.image-grid:after {content:""; display:block; height:0; overflow:hidden; clear:both}
.image-grid li {width:170px; margin: 6px 3px 0 3px; float:left; text-align:center; line-height:17px; background:#EEE; color:#686f74; height:230px; overflow:hidden}
.image-grid li img {display:block; margin: 0 auto;}
.image-grid li strong {display:block; padding-top:5px}

/* contact */
#main-container{width:400px; margin:10px auto; clear:both}
#contact-form{margin:35px 0 0 55px}
label{font-size:1.2em}
textarea{color:#404040; font-family:Arial,Helvetica,sans-serif; font-size:12px}
td{white-space:nowrap; padding:5px}
td > button{text-indent:8px}
.error{background-color:#AB0000; color:white; font-size:10px; font-weight:bold; margin-top:10px; padding:10px; text-transform:uppercase; width:240px}
#loading{ position:relative; bottom:9px; visibility:hidden}