/*
*********************************************************************
 
            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: 1137px;
	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. */
.container .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 fullContentcontainer class orangnises the area where the galley, enquiry form, and vehicle pages contents will be. */
.container .fullContentContainer
{
	 z-index: 2;
    position: absolute;
    width: 960px;
    height: 865px;
    margin: 161px auto auto auto;
	 padding: 10px 10px 10px 10px;
}

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

/* The gallery class describes where a gallerys's slideshow will be seen. */
.container .fullContentContainer .content .gallery
{
    z-index: 3;
	 width: 778px;
    height: 640px;
	 margin-left: 100px;
	 margin: 80px auto auto 100px;
}

/* The gallery class describes where a gallerys's slideshow will be seen. */
.container .fullContentContainer .content .carousel
{
    z-index: 3;
	 width: 778px;
    height: 450px;
	 margin: 207px auto auto 100px;
}

/* The tac class describes terms and conditions will be seen. */
.container .fullContentContainer .content #tac
{
	width: 750px;
	height: 200px;
	overflow: auto;
	padding: 2px;
	background-color: #ffffff;
	border: 1px #708090 solid;
}

/* The footer class describes where the footer will be seen. */
.container .footer
{
    z-index: 3;
    position: absolute;
    width: 980px;
    height: 95px;
    margin: 1036px 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;
}