/* CSS Document */
body,td,th {
	font: normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: white;
}
body {
	background-color: #000000;
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center
}

/*TEXT Defined - Yay*/

.h1 {
	color: #FFFFFF;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size: 14px;;
	}
.h2 {
	font-size:130%;
	}
.p1 {
	color: #FFFFFF;
	text-align:left;
	font-size: 1em;
	}
	
/*Image Links*/

a img,
a:link img,
a:visited img,
a:hover img,
a:active img {
	border:none;
	}
.imgBox a img,
.imgBox a:link img,
.imgBox a:visited img {
	color:#465E6C;
	border:solid #465E6C 2px;

	}
.imgBox a:hover img,
.imgBox a:active img {
	color:#567487;
	border:solid #567487 2px;
	}

/*Links*/

.accesskey {
text-decoration: underline;
}
a:link {
	color: #DDEEFF;
	text-decoration: none;
}
a, a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
	color: #C4DEFA;
}
a:active {
	text-decoration: none;
	color: #DDEEFF;
}

/*Here is my head*/

#head {
	position:relative;
	top:0px;
	left:0px;
	height:150px;
	width:auto;
	background:url(../../images/toprightlight.jpg);
	background-position:100% 0px;
	background-repeat:no-repeat;
	}
#logo {
	position:absolute;
	height:150px;
	width:110px;
	top:2px;
	left:2px;
	background-image:url(../../images/logo.jpg);
	background-repeat:no-repeat;
	}
#glowBall {
	height:150px;
	width:110px;
	top:0px;
	left:100%;
	background:url(../../images/toprightlight.jpg);
	position:aboslute;
	}
	
/*Here is my body - Aren't I fit? */

#jacket {
	width:1050px;
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
	padding-left:0px;
	text-align:left;
	}
#pushOver {
	width:66px;
	height:400px;
	padding:0px;
	float:left;
	}
	
#lefty {
	width:324px;
	padding:0px;
	float:left;
	}
#putMeCenter {
	width:197px;
	padding: 50px;
	float:left;
	}
#sploosh {
	width:268px;
	height:438px;
	margin:0px;
	padding:0px;
	background-image:url(../images/ripple.jpg);
	background-position:-2px 238px;
	background-repeat:no-repeat;
	float:left;
	}
#righty {
	width:197px;
	padding-left:8px;
	margin:0px;
	float:left;
	z-index:25;
	}
#pictureMe {
	width:auto;
	height:auto;
	margin-top:10px;
	z-index:20;
	}
#newShirt {
	margin-bottom:3px;
	}
/*.imgBox {
	 --- Assigned img borders --- up 
	}*/
	
/*BG Load*/

#jacket img {
	background-color:#fff;
	background-image:url(../images/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	}

/*Menu -----------------*/

#menu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#menu li a{
display: block;
padding: 5px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: black;
border-bottom: 1px solid #90bade;
border-left: 7px solid black;
}

* html #menu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#menu li a:hover {
background-color: #333333;
border-left-color: black;
font: italic 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#menu div.menutitle{
color: white;
border-bottom: 1px solid gray;
padding: 3px 0;
padding-left: 5px;
background-color: black;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
