@charset "utf-8";
/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/layout/bg.jpg);
	background-repeat:repeat-x;
}

#container {
	width:900px;
	height:600px;
	margin:0 auto;
}

#header {
	background-image:url(images/layout/header.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:103px;
	position:relative;
}

#header #creativei {
	float:right;
	filter:alpha(Opacity=20);
	opacity: 0.2;
	-moz-opacity:0.2;
}

#header #creativei:hover {
	filter:alpha(Opacity=99);
	opacity: 1.0;
	-moz-opacity:1.0;
}

#header #logo {
	float:left;
}

#header .tel {
	position:absolute;
	top:20px;
	left:325px;
	font-size:22px;
	color:#076fc4;
	font-weight:normal;
	text-align:center;
}

#content{
	position:relative;
}

#index {
	background-image:url(images/layout/homepage.jpg);
	background-repeat:no-repeat;
	background-color:#7ea9cc;
	width:900px;
	position:relative;
}

#index #book {
	width:266px;
	height:319px;
	position:absolute;
	left:25px;
	top:10px;
	background-image:url(images/skip1.jpg);
}

#index #contact {
	width:266px;
	height:319px;
	position:absolute;
	left:315px;
	top:10px;
	background-image:url(images/contact1.jpg);
}

#index #everythingelse {
	width:256px;
	height:319px;
	position:absolute;
	left:610px;
	top:10px;
	padding:5px;
}

#index #everythingelse #imageholder {
	padding-top:80px;
	padding-left:10px;
}

#index #everythingelse #imageholder img {
	margin:5px;
	border:none;
}

#index #linkimage {
	filter:alpha(Opacity=0);
	opacity: 0.0;
	-moz-opacity:0.0;
}

#index #linkimage:hover {
	filter:alpha(Opacity=99);
	opacity: 1.0;
	-moz-opacity:1.0;
}

#selectcontainer li{
	margin:2px;
	list-style:none;
}

#selectcontainer #hoverimage{
	position:absolute;
	left:200px;
	width:300px;
	height:160px;
	background-color:#003333;	
}

#stage1{
	background-image:url(images/layout/stage1.jpg);
	background-repeat:no-repeat;
	width:790px;
	height:497px;
	padding:55px;
	color:#FFFFFF;
}

#stage1 a {
	color:#FFFFFF;
}

#stage2{
	background-image:url(images/layout/stage2.jpg);
	background-repeat:no-repeat;
	width:790px;
	height:497px;
	padding:55px;
	color:#FFFFFF;
	position:relative;
}

#stage2 a {
	color:#FFFFFF;
}

#stage3{
	background-image:url(images/layout/stage3.jpg);
	background-repeat:no-repeat;
	width:790px;
	height:497px;
	padding:55px;
	color:#FFFFFF;
	position:relative;
}

#stage3 p{
	margin:0px;
}

#stage4{
	background-image:url(images/layout/stage4.jpg);
	background-repeat:no-repeat;
	width:790px;
	height:497px;
	padding:55px;
	color:#FFFFFF;
	position:relative;
}

#stage5{
	background-image:url(images/layout/stage5.jpg);
	background-repeat:no-repeat;
	width:790px;
	height:497px;
	padding:55px;
	color:#FFFFFF;
	position:relative;
}

#stageblock {
	float:left;
	width:260px;
}

#stage6{
	background-image:url(images/layout/stage2.jpg);
	background-repeat:no-repeat;
	width:790px;
	height:497px;
	padding:55px;
	color:#FFFFFF;
	position:relative;
}

#stage6 th {
	width:100px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}

#stage6 a {
	color:#FFFFFF;
}

.stockin{
	background-color:#00CC33;
}

#hoverimage{
	visibility:inherit;
	display:inherit;
}

.stockout{
	background-color:#FF0033;
}

select{
	width:180px;
	border:1px solid #0066CC;
	background-color:#F0F0FF;
}

.textfield{
	width:180px;
	border:1px solid #0066CC;
	background-color:#F0F0FF;
}

textarea{
	width:380px;
	height:80px;
}

.admtextarea {
	height:500px;
}

.button{
	width:80px;
}

td{
	vertical-align:top;
	text-align:center;
}

#unavailable {
	background-color:#FF0000;
	width:100%;
	height:50px;
	text-align:center;
}

#unavailable a {
	color:#666666;
}

#available {
	background-color:#00FF00;
	width:100%;
	height:50px;
	text-align:center;
}

#available a {
	color:#666666;
}

#next {
	float:right;
}

#previous {
	float:left;
}

#navbuttons {
	position:absolute;
	bottom:330px;
	right:40px;
	width:120px;
}

#contactus {
	background-image:url(images/layout/popup.jpg);
	background-repeat:no-repeat;
	width:550px;
	height:550px;
	position:relative;
}

#contactustext {
	position:absolute;
	width:408px;
	height:300px;
	left:25px;
	top:75px;
}

#close {
	position:absolute;
	bottom:8px;
	right:15px;
}

#popup {

}

#popupblock {
	margin: 200px auto;
	padding: 10px;
	width: 400px;
	height: 250px;
	background-color:#064b82;
	border:2px solid #000066;
	color:#EEE;
}

#popupblock2 {
	margin: 200px auto;
	padding: 10px;
	width: 400px;
	height: 100px;
	background-color:#064b82;
	border:2px solid #000066;
	color:#EEE;
}

#admincontainer {
	margin:5px auto;
	width:800px;
	background-color:#FFFFFF;
	border:1px solid #003333;
	padding:4px;
}

#admincontainer h3 {
	font-size:12px;
	font-weight:bold;
}

#admincontainer th {
	text-align:left;
}

#admincontainer td {
	text-align:left;
}

#indextext {
	width: 895px;
	padding-top:340px;
	padding-bottom:1px;
}

#nontstextp1 {
	margin:10px 25px;
	padding:10px;
	display: block;
	filter:alpha(Opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	border:1px solid #999;
	background-color:#FFFFFF;
	height:120px;
}

#nontstextp1 h1 {
	font-size:14px;
	font-weight:bold;
}

#nontstextp2 {
	margin:10px 25px;
	padding:10px;
	filter:alpha(Opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	border:1px solid #999;
	background-color:#FFFFFF;
	height:100%;
}

#nontstextp2 h2 {
	font-size:14px;
	font-weight:bold;
}

#nontstextp2 td {
	width:220px;
	text-align:left;
	font-size:10px;
	margin:1px;
	border:1px solid #CCC;
}

#nontstextp2 b {
	margin:2px;
}

#nontstextp2 a {
	position:relative;
	margin-bottom:10px;
	text-decoration:none;
}

#nontstextp2 p {
	margin:2px;
}

#nontstextp1 p {
	font-size:12px;
}

#nontstextp3 {
	margin:10px 25px;
	padding:10px;
	filter:alpha(Opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	border:1px solid #999;
	background-color:#FFFFFF;
	height:100%;
}

#nontstextp3 h2 {
	font-size:14px;
	font-weight:bold;
}

#nonext {
	position:absolute;
	right:20px;
	border:20px;
}

#footer {
	clear:both;
}

#imagetext {
	float:left;
	margin:2px;
}

#copyright {
	float:right;
	margin:2px;
}

#footerstage {
	position:absolute;
	left:0px;
	width:98%;
	padding:0px 8px;
	top:475px;
}

#adminmenu {
	background-color:#3366CC;
	padding:2px;
	font-size:16px;
	font-weight:bold;
	height:25px;
	width:800px;
	margin:0 auto;
	color:#FFFFFF;
}

#adminmenu a{
	color:#FFFFFF;
}