/* Global Styles */

body, h1, h2, h3, p, ul {
  padding: 0;
  margin: 0;
}

body {
	font-family: "Comic Sans MS", sans-serif;
	font-size: medium;
	background-color: #fff;
	}

#home h1 {
	display: inline;
	font-family: "Comic Sans MS", sans-serif;
	font-size: 1.0em;
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal; 
	background-color: #fff;
}

#h1, h1, h2, h3, p {
padding-bottom: .67em;
}

h1, h2, h3 {
text-transform: uppercase;
}

h1 {
letter-spacing: .2em;
text-align: left;
}

ul {
padding-bottom: 1em;
margin-left: 1em;
}
	
a {
	color: #36c;
	text-decoration: none;
	}
	
a:hover {
	color: #ff8000;
	text-decoration: underline;
	}

#contact a, #footer a {
color: #000000;
text-decoration: none;
}
#contact a:hover, #footer a:hover {
color: #000000;
text-decoration: underline;
}

td {
text-align: center;
vertical-align: middle;
border: 1px solid #666;
margin: 0;
padding: 0;
}

table {
padding: 0;
margin: 0;
border-collapse: collapse;
width: 100%;
}

.tdHead {
background-color: #e6f3ff;
}

/* ID Styles */

#navigation {
  float: left;
  width: 10em;
  background-color: #e6f3ff; margin: 1.5em 0;
  padding-bottom: 10em;
}
	
#navigation a {
	display: block;
	margin: 0;
	color: #36c;
	text-decoration: none;
	padding: .5em .33em .15em 1.33em;
	background: url("arrow.gif") .67em 55% no-repeat;
	border-bottom: 2px solid #c0dffd;
	}
	
#navigation a:hover {
	background: #fff url("arrow.gif") .67em 55% no-repeat;
	color: #ff8000;
	}
	
#navigation .active {

	background: #fff url("arrow.gif") .67em 55% no-repeat;
	color: #cc0000;
}

#navigation .active:hover {

	background: #fff url("arrow.gif") .67em 55% no-repeat;
	color: #cc0000;
}
	
/* Class Styles */
	
.bodyText {
	font-size: small;
	color:#333;
	margin-top:0px;
	padding: 0.50em 1.00em;
	text-align: justify;
	}
	
.pageName{
	font-size: large;
	color: #36c;
	font-weight: normal;
	}
	
	
	
#home h3.pageName {
	font-size: large;
	color: #36c;
	font-weight: normal;
    letter-spacing: .2em;
    text-align: left;
	}
	
.subHeader {
	font-weight: bold;
	font-size: medium;
	color: #c00;
	}

.smallText {
	font-size: small;
	color: #003366;
	}	
	
.navText {
	font-size: large;
	color: #036;
	text-decoration: none;
	}
	
	.navTop {
	
	font-size: large;
	border-top: 2px solid #c0dffd;
	}
	
.ggHead {
font-size: medium;
color: #36c;
padding: 1.33em 0 .33em 0;
vertical-align: bottom;
text-align: center;
}	
.ggPrice {
font-size: medium;
color: #c00;
padding: 0 0 0 0;
vertical-align: bottom;
}	
.ggText {
font-size: small;
padding: 0 1em;
vertical-align: top;
text-align: left;
}
.ggImage {
vertical-align: top;
text-align: center;
}

.ggImage img{
margin: 0.25em 0;
}

ul {
list-style-type: disc;
list-style-position: inside;
}

.goBaack {
  text-align: right;
font-size: medium;
}


.footer {
  background-color: #c6d3df;
  font-weight: normal;
}

.fontContact, .fontFooter {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000;
}

.copy {
  color: #999;
}

#contact {
clear: both;
  margin: 1px 0 0 0;
  border-top: 1px solid #036;
  border-bottom: 1px solid #036;
  padding: .33em 0 .33em 2em;
  font-weight: bold;
  background-color: #ff8000;
}


#footer {
clear: both;
  margin: 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ccc;
  padding: .33em 0 .33em 2em;
  font-weight: normal;
  background-color: #c6d3df;
}

#header {
  height: 97px;
  background-color: #69f;
}

#header img {
  margin-left: 1em;
  padding: 0;
  border: 0;
}

#sideBar {
text-align: center; width: 190px; float: left; margin: 1.5em 0 1.5em 32px; background-color: #e6f3ff;
font-size: small; border: 1px solid #999; padding: .5em 0;
}

#sideBar img {
margin: .33em;
border: 1px solid #333;
width: 110px;
height: 110px;
}

#bodyContent {
 float: left; margin: 1.5em 0 1.5em 32px;
}

#mainContent {
clear: both;
 margin: 0;
 padding: 0;
}

.bouncersPage, .giantGamesPage, .videoPage {
width: 535px; padding-right: 2em; border-right: 1px solid #ccc; 
}

.bouncersPage img {
border: 0;
}

.giantGamesPage img {
border: 1px solid #000;
}

.bouncersPage p {
font-size: medium;
text-align: left;
}

.indexPage, .pricesPage, .contactUsPage  {
width: 345px;  
}

.contactUsPage p {
font-size: medium;
text-align: left;
}