/*
 *	wonderland.webworks.css
 *	Copyright 2004 Wonderland Webworks
 *
 *	This file was written entirely by hand. No portion of this file may be reproduced
 *	without the express written consent of Wonderland Webworks. It may, however, be 
 *	used as a training tool on CSS layout and design.
 *
 *	Questions or Comments can be forwarded to css@wonderlandwebworks.com
 */


BODY {
	color: #000000;
	background-color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: Black;
	border: none;
	}

A {
	color: #B75C00;
	text-decoration: none;
	font-weight: bold;
}

A:HOVER {
	color: #6CAAD9;
	text-decoration: none;
	font-weight: bold;
}

input, textarea {
	border: 1px solid #B75C00;
}

#checkbox {
	border: none;
}

form {
	 margin-bottom: 0;
}

#fineprint {
	position: relative;
	color: #666666;
	font: normal 9px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*
 *	WIDESCREEN LAYOUTS!
 *
*/

#widescreen {
	background: #406480 url(../images/background.mushroom.jpg) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 500px;
	margin-top: -250px;
	margin-left: -450px;
}

#widescreenPortfolioEgg {
	background: url(../images/portfolio/egg.large.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 450px;
}

#widescreenPortfolioProsperpointListing {
	background: url(../images/portfolio/ppnet.listings.large.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 450px;
}

#widescreenPortfolioAsphacolor {
	background: url(../images/portfolio/asphacolor.index.large.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 450px;
}

#widescreenPortfolioRnr {
	background: url(../images/portfolio/rnr.large.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 450px;
}

#widescreenPortfolioAllphase {
	background: url(../images/portfolio/app.large.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 450px;
}

#widescreenPortfolioPerlcode {
	background: url(../images/portfolio/perl.code.large.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 450px;
}


/*
 *	LOGIN MESSAGE!
 *
*/

#loginBoxIndex {
	background-image: url(../images/login.box.index.gif);
	position: absolute;
	width: 200px;
	height: 100px;
	top: 25px;
	left: 20px;
	background-repeat: no-repeat;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:  #FFFFFF;
	padding: 10px;
}

#loginIndex {
	position: relative;
	top: 20px;
}

#passwordIndex {
	position: relative;
	top: 35px;
}

#submitIndex {
	position: absolute;
	font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	width: 38px;
	top: 69px;
	text-align: left;
}

/*
 *	WELCOME MESSAGE!
 *
*/

#welcomeMessage {
	position: absolute;
	width: 300px;
	top: 25px;
	left: 210px;
}

#welcomeMessageHeader {
	background-image: url(../images/welcome.header.gif);
	position: relative;
	width: 300px;
	height: 25px;
	background-repeat: no-repeat;
}

#welcomeMessageBody {
	color: #3D2914;
	background-image: url(../images/welcome.background.gif);
	position: relative;
	width: 270px;
	height: auto;
	background-repeat: repeat-y;
	font: 12px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	text-align: justify;
}

#welcomeMessageFooter {
	background-image: url(../images/welcome.footer.gif);
	position: relative;
	width: 300px;
	height: 20px;
	background-repeat: no-repeat;
}


/*
 *	NEWS MESSAGE!
 *
*/

#newsMessage {
	position: absolute;
	width: 318px;
	top: 25px;
	left: 540px;
}

#newsMessageHeader {
	background-image: url(../images/news.header.gif);
	position: relative;
	width: 318px;
	height: 25px;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: 8px;
	text-align: center;
	padding-top: 2px;
}

#newsMessageBody {
	background-image: url(../images/news.background.gif);
	position: relative;
	width: 290px;
	top: -2px;
	height: auto;
	background-repeat: repeat-y;
	font: bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	text-align: justify;
}

#newsMessageBody A {
	color: #b75c00;
}

#newsMessageFooter {
	background-image: url(../images/news.footer.gif);
	position: relative;
	width: 318px;
	height: 20px;
	top: -2px;
	background-repeat: no-repeat;
}


/*
 *	NEWS MESSAGE2!
 *
*/

#newsMessage2 {
	position: absolute;
	width: 318px;
	top: 275px;
	left: 540px;
}

#newsMessage2Header {
	background-image: url(../images/news.header.gif);
	position: relative;
	width: 318px;
	height: 25px;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: 8px;
	text-align: center;
	padding-top: 2px;
}

#newsMessage2Body {
	background-image: url(../images/news.background.gif);
	position: relative;
	width: 290px;
	top: -2px;
	height: auto;
	background-repeat: repeat-y;
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	text-align: justify;
}

#newsMessage2Body A {
	color: #b75c00;
}

#newsMessage2Footer {
	background-image: url(../images/news.footer.gif);
	position: relative;
	width: 318px;
	height: 20px;
	top: -2px;
	background-repeat: no-repeat;
}

/*
 *	TWO COLUMN MESSAGE!
 *
*/

#twoColumnMessage {
	position: absolute;
	width: 650px;
	top: 25px;
	left: 210px;
}

#twoColumnMessageHeader {
	background-image: url(../images/header.two.column.orange.gif);
	position: relative;
	width: 650px;
	height: 25px;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: 8px;
	text-align: center;
	padding-top: 2px;
}

#twoColumnMessageBody {
	background-image: url(../images/background.two.column.white.gif);
	position: relative;
	width: 620px;
	top: -2px;
	height: auto;
	background-repeat: repeat-y;
	font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	text-align: justify;
}

#twoColumnMessageBody A {
	color: #b75c00;
}

#twoColumnMessageFooter {
	background-image: url(../images/footer.two.column.white.gif);
	position: relative;
	width: 650px;
	height: 20px;
	top: -2px;
	background-repeat: no-repeat;
}

/*
 *	NAV Portfolio!
 *


#columnPortfolio {
	position: absolute;
	width: 158px;
	top: 275px;
	left: 560px;
}
*/
#columnPortfolio {
	position: absolute;
	width: 158px;
	top: 195px;
	left: 20px;
}

#columnPortfolioHeader {
	background-image: url(../images/nav.white.hdr.portfolio.gif);
	position: relative;
	width: 158px;
	height: 25px;
	background-repeat: no-repeat;
}

#columnPortfolioBody {
	background-image: url(../images/nav.white.bg.gif);
	position: relative;
	width: 158px;
	height: auto;
	background-repeat: repeat-y;
}

#columnPortfolioFooter {
	background-image: url(../images/nav.white.footer.gif);
	position: relative;
	width: 158px;
	height: 9px; 
	background-repeat: no-repeat;
}

/*
 *	NAV Services!
 *


#columnServices {
	position: absolute;
	width: 158px;
	top: 275px;
	left: 725px;
}
*/

#columnServices {
	position: absolute;
	width: 158px;
	top: 25px;
	left: 20px;
}

#columnServicesHeader {
	background-image: url(../images/nav.white.hdr.services.gif);
	position: relative;
	width: 158px;
	height: 25px;
	background-repeat: no-repeat;
}

#columnServicesBody {
	background-image: url(../images/nav.white.bg.gif);
	position: relative;
	width: 158px;
	height: auto;
	background-repeat: repeat-y;
}

#columnServicesFooter {
	background-image: url(../images/nav.white.footer.gif);
	position: relative;
	width: 158px;
	height: 9px;
	background-repeat: no-repeat;
}

/*
 *	NAV Contact!
 *


#columnContact {
	position: absolute;
	width: 158px;
	top: 373px;
	left: 560px;
}
*/
#columnContact {
	position: absolute;
	width: 158px;
	top: 295px;
	left: 20px;
}

#columnContactHeader {
	background-image: url(../images/nav.white.hdr.contact.gif);
	position: relative;
	width: 158px;
	height: 25px;
	background-repeat: no-repeat;
}

#columnContactBody {
	background-image: url(../images/nav.white.bg.gif);
	position: relative;
	width: 158px;
	height: auto;
	background-repeat: repeat-y;
}

#columnContactFooter {
	background-image: url(../images/nav.white.footer.gif);
	position: relative;
	width: 158px;
	height: 9px;
	background-repeat: no-repeat;
}

/*
 *	Logo & Background!
 *
*/

#logobg {
	background-image: url(../images/background.logo.gif);
	position: absolute;
	height: 35px;
	top: 450px;
	left: 0px;
	width: 100%;
	background-repeat: repeat-x;
	}

#logo { 	
	position: relative;
	float: left;
	width: 275px; 
	height: 35px; 
	background-repeat: no-repeat;
	margin: -6px 10px;
}

#logo span {
	display: none;
}


#backButton { 	
	position: absolute;	  
	top: 5px;
	left: 558px;
	width: 56px; 
	height: 14px; 
}  

#copyright {
	position: absolute;	  
	top: 35px;
	left: 630px;
	font: bold 8px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*
 *	PORTFOLIO MESSAGE!
 *
*/

#portfolioMessage {
	position: absolute;
	width: 318px;
	top: 25px;
	left: 210px;
}

#portfolioMessageHeader {
	background-image: url(../images/news.header.gif);
	position: relative;
	width: 318px;
	height: 25px;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: 8px;
	text-align: center;
	padding-top: 2px;
}

#portfolioMessageBody {
	background-image: url(../images/news.background.gif);
	position: relative;
	width: 290px;
	top: -2px;
	height: auto;
	background-repeat: repeat-y;
	font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	text-align: justify;
}

portfolioMessageBody A {
	color: #b75c00;
}

#portfolioMessageFooter {
	background-image: url(../images/news.footer.gif);
	position: relative;
	width: 318px;
	height: 20px;
	top: -2px;
	background-repeat: no-repeat;
}

#portfolioThumbnail {
	position: absolute;
	width: 318px;
	top: 25px;
	left: 550px;
}

/*
 *	PORTFOLIO POPUP LOGO!
 *
*/

#portfolioLogoBg {
	background-image: url(../images/background.logo.gif);
	position: absolute;
	height: 35px;
	top: 415px;
	left: 0px;
	width: 100%;
	background-repeat: repeat-x;
	}

#portfolioLogo { 	
	position: relative;
	float: left;
	width: 275px; 
	height: 35px; 
	background-image: url(../images/logo.gif); 
	background-repeat: no-repeat;
	margin: -6px 10px;
}

#portfolioLogoBackButton { 	
	position: relative;
	float: left;
	width: 56px; 
	height: 14px; 
	background-image: url(../images/nav.white.backbutton.gif); 
	background-repeat: no-repeat;
	margin: -6px 10px;
}

#portfolioLogo span {
	display: none;
}


/*
 *	SERVICES MESSAGE!
 *
*/

#servicesMessage {
	position: absolute;
	width: 318px;
	top: 25px;
	left: 210px;
}

#servicesMessageHeader {
	background-image: url(../images/news.header.gif);
	position: relative;
	width: 318px;
	height: 25px;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: 8px;
	text-align: center;
	padding-top: 2px;
}

#servicesMessageBody {
	background-image: url(../images/news.background.gif);
	position: relative;
	width: 290px;
	top: -2px;
	height: auto;
	background-repeat: repeat-y;
	font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	text-align: justify;
}

servicesMessageBody A {
	color: #b75c00;
}

#servicesMessageFooter {
	background-image: url(../images/news.footer.gif);
	position: relative;
	width: 318px;
	height: 20px;
	top: -2px;
	background-repeat: no-repeat;
}

#servicesThumbnail {
	position: absolute;
	width: 318px;
	top: 25px;
	left: 563px;
}

/*
 *	SERVICES DETAIL!
 *
*/

#servicesDetail {
	position: absolute;
	width: 318px;
	top: 25px;
	left: 550px;
}

#servicesDetailHeader {
	background-image: url(../images/news.header.gif);
	position: relative;
	width: 318px;
	height: 25px;
	font: bold 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: 8px;
	text-align: center;
	padding-top: 2px;
}

#servicesDetailBody {
	background-image: url(../images/news.background.gif);
	position: relative;
	width: 290px;
	top: -2px;
	height: auto;
	background-repeat: repeat-y;
	font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 15px;
	text-align: justify;
}

#servicesDetailBody A {
	color: #b75c00;
}

#servicesDetailFooter {
	background-image: url(../images/news.footer.gif);
	position: relative;
	width: 318px;
	height: 20px;
	top: -2px;
	background-repeat: no-repeat;
}


 /*
  *
  * 404 Text
  *
  */
  
#fourOfourtext {
	position: absolute;
	width: 400px;
	height: 100px;
	top: 100px;
	left: 450px;
	font: 18px/26px Times New Roman;
	color:  #FFFFFF;
	padding: 10px;
	text-align: justify;
}

#fourOfouropening {
	position: absolute;
	top: 25px;
	left: 200px;
	font: bold 45px Times New Roman;
	color:  #B75C00;
	padding: 10px;
}