/*
*********************************************************************
 
            CSS Designed by:				Adtrace
            Date:				 			   11/04/2009
            Last Modified:					11/04/2009	
            Modified By:					Matthew
            Modified:					 	Created the page
 
 *********************************************************************
*/

/* The body element describes what font to use and the size of it, the background colour, the margin around the edge of the browser. */
body
{
    margin-top: 0px;
    background-image: url(http://www.commanderlimo.com.au/images/backgroundImages/background.png);
    background-repeat: repeat;
 	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 8pt;
}

/* h1 element describes where the heading 1 will be seen. */
h3
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #4A4A49;
}

/* The a: elements describes the colours and text decorations of the different looks of the hyperlinks. */
a:link
{
	color: #4A4A49;
	text-decoration: none;
}

a:visited 
{
	color: #4A4A49;
	text-decoration: none;
} 

a:active 
{
	color: #838383;
	text-decoration: none;
}

a:hover 
{
	color: #838383;
	text-decoration: underline;
}
/* End of the a: elements.*/

/* The container class orangnises the area where the webpage contents will be. */
.container
{
	z-index: 1;
	position: relative;
	width: 992px;
	height: 1682px;
	margin: 0px auto auto auto;
	background-color: #ffffff;
	border: 2px solid #c8c8c8;
}

/* The container header class tells the webspage where the website's header will be. */
.header
{
    z-index: 3;
    position: absolute;
    width: 980px;
    height: 112px;
	 margin: 0px auto auto 6px;
    background-image: url(http://www.commanderlimo.com.au/images/backgroundImages/header.png);
}

/* The flashSlideShow class describes where the Adobe Flash Slide Show class will be seen. */
.flashSlideShow
{
    z-index: 2;
    position: absolute;
    width: 711px;
    height: 321px;
    margin: 161px auto auto auto;
	 padding: 76px 0px 0px 269px;
	 background-image: url(http://www.commanderlimo.com.au/images/backgroundImages/slideShow.png);
}

/* The content class describes container for the main content of the interior pages. */
.container .contentContainer
{
    z-index: 3;
    position: absolute;
    width: 980px;
    height: 1023px;
    margin: 558px auto auto auto;
	 background-color: #ffffff;
}

/* The content class describes where a web page's main content will be seen and look. */
.container .contentContainer .content
{
    z-index: 2;
	 position: absolute;
	 width: 980px;
    height: 1023px;
	 overflow: auto;
	 background-color: transparent;
	 font-size: 8pt;
}

/* The leftColumn class describes where the interior pages text will be seen. */
.container .contentContainer .content .leftContent
{
    z-index: 3;
    position: absolute;
    width: 448px;
    height: 331px;
    padding: 12px 0px 0px 34px;
    background-image: url(http://www.commanderlimo.com.au/images/backgroundImages/mainContent.png);
}

/* The rightColumn class describes where the interior pages youtube video, or image will be seen. */
.container .contentContainer .content .rightContent
{
    z-index: 3;
    position: absolute;
    width: 438px;
    height: 300px;
    margin: 0px auto auto 482px;
    padding: 43px 0px 0px 39px;
    background-image: url(http://www.commanderlimo.com.au/images/backgroundImages/mainYoutube.png);
}

/* The rightColumn a class describes what the link to the Adtrace Youtube page will look like. */
.container .contentContainer .content .rightContent a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff
}

/* The cost class describes where the pricings text will be seen. */
.container .contentContainer .content .cost
{
	 z-index: 3;
    position: absolute;
    width: 916px;
    margin: 345px auto auto 34px;

}

/* The costtable class describes where the cost table will be seen. */
.container .contentContainer .content .cost .costtable
{
	margin-left: 150px;
}

/* The li element describes what the lists will look like in the content of the contentContainer class. */
.container .contentContainer .content .cost li
{
	list-style: url(http://www.commanderlimo.com.au/images/backgroundImages/bullet.png);
}

/* The footer class describes where the footer will be seen. */
.container .footer
{
    z-index: 3;
    position: absolute;
    width: 980px;
    height: 95px;
    margin: 1581px auto auto auto;
    background-image: url(http://www.commanderlimo.com.au/images/backgroundImages/footer.png);
    font-size: 8pt;
}

/* The adtrace class describes where the Adtrace logo will be seen. */
.container .footer .adtrace
{
    position: absolute;
	 height: 39;
    width: 122;
    margin: 20px auto auto 813px;
    border: 0px;
}

/* The adtrace class describes where the Adtrace logo text will be seen. */
.container .footer .adtracetext
{
    position: absolute;
    margin: 62px auto auto 813px;
    border: 0px;
}

/* The footerText class describes where the footer text will be seen. */
.container .footer .footerText
{
    position: absolute;
    margin: 30px auto auto 20px;
}