/* background image - change '../images/background.png' to '../images/yourimagehere.png' or another url  */

body {
	background: #00a5a1 url('images/background.png') no-repeat;
}

/* content - don't mess with this, exept to change boxes background color, text color, or font. */

.content {
	background-image: url('images/content.png');
	/*background-color: #f5f5f5;*/
	width: 500px;
	height: 300px;
	padding: 20px 20px 20px 20px;
	font-family: Georgia;
	overflow: auto;

		-dmoz-border-radius:15px;
		-dwebkit-border-radius:15px;
}

.content img {
	ffloat: left;
	margin: 10px 10px 10px 0px;
}

/* CONTENT PLACEMENT - please do not mess with this. if you must, add 800px to all new #c's and 800px to all new #s's. */

#c1 {
	position: absolute;
	left: 210px;
	top: 105px;
}

#c2 {
	position: absolute;
	left: 210px;
	top: 755px;
}

#c3 {
	position: absolute;
	left: 210px;
	top: 1555px;
}

#c4 {
	position: absolute;
	left: 210px;
	top: 2355px;
}

#s1 {
	position: absolute;
	left: 210px;
	top: 0px;
}

#s2 {
	position: absolute;
	left: 210px;
	top: 650px;
}

#s3 {
	position: absolute;
	left: 210px;
	top: 1450px;
}

#s4 {
	position: absolute;
	left: 210px;
	top: 2250px;
}

/* menu - dont mess with the #m1 element. */

.menu {
	background-image: url('images/menu.png');
	/*background-color: #f5f5f5;*/
	width: 500px;
	height: 10px;
	padding: 20px 20px 20px 20px;
	font-family: Georgia;
	font-size: 14px;

		-moz-border-radius:10px;
		-webkit-border-radius:10px;
}

#m1 {
	position: fixed;
	left: 210px;
	top: 455px;
	}

/* please dont mess with this. dont hide it either. */

.footer {
	position: absolute;
	left: 320px;
	top: 2900px;
	height: 20px;
	width: 300px;
	padding: 3px 10px 3px 10px;
	background-color: #f5f5f5;
	color: #313031;
		
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
}

/* other stuffs. feel free to tinker */

a {
color: #313031;
}

a:hover {
background-color: #00d0cb;
}

xmp {
	font-family: Courier New;
	background-color: #d5d5d5;
	padding: 10px 10px 10px 10px;
	word-wrap: break-word;
	width: 90%;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
}

ul {
	list-style-image: url('images/bullet.png');
	list-style-type: circle;
	padding: 5px 5px 5px 50px;
	}

#gallery {
	margin: 10px 10px 10px 10px;
	overflow: auto;
	height: 95%;
}

#gallery img {
	width: 126px;
	height: 95.06px
}

.cushycms {
	height: 300px;
	width: 500px;
	overflow: auto;
	
}

.scrollable {
	height: 300px;
	width: 500px;
	overflow: auto;
	
}

#download {
	font-size: 24px;
}

#iewarning {
	background-color: #FF3399;
	color: #313031;
	position: absolute;
	top: 0px;
	left: 40px;
	width: 90%;
	padding: 10px;
	font-size: 30px;
	font-family: Georgia;
	z-index: 110;
}