/*--CSS DOCUMENT--*
/*--www.catchtheplusbus.com
Developed and Designed: Hardi Darweish
Company: Web in a box
--*/

/*--Tags--*/
BODY
{
	font-family:Arial, Helvetica, sans-serif;
}	


/*--Classes--*/
.aboutusblurb
{
	position:absolute;
	top:310px;
	left:192px;
	width:500px;
}
.adminformtable
{
	position:absolute;
	top:250px;
	left:10px;
}
.applicationforms
{
	position:absolute;
	top:477px;
	left:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#009900;
	text-decoration:none;
	z-index:30;
}
.bookingsimage
{
	position:absolute;
	top:190px;
	left:464px;
}
.busroute
{	
	position:absolute;
	top:auto;
	left:275px;
}
.buszonemap
{
	position:absolute;
	top:185px;
	left:275px;
}
.contactusbtn
{
	position:absolute;
	top:148px;
	left:635px;
	z-index:2;
}


.credits
{
	position:absolute;
	top:555px;
	left:10px;
	z-index:10px;
}
.date
{
	position:absolute;
	top:127px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	font-size:12px;
	left: 648px;
}
.flashheader
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#009900;
	font-size:13px;
	position:absolute;
	top:-14px;
	left:200px;

}
.footerimage
{
	position:absolute;
	top:519px;
	left:424px;
}
.footerlineIE7
{

	height:1px;
	width:500px;
	border-bottom:solid 1px #009900;
	position:absolute;
	top:552px;
	left:10px;
}
.footerlineIE6
{

	height:1px;
	width:500px;
	border-bottom:solid 1px #009900;
	position:absolute;
	top:535px;
	left:10px;
}
.footertext
{
	position:absolute;
	top:557px;
	left:670px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}
.headerline1IE6
{	height:1px;
	width:460px;
	border-bottom:solid 1px #8633BF;
	position:absolute;
	top:130px;
	left:180px;
	z-index:3;
}
.headerline2IE6
{
	height:1px;
	width:32px;
	border-bottom:solid 1px #8633BF;
	position:absolute;
	top:130px;
	left:25px;
	z-index:3;
}
.headerline1IE7
{	height:1px;
	width:460px;
	border-bottom:solid 1px #8633BF;
	position:absolute;
	top:147px;
	left:180px;
	z-index:3;
}
.headerline2IE7
{
	height:1px;
	width:32px;
	border-bottom:solid 1px #8633BF;
	position:absolute;
	top:147px;
	left:25px;
	z-index:3;
}

.plusbusdrivers
{
	position:absolute;
	top:275px;
	left:192px;
	width:500px;
}
.mainlogo
{
	position:absolute;
	top:10px;
	left:12px;;
}
.mainnavigation
{
	position:absolute;
	top:170px;
	left:20px;;
}
.scalogo
{
	position:absolute;
	top:230px;
	left:192px;
	width:500px;
	border-bottom:1px solid #009900;
}
.telephoneimage
{
	position:absolute;
	top:146px;
	left:497px;
	z-index:1;
}
.wrapper
{
	width:795px;
	height:563px;
	background-color:#FFFFFF;
	border-right:#B4B4B4 solid 1px;
	border-left:#B4B4B4 solid 1px;
	margin:0 auto; /*this margin setting creates the liquid page*/
	position:relative; /*this is vital for setting elements via absolute positioning to maintain liquid layout*/
	top:20px;
}

/*--ID's--*/
#buszoneparagraphheader
{
	position:absolute;
	top:270px;
	left:230px;
	width:300px;
	color:#000000;
	font-weight:bold;
}
#buszonepagetext
{
	position:absolute;
	top:305px;
	left:230px;
	width:300px;
	color:#000000;
	text-align:justify;
}
#downloadapplicationtext
{
	position:absolute;
	top:460px;
	left:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#009900;
}
#enlargebustext
{
	position:absolute;
	top:185px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#009900;
}
#hometextheader
{
	position:absolute;
	top:200px;
	left:280px;
	width:300px;
	z-index:30;
}
#hometextparagraph
{
	position:absolute;
	top:235px;
	left:280px;
	width:300px;
	z-index:30;
}
.bookingsparagraphheader
{
	position:absolute;
	top:190px;
	left:180px;
	width:270px;
	color:#000000;
	font-weight:bold;
}

.bookingspagetext
{
	position:absolute;
	top:245px;
	left:180px;
	width:270px;
	color:#000000;
	text-align:justify;
}
.traveltimesclock
{
	position:absolute;
	top:100px;
	left:400px;

}
.traveltimesparagraphheader
{
	position:absolute;
	top:210px;
	left:200px;
	width:300px;
	color:#000000;
	font-weight:bold;
	
} 

.traveltimespagetext
{
	position:absolute;
	top:240px;
	left:200px;
	width:300px;
	color:#000000;
	text-align:justify;
}
.whoparagraphheader
{
	position:absolute;
	top:180px;
	left:200px;
	width:300px;
	color:#000000;
	font-weight:bold;
}

.whopagetext
{
	position:absolute;
	top:210px;
	left:200px;
	width:300px;
	color:#000000;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}
#paragraphheader
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	z-index:-5;
	
}
#pagetext
{	
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;

}
#pageupdatemessage
{	position:absolute;
	top:220px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:bold;
}
#homepageflashcontainer1
{
	position:absolute;
	top:200px;
	left:15px;
	z-index:30;

}

/*--Forms--*/
.contactform
{
	position:absolute;
	top:189px;
	left:200px;
	z-index:30;
}
.contactmessage
{
	position:absolute;
	top:245px;
	left:200px;
}
#contactformsendbtn
{
	position:static;
	text-align:right;
}

.contactform input
{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border: solid 1px #009900;
	color:#000000;
}
.contactform textarea
{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border: solid 1px #009900;
	color:#000000;
	width:250px;
	height:100px;
	margin-left:15px;
}
#formlabels
{
	text-align:right;
	font-size:12px;
}
.warnings
{
	color:#FF0000;
}
/*---Links---*/
a#credits:link, a#credits:visited, a#credits:active
{
	color:#999999;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
a#credits:hover 
{
	color:#999999;
	text-decoration:underline;
}
a#aboutuslink:link, a#aboutuslink:visited, a#aboutuslink:active
{
	position:absolute;
	top:170px;
	left:435px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009900; 
	text-decoration:none;
	
}
a#aboutuslink:hover 
{
	color:#009900;
	text-decoration:underline;
}