/* 	
	This style sheet is used throughout the site to define the position and 
	properties of layers used in the design.
	
	All div's have an entry here regardless of whether or not they require additional
	styling.  This creates a kind of library which we can use as a reference against a
	visual render of the site.
	
	Each div is named appropriately according to it's content.
*/
/* 	
	This class is to enable us to center any text elements in a particular area.
	It gives greater control than the older align="<left|center|right>" parameter.
	
	This could arguably be placed in general.css, however, since its main function
	is positioning I thought it best to include it here. 
*/
.centered	{
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
/* Giving the header div a white background */
#header	{
	width:100%;
	background-color:#fff;
	margin:0,0,0,0;
}
/* Here we position the prostar logo 10 pixels from the left edge of the screen */
#header .mainlogo	{
	margin: 0px 0px 0px 10px;
	z-index:2;
}
#header .top-banner	{
	position:absolute;
	right:0px;
	margin: 0px 0px 0px 0px;
}
/* 
	This div is mainly intended for use as a wrapper which assists Internet Explorer in
	rendering the CSS 2 box model correctly.  It also defines the width of the design, which
	in this case is 100% of the available screen.
*/
#maincontent	{
	/*the height attribute here is to remove a rendering bug when the favorites menu
	is displayed (Internet Explorer) */
	height:1%;
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	background-color:#fff;
}
#maintext 	{
	position:absolute;
	left:40px;
	margin:20px;
	padding: 10px;
	width:90%;
	text-align: left; 
}
/* This style is used to allow the display of the front page montage image. */
#montage	{
	margin:20px;
	height:121px;
	background-image: url("../images/montage.jpg");
	background-repeat: no-repeat;
	background-position:center center;
}
/* These divs are used to position the images of tanks on the calc_tanks.cfm template */
#cylindertank	{
	position:absolute;
	right:30px;
	top:0px;
	margin:0px;
	width:187px;
	height:200px;
	background-image: url("../images/cylindertank.gif");
	background-repeat: no-repeat;
	background-position:center center;
}
#voltank	{
	position:absolute;
	right:30px;
	top:290px;
	margin:0px;
	width:275px;
	height:287px;
	background-image: url("../images/tankvol.gif");
	background-repeat: no-repeat;
	background-position:right center;
}
/*	
	The footer is used as a consistent element across the site to display copyright
	and other relevant information.
*/
#footer	{
	display:block;
	padding:5px;
	margin-top:15px;
	text-align:center;
	font-size:1em;
	border-top:1px solid #273A80;
}