/* Stylesheet for Paperplane Creations 2004 */
/* Landing page navigation and layout */

#content {
	position: absolute;
	top: 121px;
	left: 320px;
	width: 460px;
	padding: 6px 5px 0 15px;
	margin: 0;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 120px;
	width: 800px;
	margin: 0;
	padding: 10px;
}

#tagline {
	position: absolute;
	top: 27px;
	left: 25px;
}

#logo {
	position: absolute;
	top: 0px;
	right: 0px;
}

#mainnav {
	position: absolute;
	top: 121px;
	left: 0;
	width: 320px;
	padding: 0;
	margin: 0;
}

#mainbg {
	position: absolute;
	top: 10px;
	left: 140px;
	z-index: 1;
}

#colleft {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 160px;
	z-index: 2;
}

#colrite {
	position: absolute;
	top: 156px;
	left: 160px;
	padding: 0;
	margin: 0;
	width: 160px;
	z-index: 3;
}

div#mainnav ul {
	list-style: none;
	font: normal 14px/1 Georgia, serif;
	margin: 0;
	padding: 0;
}

ul#navleft li {
	text-align: right;
	margin: 0 5px 0 0;
	border: 0;
	padding: 0 0 20px 0;
}

ul#navrite li {
	list-style-position: outside;
	text-align: left;
	margin: 0 0 0 20px;
	border: 0;
	padding: 0 0 20px 0;
}

ul#navleft li a {
	display: block;
	height: 32px;
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	color: black;
	vertical-align: middle; /* no effect? */
	border: 0;
	padding: 0px 35px 0px 0;
}

ul#navrite li a {
	display: block;
	height: 32px;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	color: black;
	vertical-align: middle;
	border: 0;
	padding: 0px 0 0px 35px;
}

ul#navleft li a.home:link, ul#navleft li a.home:active, ul#navleft li a.home:visited {
	background-image: url(../images/whhome.gif);
}

ul#navleft li a.home:hover {
	background-image: url(../images/grhome.gif);
}

ul#navleft li a.about:link, ul#navleft li a.about:active, ul#navleft li a.about:visited {
	background-image: url(../images/whabout.gif);
}

ul#navleft li a.about:hover {
	background-image: url(../images/grabout.gif);
}

ul#navleft li a.wedo:link, ul#navleft li a.wedo:active, ul#navleft li a.wedo:visited {
	background-image: url(../images/whwedo.gif);
}

ul#navleft li a.wedo:hover {
	background-image: url(../images/grwedo.gif);
}

ul#navleft li a.gallery:link, ul#navleft li a.gallery:active, ul#navleft li a.gallery:visited {
	background-image: url(../images/whgallery.gif);
}

ul#navleft li a.gallery:hover {
	background-image: url(../images/grgallery.gif);
}

ul#navleft li a.order:link, ul#navleft li a.order:active, ul#navleft li a.order:visited {
	background-image: url(../images/whorder.gif);
}

ul#navleft li a.order:hover {
	background-image: url(../images/grorder.gif);
}

ul#navrite li a.new:link, ul#navrite li a.new:active, ul#navrite li a.new:visited {
	background-image: url(../images/whnew.gif);
}

ul#navrite li a.new:hover {
	background-image: url(../images/grnew.gif);
}

ul#navrite li a.events:link, ul#navrite li a.events:active, ul#navrite li a.events:visited {
	background-image: url(../images/whevents.gif);
}

ul#navrite li a.events:hover {
	background-image: url(../images/grevents.gif);
}

ul#navrite li a.free:link, ul#navrite li a.free:active, ul#navrite li a.free:visited {
	background-image: url(../images/whfree.gif);
}

ul#navrite li a.free:hover {
	background-image: url(../images/grfree.gif);
}

ul#navrite li a.partners:link, ul#navrite li a.partners:active, ul#navrite li a.partners:visited {
	background-image: url(../images/whpartners.gif);
}

ul#navrite li a.partners:hover {
	background-image: url(../images/grpartners.gif);
}

ul#navrite li a.contact:link, ul#navrite li a.contact:active, ul#navrite li a.contact:visited {
	background-image: url(../images/whcontact.gif);
}

ul#navrite li a.contact:hover {
	background-image: url(../images/grcontact.gif);
}