/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
}

li{list-style:disc;
	color:#FF9900;}

.featuresList{color:#999999;
			font-size:12px;
			}
	
h1{color:#2393D7;
font-weight:800;
font-size:16px;}
	
.greyText{color:#999999;}

.demoStoreAdmin{color:#E29732;
				font-size:16px;
				font-weight:800;}
				
				
a:link{color:#2393D7;
text-decoration:none;}

a:hover{color:#2393D7;
text-decoration:none;}

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

a:visited{color:#2393D7;
text-decoration:none;}

/*postioning elements */
/*header*/
#header{width:900px;
		height:184px;
		position:relative;
		clear:both;
		margin: 0 auto 0 auto;
		}

#hleft{width:275px;
		height:184px;
		position:relative;
		float:left;
	  }
	  
#hcentre{width:343px;
		height:184px;
		float:left;
		position:relative;
		margin-top:0px;
		}

#hright{width:282px;
		height:184px;
		position:relative;
		float:right;
	  }
	  
/*Side border - i have to have a container just for the border, has no use other then that :-( */
#container{border-left:1px solid #CCCCCC;
			border-right:1px solid #CCCCCC;
			width:898px;
			clear:both;
			margin: 0 auto 0 auto;
			display:table;
			}
	  
/*centre*/
#content{width:898px;
		position:relative;
		clear:both;
		margin: 0 auto 0 auto;
		}

#centreText{position:relative;
			height:100%;
			float:left;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			width:443px;
			text-align:left;
			}
.box{text-align:left;
	vertical-align:middle;
	float:left;
	margin-top:50px;
	margin-right:10px;
	}
.note{text-align:right;
		float:right;
		margin-top:20px;}

/*Try Me */
#tryMe{width:898px;
		position:relative;
		clear:both;
		margin: 20px auto 30px auto;
		}
#tryMeText{position:relative;
			height:100%;
			float:left;
			padding-left:10px;
			padding-right:10px;
			text-align:left;
			}
.button{text-align:left;
	vertical-align:middle;
	float:left;
	margin-right:30px;
	margin-left:80px;
	}
	
/*features list */
#featuresLeft{
float:left;
width:370px;
margin-left:20px;
position:relative;
text-align:left;
padding:10px;

}

#featuresRight{
float:right;
margin-right:20px;
width:440px;
position:relative;
text-align:left;
padding:10px;
}

#featuresText{	position:relative;
			height:100%;
			float:left;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			text-align:left;
			 }

/*footer */
#footer{width:900px;
		position:relative;
		clear:both;
		margin: 0 auto 0 auto;
		}