/* page - complete page  */
#page {
	width: 1000px;
	margin: 0px auto;
}

/* header - block */
#header {
    float:left;
//	position:relative;
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
	line-height: 110px;

}

/* menu - block */
#menu {
    float:left;
//	position:relative;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
    line-height: 30px;
}

/* footer - block */
#footer {
    float:left;
//	position:relative;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

/* main section. this is the block where the actual content comes*/
#main {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
}

/* block a1 */
#a1 {
    float:left;
	position:relative;  
	width:  250px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow:hidden;   //auto for scroll bar
	display: inline;
}

/* block a2 */
#a2 {
    float:left;
	position:relative;    
	width:  250px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	display: inline;
}	

/* block a3 */
#a3 {
    float:left;
//	position:relative;
	width:  250px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow:hidden;
    display: inline;    
}

/* block a4 */
#a4 {
    float:left;
//	position:relative;
	width:  250px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow:hidden;
   display: inline;
}

/* block b1 */
#b1 {
    float:left;
//	position:relative;
	width:  250px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	display: inline;
}

/* block b2 */
#b2 {
    float:left;
//	position:relative;
	width:  250px;
	height: 200px;
    margin: 0;
	padding: 0;
	overflow:hidden;
	display: inline;
	
}

/* block b3 */
#b3 {
    float:left;
//	position:relative;
	width:  250px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	display: inline;
}

/* block b4 */
#b4 {
    float:left;
//	position:relative;
	width:  250px;
	height: 200px;
 	margin: 0;
	padding: 0;
	overflow:hidden;   
	display: inline;
}