/*===============================================================================================================================*/
/* 
/* Project: Spot Website 
/* Author: James Brian Jackson (Complete Control Limited)
/*
=================================================================================================================================*/



	/*-----------------------------------------------------------------*/
	/* Standard HyperText Markup Language (HTML) Styles
	-------------------------------------------------------------------*/

			
			/*-----------------------------------------------------------------*/
			/* HTML Body Style
			-------------------------------------------------------------------*/			

					body {
	text-align: center;
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #0089D0;
	padding: 0px;
	line-height: 18px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/spot_home_background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
					}
			
			
			
			/*-----------------------------------------------------------------*/
			/* Clear Floating Elements Style
			-------------------------------------------------------------------*/
				
				div .clear{
					clear:Both;
				}
			
			
			/*-----------------------------------------------------------------*/
			/* Hyperlink Style
			-------------------------------------------------------------------*/
		
					a:link{
						color: #FFFFFF;
						text-decoration: underline;
					}
		
			
					a:visited{
						color: #FFFFFF;
						text-decoration: underline;
					}
		
			
					a:active{
						color: #FFFFFF;
						text-decoration: underline;
					}
		
		
					a:hover{
						color: #FFFFFF;
						text-decoration: underline;
					}
		
					a img {
						border: 0 none;
					}	




	/*-----------------------------------------------------------------*/
	/* Cascading Style Sheet (CSS2) Styles
	-------------------------------------------------------------------*/



			/*-----------------------------------------------------------------*/
			/* Document Div
			-------------------------------------------------------------------*/			

					#document{
						text-align: center;
						width:640px;
						clear: both;
						margin-top: 0px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
					}
	
				

					/*-----------------------------------------------------------------*/
					/* Document Contents
					-------------------------------------------------------------------*/			
		
							#document #document_contents{
								position:relative;
								margin-top: 0px;
								margin-right: auto;
								margin-bottom: 0px;
								margin-left: auto;
								padding: 0px 0px 0px 0px;
								text-align: center;
							}
							
							
						/*-----------------------------------------------------------------*/
						/* Document Contents Container
						-------------------------------------------------------------------*/		
								
								#document #document_contents #container{
									position:relative;
									clear:both;
									width:640px;
									background-image: url( ../images/selection_bg.gif );
									margin: 0px;
									padding: 0px;
									border-top-width: 0px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-left-width: 0px;
									height: 480px;
								}
								
								
							/*-----------------------------------------------------------------*/
							/* Enter Button
							-------------------------------------------------------------------*/		
								
									#document #document_contents #container #enter_button{
										position:relative;
										float:right;
										width:235px;
										height:70px;
										right:40px;
										top:375px;
										margin: 0px;
										padding: 0px;
										border-top-width: 0px;
										border-right-width: 0px;
										border-bottom-width: 0px;
										border-left-width: 0px;
									}
								
								
							/*-----------------------------------------------------------------*/
							/* Selection list control
							-------------------------------------------------------------------*/		
								
									#document #document_contents #container #selection_list{
										position:relative;
										float:left;
										left:120px;
										top:345px;
										margin: 0px;
										padding: 0px;
										border-top-width: 0px;
										border-right-width: 0px;
										border-bottom-width: 0px;
										border-left-width: 0px;
									}
								
								
							/*-----------------------------------------------------------------*/
							/* Checkbox control
							-------------------------------------------------------------------*/		
								
									#document #document_contents #container #remember_chk{
										position:relative;
										float:left;
										font: 14px  Verdana, Arial, Helvetica, sans-serif;
										left:0px;
										top:380px;
										margin-left: -30px;
										padding: 0px;
										border-top-width: 0px;
										border-right-width: 0px;
										border-bottom-width: 0px;
										border-left-width: 0px;
									}
								
								
							/*-----------------------------------------------------------------*/
							/* nformation text
							-------------------------------------------------------------------*/		
								
									#document #document_contents #container #remember_text{
										position:relative;
										float:left;
										font: 12px  Verdana, Arial, Helvetica, sans-serif;
										left:30px;
										top:390px;
										width:320px;
										margin: 0px;
										padding: 0px;
										border-top-width: 0px;
										border-right-width: 0px;
										border-bottom-width: 0px;
										border-left-width: 0px;
									}
								
								
							/*-----------------------------------------------------------------*/
							/* Select your country text
							-------------------------------------------------------------------*/		
								
									#document #document_contents #container #select_your_country{
										position:relative;
										float:left;
										width:226px;
										height:35px;
										margin-top:250px;
										left:60px;
										padding: 0px;
										border-top-width: 0px;
										border-right-width: 0px;
										border-bottom-width: 0px;
										border-left-width: 0px;
									}
								
								
								
							/*-----------------------------------------------------------------*/
							/* Document Contents Content
							-------------------------------------------------------------------*/		
								
								#document #document_contents #contents_column1{
	position:relative;
	float:left;
	width:326px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 638px;
								}
							
							/*-----------------------------------------------------------------*/
							/* Document Contents Column 2
							-------------------------------------------------------------------*/
								
								#document #document_contents #contents_column2{
	position:relative;
	float:left;
	width:316px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 638px;
								}
							
							/*-----------------------------------------------------------------*/
							/* Document Contents Column 3
							-------------------------------------------------------------------*/
								
								#document #document_contents #contents_column3{
	position:relative;
	float:left;
	width:326px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 638px;
								}
								
	#item01 {
	height:209px;
	width:326px;
	}
	
	#item02 {
	height:209px;
	width:326px;
	}
	
	#item03 {
	height:220px;
	width:326px;
	}
	
	#item04 {
	height:209px;
	width:326px;
	}
	
	#item05 {
	height:209px;
	width:326px;
	}
	
	#item06 {
	height:220px;
	width:326px;
	}





					
					
					/*-----------------------------------------------------------------*/
					/* Document Footer
					-------------------------------------------------------------------*/			
		
							#document #document_footer{
								position:relative;						
								margin: 20px 0px 0px 0px;
								padding: 0px 0px 0px 0px;
								background: url(footer_background.gif) no-repeat;
								text-align: center; 
								font-size: 8pt;
								color: #FFFFFF;
							}