/* 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:#6699ff;
background-color:#cccccc;
}

#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:11em;
width:250px;
padding-bottom:10px;
margin: 1.5em 0;
background-color:#e6f3ff;
}
	
#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
{
padding: 0.50em 1.00em;
margin-top:0px;
font-size:small;
text-align:justify;
color:#333;
}
	
.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;
  text-align:center;
  background-color: #c6d3df;
}

#header {
  height: 97px;
  background-color: #6699ff;
}

#header img {
  margin-left: 0.5em;
  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;
wxidth:auto;
margin:1.5em 0 1.5em 18px;
margin:1.5em 0 1.5em 2px;
}

 #mainContent
{
clear:both;
width:958px;
padding:0;
border:0;
border:1px solid #666666;
margin:0 auto;
background:#00ccff;
background:#ffffff;
}

 .bouncersPage
,.giantGamesPage
,.videoPage
{
width:535px;
width:600px;
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;
}


/* start: new menu */

 #menu
{
clear:both;
float:left;
margin-bottom:48px;
margin-left:16px;
margin-right:16px;
padding-top:1.0em;
}
 #menu ul
{
width:215px;
padding:0;
margin:0;
list-style-type:none;	
}
 .home
{
background:#ffffff scroll url(http://www.jumpabouts.co.uk/media/home-button.png) no-repeat left top;
}
 .bouncyCastles
{
background:#ffffff scroll url(http://www.jumpabouts.co.uk/media/bouncy-castles-button.png) no-repeat left top;
}
 .cartoonMascots
{
background:#ffffff scroll url(http://www.jumpabouts.co.uk/media/cartoon-character-mascots-button.png) no-repeat left top;
}
 .castlesMascots
{
background:#ffffff scroll url(http://www.jumpabouts.co.uk/media/castles-and-mascots-button.png) no-repeat left top;
}
 .giantGames
{
background:#ffffff scroll url(http://www.jumpabouts.co.uk/media/giant-games-button.png) no-repeat left top;
}
 .prices
{
background:#ffffff scroll url(http://www.jumpabouts.co.uk/media/prices-button.png) no-repeat left top;
}
 .contactUs
{
background:#ffffff scroll url(http://www.jumpabouts.co.uk/media/contact-us-button.png) no-repeat left top;
}
 .home
,.bouncyCastles
,.cartoonMascots
,.castlesMascots
,.giantGames
,.prices
,.contactUs
{
outline:none;
width:215px;
height:66px;
text-indent:-9999px;
}
 .home:hover
,.bouncyCastles:hover
,.cartoonMascots:hover
,.castlesMascots:hover
,.giantGames:hover
,.prices:hover
,.contactUs:hover
{
outline:none;
cursor:pointer;
background-position: left -132px;
}
 .home:focus
,.bouncyCastles:focus
,.cartoonMascots:focus
,.castlesMascots:focus
,.giantGames:focus
,.prices:focus
,.contactUs:focus
{
outline:dashed;
cursor:pointer;
background-position: left -66px;
}
 .home:active
,.bouncyCastles:active
,.cartoonMascots:active
,.castlesMascots:active
,.giantGames:active
,.prices:active
,.contactUs:active
{
outline:none;
cursor:pointer;
background-position: left -66px;
}
 .menuItem
{
display:block;
overflow:hidden;
margin:0;
padding:0;
width:215px;
height:66px;
}
 .activeHome
,.activeBouncyCastles
,.activeCartoonMascots
,.activeCastlesMascots
,.activeGiantGames
,.activePrices
,.activeContactUs
{
background-position:left -132px;
}

 address
{
font-style:normal;
text-align:center;
color:#666666;
}

 address strong
{
font-weight:normal;
}

 strong.b
{
font-weight:normal;
color:#000000;
}

/*   end: new menu */

 p#locations
{
margin:2.0em 0;
font-size:13px;
text-align:center;
}

 strong.hi
{
font-weight:normal;	
}
