/* copyright 2007 Max Beatty -- T284 Final Project - css */


#content {
	z-index: 2;
	position: absolute;
	top: 138px;
	left: 144px;
	width: 641px;
	height: 351px;
	padding: 0px;
	/*border: 1px solid red;*/
	background-image:  url(../images/background_03.gif);
}

#header {
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 144px;
	width: 641px;
	height: 128px;
	padding: 0px;
	/*border: 1px solid blue;*/
	background-image:  url(../images/background_02.gif);
}

#leftSide {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 134px;
	height: 600px;
	padding: 0px;
	background-image:  url(../images/background_01.gif);
	/*border: 1px solid green;*/
}
	
#btm_img {
	position: absolute;
	top: 489px;
	left: 144px;
	width: 641px;
	height: 121px;
	padding: 0px;
	background-image:  url(../images/background_04.gif);
	/*border: 1px solid purple;*/
}

#bottom {
	position: absolute;
	top: 610px;
	left: 144px;
	width: 641px;
	height: 20px;
	padding: 0px;
	/*border: 1px solid green;*/
}

#menu {
	position: absolute;
	z-index: 3;
	top: 138px;
	left: 225px;
	width: 565px;
	height: 30px;
	padding: 0px;
	/*border: 1px solid yellow;*/
}

p {
	font-size:11px;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	padding:0px;
}

p.hdr {
	margin-left: 155px;
	font-size:11px;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	padding:5px;
}

#quote {
	margin-left: 200px;
	margin-right: 200px;
	height: 120px;
	width: 300px;
	color: #ffffcc;
	text-align: center;
	background-color: #336699;
	font-style: italic;
	font-size:12px;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	padding:10px;
}
#qList {
	position: absolute;
	top: 40px;
	left: 0px;
}

#qDisplay {
	position: absolute;
	top: 125px;
	left: 140px;
}

.divi {
	position: absolute;
	top: 60px;
	left: 80px;
}

strong {
	float: right;
	font-size: 11px;
	font-weight: bold;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	padding:5px;
	color: #ffffcc;
}
	
b {
	font-weight: 900;
	font-size: 12px;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	color: #336699;
}

p.btm {
	text-align: right;
	vertical-align: bottom;
}

body {
	background-color: #000;
	color: #ffffcc;
}

a:link { color: #336699; text-decoration: underline; }
a:visited {  color: #666633; text-decoration: underline; }
a:hover {  color: #ffffcc; text-decoration: none }
a:active {  color: #fff; text-decoration: none }

a.pic:link { color: #000000; text-decoration: none }
a.pic:visited {  color: #000000; text-decoration: none }
a.pic:hover {  color: #000000; text-decoration: none }
a.pic:active {  color: #000000; text-decoration: none }

ul.qqq {
	list-style-type: none;
	cursor: pointer;
	line-height: 20px;
}

ul {
	list-style-type: square;
	font-size:11px;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	padding:0px;
}

li.qqq:hover {
	color: #336699;
}

.right {
	float: right;
	vertical-align: top;
}

.thumbs {
	clear: both;
	margin: 10px auto;
}

.thumbnails div {
	position: relative;
	width: 120px;
	height: 100px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display: inline;
}

.thumbnails img {
	top: 0px;
	left: 0px;
	width: 120px;
	height: 100px;
	position: absolute;
	z-index: 1;
	border: 2px solid #336699;
	cursor: pointer;
}

.preview {
	padding: 10px 10px 20px 10px;
	margin-bottom: 5px;
	width: 500px;
	float: left;
	margin-right: 10px;
	position: absolute;
	left: 70px;
	top: 150px;
	height: 100px;
}

.preview1 {
	padding: 10px 10px 20px 10px;
	margin-bottom: 5px;
	width: 200px;
	float: left;
	margin-right: 10px;
	position: absolute;
	left: 180px;
	top: 275px;
	height: 50px;
}

.thumbnails1 div {
	position: relative;
	width: 160px;
	height: 31px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display: inline;
}

.thumbnails1 img {
	top: 0px;
	left: 0px;
	width: 160px;
	height: 31px;
	position: absolute;
	z-index: 1;
	border: 2px solid #336699;
	cursor: pointer;
}