
/*----------------------------------------*
**  Global
**----------------------------------------*/

body {
  margin: 0;
  padding: 0 0 70px;
  text-align: center;
  background-color: #000;
  }
div,p,h1,h2,ul,li {
  margin: 0;
  padding: 0;
  }
p,h1,h2,li {
  font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	}
ul { list-style-type: none; }
img { border: none; }
table { border-spacing: 0; }
td { padding: 0; vertical-align: middle; }

/*----------------------------------------*
**  Header
**----------------------------------------*/

#header {
  height: 80px;
  text-align: center;
  background: #c0c0c0 url(../img/header_shadow.gif) 0 100% repeat-x;
	position: relative;
  }
#header .inner {
  width: 900px;
	margin: 0 auto;
	position: relative;
  }
#header h1 {
  width: 280px;
  height: 80px;
  background: url(../img/header_gm.gif) 0 0 no-repeat;
	text-indent: -3000px;
  }

/*----------------------------------------*
**  Header > TopNav
**----------------------------------------*/

.topnav {
  position: absolute;
	top: 0px;
	left: 760px;
	width: 132px;
  }

.topnav li a,
.topnav li strong {
  display: block;
	height: 80px;
	text-indent: -3000px;
	float: left;
	}

.topnav li.apps a, .topnav li.apps strong {
  width: 55px;
  background-image: url(../img/topnav_apps.gif); 
	}
.topnav li.apps a { background-position: 0 0; }
.topnav li.apps a:hover { background-position: -55px 0; }
.topnav li.apps strong { background-position: -110px 0; }

.topnav li.support a, .topnav li.support strong {
  width: 77px;
  background-image: url(../img/topnav_support.gif); 
	}
.topnav li.support a { background-position: 0 0; }
.topnav li.support a:hover { background-position: -77px 0; }
.topnav li.support strong { background-position: -154px 0; }

/*----------------------------------------*
**  Bar
**----------------------------------------*/

#bar {
  height: 160px;
  text-align: center;
  background-color: #fff;
  }
#bar .inner {
  width: 900px;
	margin: 0 auto;
	position: relative;
	text-align: left;
  }
.strap {
  padding: 46px 0 0 115px;
  }
.strap p {
  font-size: 16px;
  line-height: 18px;
	margin-bottom: 7px;
  }
.quote {
  position: absolute;
	top: 25px;
	left: 325px;
  }

/*----------------------------------------*
**  Main
**----------------------------------------*/

#main {
  text-align: center;
  }
#main .inner {
  width: 900px;
	margin: 0 auto;
	text-align: left;
  background: url(../img/main_stripes.gif) 0 0 repeat-y;
  }

cite {
  display: block;
	height: 11px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
  background: url(../img/main_corners.gif) 100% 0 repeat-y;
  }

/*----------------------------------------*
**  Main > Nav
**----------------------------------------*/

.nav {
  float: left;
	width: 325px;
  }
.nav ul {
  padding: 20px 0 0 115px;
  }
.nav li {
  margin-bottom: 1px;
  }

.nav li a,
.nav li a:hover,
.nav li strong {
  display: block;
	width: 210px;
	height: 90px;
	font-size: 12px;
	line-height: 13px;
	color: #ddd;
	text-decoration: none;
	font-weight: normal;
	position: relative;
	}

.nav li.bloom strong, .nav li.bloom a { background-image: url(../img/nav_bloom.jpg); }
.nav li.trope strong, .nav li.trope a { background-image: url(../img/nav_trope.jpg); }
.nav li.air strong, .nav li.air a { background-image: url(../img/nav_air.jpg); }

.nav li a { background-position: 0 0; }
.nav li a:hover { background-position: 0 -90px; }
.nav li strong { background-position: 0 -180px; }

.nav li span {
  display: block;
	position: absolute;
	top: 44px;
	left: 80px;
  }

/*----------------------------------------*
**  Main > Contect
**----------------------------------------*/

.content {
  float: left;
	width: 436px;
  background: url(../img/main_shadow.gif) 0 0 no-repeat;
	padding-top: 33px;
  }
.support {
  margin-bottom: 22px;
  }
.content p {
  font-size: 12px;
  line-height: 18px;
  margin: 0 48px 18px;
	color: #fff;
  }
.support p {
  margin-bottom: 0;
  }
.support p.mail a {
  display: block;
  text-align: center;
	padding: 3px;
	color: #9ca7a1;
	text-decoration: none;
	margin: 2px 0 5px;
	background-color: #2b3c33;
  }
.support p.mail a:hover {
	color: #fff;
	background-color: #6a7b72;
  }
.content p.alert {
	color: #fff;
	padding: 5px 0 6px;
	text-align: center;
	line-height: 13px;
	bordeR: #9ca7a1 2px solid;
	margin-top: 3px;
  }
.content div {
  text-align: center;
	margin: 25px 0 35px;
  }
.content div img {
  margin: 0 auto;
  border: 10px #2b3c33 solid;
  }

/*----------------------------------------*
**  Main > Support
**----------------------------------------*/

.content .signup {
  background-color: #6a7b72;
	margin: 0px 48px 30px;
	padding: 4px;
  }
.content .signup p {
	padding: 6px;
	margin: 0;
	line-height: 16px;
  }
.content .signup table {
	margin: 0 auto 6px;
  }
.content .signup td {
	padding: 0 4px;
  }
.content .signup input.email {
  width: 16em;
  font-size: 11px;
  line-height: auto;
  padding: 2px;
  }

.content h2 {
  font-size: 15px;
  line-height: 18px;
  margin: 22px 48px 3px;
	color: #fff;
	font-weight: bold;
  color: #000;
  }

/*----------------------------------------*
**  Main > Sidebar
**----------------------------------------*/

.sidebar {
  float: left;
	width: 139px;
  background: url(../img/main_shadow.gif) 0 0 no-repeat;
	text-align: center;
  }
.sidebar h2 {
  margin: 30px auto 5px;
  }
.sidebar .buynow {
  margin-top: 22px;
  }

/*----------------------------------------*
**  Footer
**----------------------------------------*/

#footer {
  text-align: center;
  }
#footer .inner {
  width: 900px;
	height: 212px;
	margin: 0 auto;
	text-align: left;
  background: url(../img/footer_stripes.gif) 0 0 no-repeat;
  }
#footer .colophon {
	padding: 90px 0 0 115px;
  }
#footer p {
  margin-top: 9px;
  font-size: 12px;
  line-height: 14px;
	color: #4D6C5C;
  }
#footer p.copy {
  margin-top: 7px;
  color: #666;
  }
