@charset "UTF-8";
/* CSS Document */

body { background:url(/img/bg.png) top left repeat-x;  }
h3 { color:#1467d9; margin:0px 0px 10px 0px; font-size:18px; font-weight:100; }
h3 span { color:#ff0066 }
h4 { color:#666; margin:0px 0px 12px 0px; font-weight:100; font-size:18px; }



/* homepage hacks */
#home .container_12 { background:url(/img/homepage_hack.png) 10px 40px no-repeat; }
#home .grid_3_suffix_1 { margin:0px 0px 0px 0px }
#home .grid_3_suffix_1 div { height:281px }

/* about us hacks */
#aboutus .grid_6_suffix_1 div, #aboutus .grid_3_suffix_1 div { height:380px }
#aboutus .grid_3_suffix_2 div { height:213px }

/* contact hacks */
#contact .grid_3_suffix_4 div, #contact .grid_9_suffix_1 div {  height:380px}


p, li { color:#666; line-height:1.8em; }
strong {  color:#666; }
a img { border:1px solid #000; }
a:hover img { border:1px solid #094fb0; }
a { color:#ff0066; }
a:hover { color:#440020; }
.right { float:right; margin-left:15px; }
.border { border:1px solid #a3a4a4; }
.small { margin:0px 0px 10px 0px }


/*
ul.flickr { list-style:none; padding:0px;  }
ul.flickr li { float:left; padding:0px; margin:0px 8px 0px 0px; }
*/

.flickr {}

.flickr div a { margin:0px 10px 10px 0px; position:relative; left:5px }



ul.list { margin:0px; }
ul.list li  { margin-left:12px; }


.header { background:url(/img/space.jpg) fixed 0px 0px repeat-x; height:150px; margin-bottom:20px;  }
.header div { width:940px; height:160px; margin:0 auto 11px; }
.header div h1 { float:left; }
.header div h1 a { background:url(/img/logo.png) 0px 0px; display:block; width:150px; height:150px; }
.header div h2 { float:left; background:url(/img/logo_txt.png) top left; width:276px; height:100px; }
.header div h1 a span, .header div h2 span { display:none; visibility:hidden; }
.header div ul { float:right; list-style:none; margin:105px 0px 0px 0px  }
.header div ul li {float:left; text-align:center; margin:0px!important;   }
.header div ul li a { display:block; width:85px; height:20px; background:url(/img/nav.png) -85px 0px; padding:14px 0px 12px 0px; color:#FFF; text-decoration:none;   }
.header div ul li.start a { background:url(/img/nav.png) top left; }
.header div ul li.end a { background:url(/img/nav.png) top right; }
.header div ul li a:hover { color:#99ccff; }
.header div ul li._selected a { position:relative; top:-1px; height:22px; background:url(/img/nav.png) -85px 48px; color:#666;   }
.header div ul li.start_selected a { position:relative; top:-1px; height:22px; background:url(/img/nav.png) left bottom; color:#666;   }
.header div ul li.end_selected a { position:relative; top:-1px; height:22px; background:url(/img/nav.png) bottom right; color:#666;   }


.container_12 { padding-bottom:20px; }

.grid_6_suffix_1 { background: url(/img/grid_6.png) top left; padding:0px!important; }
.grid_6_suffix_1 div { background:url(/img/grid_6_foot.png) bottom left no-repeat; padding:22px 22px 10px 22px; }


.grid_3_suffix_1 { background: url(/img/grid_3.png) 0px 0px; padding:0px!important; }
.grid_3_suffix_1 div { background:url(/img/grid_3_foot.png) bottom left no-repeat; padding:26px 22px 10px; }
.grid_3_suffix_2 { background: url(/img/grid_3_suffix2.png) top left; padding:0px!important; }
.grid_3_suffix_2 div { background:url(/img/grid_3_suffix2_foot.png) bottom left no-repeat; padding:22px 22px 190px 22px; }
.grid_3_suffix_3 { background: url(/img/grid_3_suffix3.png) top left; padding:0px!important; }
.grid_3_suffix_3 div { background:url(/img/grid_3_suffix3_foot.png) bottom left no-repeat; padding:22px 22px 20px; }
.grid_3_suffix_3 div p, .grid_3_suffix_3 div h3 { color:#fff; }
.grid_3_suffix_3 div p a { color:#76abf4; }
.grid_3_suffix_4 { background: url(/img/grid_3_suffix2.png) top left; padding:0px!important; }
.grid_3_suffix_4 div { background:url(/img/grid_3_suffix4_foot.png) bottom left no-repeat; padding:22px 22px 10px 22px; }


.grid_3_suffix_twitter {   }
.grid_3_suffix_twitter ul {  padding:0px; margin:0px;   }
.grid_3_suffix_twitter ul li {margin:0px 0px 0px 0px;  background:url(/img/twitter.png) top left no-repeat;   }
.grid_3_suffix_twitter ul li span {  display:block; background:url(/img/twitter_foot.png) bottom left no-repeat; padding:10px 10px 40px 15px; line-height:17px; min-height:69px  }
.grid_3_suffix_twitter ul li a { display:none;  }
.grid_3_suffix_twitter ul li span a { display:inline; }

/*
.grid_3_suffix_twitter strong  { display:block;  background:url(/img/twitter.png) top left no-repeat; padding:20px 20px 0px 20px; margin-bottom:0px }
.grid_3_suffix_twitter strong  span { position:relative; top:-4px; } 
.grid_3_suffix_twitter p.from { background:url(/img/twitter_foot.png) bottom left no-repeat; padding:20px 20px 0px 0px; margin-bottom:0px}

<ul style="list-style-type: none; list-style-image: none; list-style-position: outside;" id="twitter_update_list"><li><span>I'm Faffing with CSS and it's getting on my nerves.</span> <a style="font-size: 85%;" href="http://twitter.com/spaceacademy/statuses/1153429786">about 22 hours ago</a></li></ul>
*/








.grid_9_suffix_1 { clear:left; background: url(/img/grid_9.png) top left; padding:0px!important; margin:0px 0px 20px 0px!important }
.grid_9_suffix_1 div { background:url(/img/grid_9_foot.png) bottom left no-repeat; padding:22px 22px 19px; margin:0px; }
.grid_9_suffix_hp_intro { background:#1568da; padding:0px!important; margin:0px!important }
.grid_9_suffix_hp_intro div { background:url(/img/grid_9_home_foot.png) bottom left no-repeat; padding:20px 22px 24px 22px; margin:0px 0px 20px 0px; }
.grid_9_suffix_hp_intro div h3 { color:#FFF; width:600px; margin-bottom:0px }
.grid_9_suffix_hp_intro div h3 a { color:#fff; } 
.grid_9_suffix_hp_rocket { height:292px; background:url(/img/grid_9_rocket_foot.png) top left no-repeat; padding:22px 22px 10px 22px;   }


.grid_9_suffix_hp_rocket h3 { color:#666}
.grid_9_suffix_hp_rocket .hp_left { float:left; width:350px; margin:5px 0 0;  }
.grid_9_suffix_hp_rocket .hp_right { float:right; width:212px; margin-top:9px;  }
.grid_9_suffix_hp_rocket .hp_right h3 { width:120px; background:url(/img/launch_header.png) bottom right no-repeat; font-size:10px; padding:7px 0px 5px 15px; color: #666; font-weight:bold; margin-bottom:0px  }
.grid_9_suffix_hp_rocket .hp_right div {background:#FFF; border:1px solid #bcbcbc; } 
.grid_9_suffix_hp_rocket .hp_right dl { padding:10px 10px 0px 14px; margin-bottom:10px }




.form-style1 {}
.form-style1 p { margin-bottom:5px;}
.form-style1 input, .form-style1 textarea { padding:2px; width:168px }
.button { float:right; width:100px!important; background:#969697; border:2px solid #848484; border-top:2px solid #ccc; border-left:2px solid #ccc; color:#fff; }
 

.sub { float:left; width:100%; line-height:normal; }
.sub ul { margin:0; padding:10px 10px 0; list-style:none; }
.sub li { float:left; background:url("/img/left.png") no-repeat left top; margin:0 2px 0px 0px; padding:0 0 0 9px; }
.sub a { float:left; display:block; background:url("/img/right.png") no-repeat right top; padding:10px 15px 10px 6px; text-decoration:none; font-weight:bold; color:#333333; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.sub a {float:none;}
/* End IE5-Mac hack */
.sub a:hover { color:#666; }
.sub ._selected { background-image:url("/img/left_on.png"); position:relative; top:2px; border-bottom:1px solid #d4d4d4; }
.sub ._selected a { background-image:url("/img/right_on.png"); color:#333; padding-bottom:10px; }



ul.sub2 { padding:0px; list-style:none; position:relative; left:-30px;  }
ul.sub2 li { margin:0px; }
ul.sub2 li a { display:block; width:210px; height:27px; background:url(/img/sub2.png)  0px -35px no-repeat; color:#fff; text-decoration:none; padding:4px 0px 0px 10px;   }
ul.sub2 li.end a { height:31px; }
ul.sub2 li a._selected { background:url(/img/sub2.png)  0px 0px no-repeat; }
ul.sub2 li a:hover { color:#99ccff; }
ul.sub2 li a._selected:hover { color:#fff; }






.footer { clear:left; padding:20px; }


.flickr_badge_image {margin:0px 2px 2px 2px;}