/* main */
*
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	font-family: Arial;
	font-size: 12px;
	color: #989898;
	
	background: #ffffff url('../images/www/bg.jpg') center 70px no-repeat;
}

a:link,a:visited 
{
	color: #989898;
	
	text-decoration: none;	
	transition: all .5s linear;
}

a:hover
{
	color: #08a7f9;
	
	transition: all .5s linear;
}
table {
    border-collapse: collapse;
	
}
table, th, td {
   border: 1px solid grey;
} 
td {
    padding: 5px;
}

ul { list-style-type: none; }

/* page position */

#container
{
	margin: 0 auto;
	width: 100%;
}

	/* page */
	#pageBox
	{
		margin: 0 auto;
		width: 960px;
	}
	
		/* header */
		#header
		{
			float: left;
			width: 960px;
		}
		
			#logo
			{
				float: left;
				
				width: 112px;
				height: 112px;
				
				padding: 14px 27px;
				
				background: #ffffff;
			}
			
				#logo h1
				{
					display: none;
				}
			
			#phone
			{
				float: left;
				
				
				height: 50px;
				 padding: 18px 0 3px 38px;
    /* width: 280px; */
				
				color: #032954;
				
				/* background: url('../images/www/phone.png') 0px 22px no-repeat; */
			}
			
				.phone01 { font-size: 20px; }
				.phone02 { font-size: 26px; color: #e15121; font-weight: bold; margin-left: 10px; }
			
			#menu
			{
				float: right;
				
				width: 794px;
				height: 50px;
				
				background: url('../images/www/menu.png') no-repeat;
			}
			
				#menu li
				{
					float: left;
					
					padding: 0px 26px;
					margin: 18px 0px;
					
					text-transform: uppercase;
					
					border-right: 1px solid #4d8eb3;
				}
				
				#menu li:last-child
				{
					border: none;
				}
				
					#menu a
					{
						font-size: 16px;
						
						color: #ffffff;
					}
					
					#menu a:hover
					{
						color: #fba80d;
					}
			
			#important
			{
				float: left;
				
				width: 960px;
				height: 140px;
				
				margin: 160px 0px;
				
				background: url('../images/www/important.png') repeat;
			}
			
				#important h2
				{
					float: left;
					
					width: 960px;
					
					margin: 15px 0px;
					
					font-size: 48px;
					
					text-align: center;
					color: #ffffff;
				}
				
				#important p
				{
					float: left;
					
					width: 960px;
					
					font-size: 30px;
					
					text-align: center;
					color: #ffffff;
				}
			
		/* offer */
		#offer
		{
			float: left;
			
			width: 960px;
		}
		
			.offerBox
			{
				float: left;
				
				width: 280px;
				height: 150px;
				
				padding: 20px;
			}
			
				.offerBox h3
				{
					float: left;
					
					width: 230px;
					height: 22px;
					
					padding: 8px 0px 8px 50px;
					
					font-size: 20px;
					
					color: #0b3357;
				}
				
				.offerBox p
				{
					float: left;
					
					width: 280px;
					
					margin: 10px 0px;
					
					text-align: justify;
					color: #ffffff;
				}
				
				.offerBox a
				{
					float: right;
					
					padding: 6px 10px;
					
					border-radius: 10px;
					
					color: #0b3357;
					font-style: italic;
					font-weight: bold;
					
					background: #ffffff;
				}
			
			#association
			{
				background: #fba80d;
			}
			
				#association h3
				{
					background: url('../images/www/association.png') no-repeat;
				}
			
			#schedule
			{
				background: #08a7f9;
			}
			
				#schedule h3
				{
					background: url('../images/www/schedule.png') no-repeat;
				}
			
			#contact
			{
				background: #3ca31d;
			}
			
				#contact h3
				{
					background: url('../images/www/contact.png') no-repeat;
				}
			
		/* content */
		#content
		{
			float: left;
			
			width: 960px;
			
			margin: 30px 0px;
			
			background: url('../images/www/line.html') repeat-y;
		}
		
			#colLeft
			{
				float: left;
				
				width: 620px;
				
				padding-right: 20px;
			}
			
				.clBox
				{
					float: left;
					
					width: 620px;
				}
				
				.clBox h3
				{
					float: left;
					
					width: 620px;
					
					color: #fba80d;
					font-size: 20px;
					
					margin-bottom: 15px;
				}
				
				.clBox p
				{
					float: left;
					
					width: 620px;
					
					text-align: justify;
				}
				
				.clBox li
				{
					float: left;
					
					margin-right: 15px;
					padding-left: 24px;
					
					background: url('../images/www/arrow.png') 0px 2px no-repeat;
				}
				
				#packages
				{
					float: left;
					
					margin-top: 30px;
				}
				
					.packagesBox
					{
						float: left;
						
						width: 124px;
					}
					
						.packagesBox h4
						{
							float: left;
							
							width: 124px;
							padding: 10px 0px;
							
							text-align: center;
							text-transform: uppercase;
							color: #ffffff;
							
							background: #007dbe;
						}
						
						.pb2 h4
						{
							background: #fba90d;
						}
						
						.packagesBox p
						{
							float: left;
							
							width: 100px;
							
							padding: 20px 12px;
							
							text-align: center;
							
							color: #007dbe;
						}
						
							.orange
							{
								color: #fba90d;
								/* font-size: 16px; */
							}
			
			#colRight
			{
				float: left;
				
				width: 300px;
				
				padding-left: 20px;
			}
			
				.crBox
					{
						float: left;
						
						width: 300px;
					}
					
					.crBox h3
					{
						float: left;
						
						width: 300px;
						
						color: #fba80d;
						font-size: 20px;
						
						margin-bottom: 15px;
					}
					
					.packages2Box
					{
						float: left;
						
						width: 220px;
						
						padding-left: 80px;
						margin-bottom: 10px;
					}
					
					.internet
					{
						background: url('../images/www/internet.png') no-repeat;
					}
					
					.telephone
					{
						background: url('../images/www/telephone.png') no-repeat;
					}
					
					.tv
					{
						background: url('../images/www/tv.png') no-repeat;
					}
					
						.packages2Box h4
						{
							float: left;
							
							width: 220px;
							
							margin-bottom: 15px;
							
							color: #0b3357;
							
							font-size: 18px;
						}
	
	/* footer */
	#footerBox
	{
		float: left;
		
		width: 100%;
		
		background: #1d1d1d;
	}
	
		#footer
		{
			margin: 20px auto;
			
			width: 960px;
		}
		
			.fBox
			{
				float: left;
				width: 240px;
			}
			
				.fBox h5
				{
					float: left;
					width: 240px;
					
					color: #ffffff;
					font-size: 12px;
					
					margin-bottom: 20px;
				}
				
				.fBox p
				{
					float: left;
					
					width: 200px;
				}
				
				.orange2
				{
					color: #faa40f;
				}
				
				.right
				{
					text-align: right;
				}
			
			#author
			{
				float: left;
				
				width: 960px;
				
				padding: 10px 0px;
				margin: 10px 0px;
				
				text-align: center;
				
				border-top: 1px solid #343434;
			}