@font-face
{
 	font-family: 'FontCustomes';  
	src: url('font/steelfish_rg.eot');
    src: url('font/steelfish_rg.eot?#iefix') format('embedded-opentype'),
         url('font/steelfish_rg.woff') format('woff'),
         url('font/steelfish_rg.ttf') format('truetype'),
         url('font/steelfish_rg.svg#FontCustomes') format('svg');
		 font-weight: normal;
    font-style: normal;
} 
 
/*

	template: Artificial Intelligence
	author: luka cvrk (www.solucija.com)
	
*/

body { 
	margin: 0; 
	padding: 0; 
	/*background: #fff url(/images/bg.gif) repeat-x; background-image: url(/images/templatemo_body.jpg);*/
	
	background-color: #FFF;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font: normal .8em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #000; 
}
.tbprod {
	vertical-align:middle;
	text-align:center;
	 border:0.08em solid #CCC;  }
	 
.inputprd {
	width:30px;
	
	}
.one-edge-shadow {
	margin-top:20px;
	width:190px; 
			border:1px solid #F5E7D3;
			 background-color:#F00;
	}
.one-edge-shadow:hover {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
			
}
.homethub {
	 padding-top:4px;
	 padding-bottom:6px;
	 width:100%; 
	 font-size:16px; 
	 color:#FFF; 
	 font-family:Tahoma, Geneva, sans-serif; 
         font-weight:bold; 
	 text-decoration:none; 
	 text-transform:uppercase;
	}
.inputcnt {
	 font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
	 font-size:15px; 
	 padding:8px;
	 width:350px;
	}
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Trebuchet MS', Arial, Helvetica;
	font-size:16px;
	padding:9px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	width:130px;
	text-align:center;
	
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}        
/*body {
	margin: 0px;
	padding: 0px;
	color: #625e5e;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.5em; 
	background-color: #000;
	background-position: top center;
	background-repeat: no-repeat;
}
*/
/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; }
a:hover { color: #808080; background: inherit; }
h1  {font: 'FontCustomes', arial, sans-serif; font-weight:200; }
h2  { font: 'FontCustomes', arial, sans-serif; font-weight:200; }
h3 { font-weight:200; color:#C00;}
h4  { font: 1.2em "Helvetica", Helvetica, Sans-Serif; color: #333; text-decoration: none; font-weight: bold; margin: 0; padding: 0 14px;}
h5  {  font-size: 1.2em; color: #000; padding: 0px 0px 10px 60px; margin: 0;}
h6  {  font-size: 1.0em; color: #333; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
h7  { font: font-size: 1.2em; bold; color: #000; padding: 0px 0px 10px 20px; margin: 0;}
h8  {  font-size: 0.9em; color: #333; padding: 0px 0px 0px 0px; margin: 0px 0px 1px 0px;}
ol.c {list-style-type:numeric;}
 
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }
.image2 { float: left; border: 0px solid #e2e2e2; padding: 3px; margin: 0 7px 6px 0; }
.image3 { float: none; border: 0px solid #e2e2e2; padding: 3px; margin: 0 7px 6px 0; }
/* CONTENT WRAPPER */
#btnmain {
float:center;
	height:14px;
	width: 1100px; 	
	 
	margin: 5px  0px 0 0;  
 	padding: 0px 2px 0px 2px; 
}

#topmain {
height:34px;
	width: 1100px; 	
	 
	margin: 25px auto 0; 
	/*background-image: url(/images/topbg.png);*/
	background-position: top center;
	background-repeat:no-repeat
	padding: 0px 28px 0px 28px; 
}
#main { 
	border-top:1px solid #ccc; 
	background-color:#FFF;
	width: 1100px; 	 
	margin: 0px auto 0 auto; 
	/*background-image: url(/images/bg.png);*/
	background-position: top center;
	padding: 0px 28px 0px 28px; 
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 0px 0 0px 0px; 
}
	#logo h1 { color: #000; background: #fff; }

/* TOP RIGHT HORIZONTAL MENU */
	
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 250px;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 15px 20px;
  border-left: 1px solid #1682ba;
  border-right: 1px solid #1682ba;
  border-top: 1px solid #1682ba;
  cursor: pointer;
  z-index: 2;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #36aae7;
  background: -webkit-linear-gradient(#36aae7, #1fa0e4);
  background: -moz-linear-gradient(#36aae7, #1fa0e4);
  background: -o-linear-gradient(#36aae7, #1fa0e4);
  background: -ms-linear-gradient(#36aae7, #1fa0e4);
  background: linear-gradient(#36aae7, #1fa0e4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #1fa0e4;
  background: -webkit-linear-gradient(#1fa0e4, #1992d1);
  background: -moz-linear-gradient(#1fa0e4, #1992d1);
  background: -o-linear-gradient(#1fa0e4, #1992d1);
  background: -ms-linear-gradient(#1fa0e4, #1992d1);
  background: linear-gradient(#1fa0e4, #1992d1);
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #1682ba;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 17px;
  color: #eeeeee;
  background: #49505a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #424852;
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}
 /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	
	height:5px;
	clear: left;
	float: left;
	width: 312px;
	background: #8D9CAF url(/images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(/images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none;
		}
		#menu_left li li a { 
			display: block; 
			color: #C0CBDC; 
			background: #C0CBDC url(/images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 2px 0; 
			font-weight: bold; 
			text-decoration: none; 
			background-color: #69C;
		}	
		#menu_left li a:hover { background: #9EB1C9 url(/images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 310px 0 20px;
	background: #BCCEDA url(/images/intro.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 234px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
	display:inline;

}
	.box {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;	
	 	background: url(/images/package2.gif) repeat-x top center; 		
	}
	.boxhub {
		padding: 6px 5px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		background: url(/images/intro.jpg) repeat-x top center;	 		
	}
	.boxp {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;	
	 	background: url(/images/package2.gif) repeat-x top center; 		
	}
	.boxKS {
		padding: 0px 0px 0px 0px;
		border: 0px solid #ccc;
		margin: 0px 0px 0px 0px;
		height: 12px;
				
	}
	
	.box2 {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;	
	 	background: #fff url(/images/pln.jpg) no-repeat top right; 		
	}
	.box3 {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;	
	 	background: #fff url(/images/ppob.jpg) no-repeat top right; 		
	}
	.box4 {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;	
	 	background: #fff url(/images/farcry.jpg) no-repeat top right; 		
	}
	.box5 {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;	
	 	background: #fff url(/images/tvonline.jpg) no-repeat top right;		
	}
	.box6 {
		padding: 0px 0px;
		border: 0px solid #ccc;
		margin: 0 0 0px 0;	
	}
	.box7 {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;	
	 	background: #fff url(/images/simcard.jpg) no-repeat top right; 		
	}
	.box8 {
		padding: 0px 0px 0px 10px;
		border: 0px solid #ccc;
		margin: 0 0 0px 0;
		width: 565px; 	
	}
	.note {
		padding: 15px 15px 20px 40px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(/images/package2.gif) repeat-x top center;
		color: #585616;
	}

/* RIGHT SIDE */
 
#right2 {
	float: right;
	width: 643px;
}
#right2 li { 
		padding: 4px 18px 14px 28px; 
		color: #444; 
		display: block;
		background: #C2CEDE url(/images/arrow.gif) no-repeat center left; 
	}

#right {
	float: left;
	width: 843px;
}
	.link2 {
	COLOR: #325c80;
	TEXT-DECORATION: none;
	}
	.link3 {
	font: 1.2em "Helvetica", Helvetica, Sans-Serif; color: #333; 
	font-weight: bold;
	COLOR: #333366;
	TEXT-DECORATION: none;
	}
	.leftcol { 
		float: left; 
		padding: 12px 15px;
		width: 385px;	 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.leftcol2 { 
		float: left; 
		padding: 12px 15px;
		width: 605px; 	 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.leftcol3 { 
		float: left; 
		padding: 10px 10px;
		width: 265px;		
		border:#CCC 2px solid;
		margin: 0 0 10px 10px;	 
	 	display:block;
		background: #eee;
		text-align: center;
	}
	.leftcol4 { 
		float: left; 
		padding: 12px 15px;
		width: 405px;	 
		border:#ccc 0px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.leftdot { 
		float: center; 
		padding: 12px 15px;
		width: 565px; 
		text-align: justify;
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #666;
		border-top: 1px dotted #666;
		background: #A8C4EC;
	}
	.leftdot2 { 
		float: center; 
		padding: 12px 15px;
		width: 565px; 
		text-align: justify;
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #666;
		border-top: 1px dotted #666;
		
	}
	.leftdot2 li { 
		padding: 4px 18px 14px 28px; 
		color: #444; 
		background: url(/images/check.png) no-repeat top left; 
		display: block;
	}
	.leftdot4 li { 
		padding: 4px 1px 1px 8px; 
		color: #444;  
		display: left;
		margin: 0 0 10px 0;	
	}
	.leftdot2 { 
		float: center; 
		padding: 12px 15px;
		width: 565px; 
		text-align: justify;
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #006600;
		border-top: 1px dotted #006600;
		background: #E4FAC7;
	}
	.leftdot3 { 
		float: center; 
		padding: 12px 15px;
		width: 565px; 
		text-align: justify;
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #006600;
		border-top: 1px dotted #006600;
		background: #E4FAC7;
	}
	.leftdot4 { 
		float: center; 
		padding: 2px 15px;
		width: 355px; 
		text-align: justify;
		margin: 0 0 10px 0;
		border-bottom: 1px dotted #006600;
		border-top: 1px dotted #006600;
		background: #E4FAC7;
	}
	.leftdot5 { 
		float: center; 
		padding: 1px 15px;
		width: 565px; 
		text-align: justify;
		margin: 0 0 1px 0;
		border-bottom: 1px dotted #666;
		border-top: 1px dotted #666;
		background: #A8C4EC;
		font-color: #000;
	}
	.leftcol5 { 	    
		float: left; 
		padding: 1px 1px;
		width: 485px;		
		/*border:#ccc 1px solid;*/		 
		margin: 0 0 1px 0;	 
	 	display:block;
		}
	.centercol { 	    
		float: center; 
		padding: 10px 1px;
		width: 385px; 
		border:#ccc 2px solid;
		margin: 0 0 10px 0;
		height: 110px;
		}
	.rightcol { 	    
		float: right; 
		padding: 10px 15px;
		width: 185px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		background: #fff url(/images/row.gif) no-repeat center;		
		}
	.rightcol2 { 	    
		float: right; 
		padding: 10px 7px;
		width: 165px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
	.rightcol3 { 	    
		float: center; 
		padding: 7px 7px;
		width: 155px;		
		/*border:#ccc 1px solid;*/
		border-bottom: 2px solid #CFCFCF;
		margin: 0 0 1px 0;
		text-decoration: none;
		}
	.rightcol4 { 	    
		float: center; 
		padding: 7px 1px;
		width: 185px;		
		/*border:#ccc 1px solid;*/
		border-bottom: 2px solid #CFCFCF;
		margin: 0 0 1px 0;	 
		font-align:center;
		font-weight: bold;
		}
	.rightcol5 { 	    
		float: right; 
		padding: 1px 1px;
		width: 485px;		
		/*border:#ccc 1px solid;*/		 
		margin: 0 0 1px 0;	 
	 	display:block;
		}
	.rightcol6 { 	    
		float: right; 
		padding: 10px 10px;
		width: 265px;		
		border:#CCC 2px solid;
		margin: 0 0 10px 10px;	 
	 	display:block;
		background: #eee;
		}
	.special {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
	}
	
/* ================================================= 
================================================= MULAI SLIDE SHOW */

#example { 
 	width: 830px;
	padding: 5px 5px 0 0px;
	float: right;
	
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:right;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:right;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:651px;
	overflow:hidden;
	position:right;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:651px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:1005px;
}

/*
	Pagination
*/

.pagination {
	margin:6px 0px auto 0;
	width:100px;
}

.pagination li {
	float:right;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:right;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:40px;
	padding:0px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:580px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 1px; }

td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 1px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;}

table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 12px;
color: #404040;
width: 580px;
background-color: #fafafa; 
border: 2px #6699CC solid;
border-collapse: collapse;
border-spacing: 1px; } 

/* FOOTER */

#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; }