@charset "utf-8";
/* CSS Document */


/*********all pages**********/

#main{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:707px;
	height:576px;
	margin-top: -288px; /*set to a negative number 1/2 of your height*/
	margin-left: -390px; /*set to a negative number 1/2 of your width*/
 }
 
 
 
 #backgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 #navBar{
 	position:absolute;
	top:0px;
	left:620px;
	background-color:#FFFFFF;
	}
	
#mainBoHoLogo{
	position:absolute;
	top:0px;
	left:0px;
	}
 
#content{
	position:absolute;
	top:136px;
	left:0px;
	width:537px;
	height:388px;
	background-color:#FFFFFF;
	padding:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:auto;
	
	
	} 
 
#contentFooter{
	position:absolute;
	top:580px;
	left:0px;
	}
 
/********** Index Page **************/
#shopFront{
	position:absolute;
	left:142px;
	top:14px;
	z-index: 0;
}

#balloon{
	position:absolute;
	left:215px;
	top:136px;	
	z-index: 1;
}

#redBicycle{
	position:absolute;	
	left:476px;
	top:339px;
	z-index: 2;
}

#phone{
	position:absolute;
	left:635px;
	top:197px;
	z-index: 1;
}

#newsStand{
	position:absolute;
	left:138px;
	top:244px;
	z-index: 1;
}

#openSign{
	position:absolute;
	left:341px;
	top:225px;
	z-index: 1;
}

#cmj{
	position:absolute;
	left:530px;
	top:306px;
	z-index: 1;
}

#cenyc{
	position:absolute;
	left:442px;
	top:296px;
	z-index: 1;
}

#exclusive{
	position:absolute;
	left:436px;
	top:159px;
	z-index: 1;
}

#BoHoLogo{
	position:absolute;
	left:271px;
	top:66px;
	z-index: 1;
}

#welcomeMessage{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	position:absolute;
	left:18px;
	top:443px;
	width:279px;
	z-index: 2;
}

#footer{
	position:absolute;
	z-index: 1;
	top:580px;
	left: 34px;
}	


#textBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	position:absolute;
	left:366px;
	top:461px;
	height:70px;
	width:377px;
	background-color:#FFFFFF;
	z-index: 1;
	padding:12px;
	}


/********** Blog Page **************/

#blogBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
/********** Cenyc Page **************/
 
 
 #cenycBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 /********** cmj Page **************/
 
 
 #cmjBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 /********** contact Page **************/
 
 
 #contactBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 /********** Directions Page **************/
 
 
 #directionsBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 /********** events Page **************/
 
 
 #eventsBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 /********** openhours Page **************/
 
 
 #openhoursBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 /********** products Page **************/
 
 
 #productsBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
 
 
 /********** What is boho Page **************/
 
 
 #whatIsBohoBackgrd{
			
	position:absolute;
	top: 50%;
	left: 50%;
	width:3000px;
	height:3000px;
	margin-top: -1500px; /*set to a negative number 1/2 of your height*/
	margin-left: -1500px; /*set to a negative number 1/2 of your width*/
	
 }
