/* Stylesheet for bolagranola.com
developed by Joe Baker 2008 joeATbakerworks.com */


body  {
	color: #000000;
	font: normal normal 14px/18px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	background-color: #A09A15; 
	width: 100%
	height: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	}

.sto {
	background-color: #B87037; 
}
/*******  HOME PAGE  ***************/

#fullbg_h {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #A09A15; 
	border: 0px solid blue;
	width: 800px;
	height: 600px;
}

#hm1 {
	position: absolute;
	top: 40px;
	left: 260px;
	background: #A09A15 url(images/h_img1.jpg) no-repeat; 
	border: 0px solid blue;
	width: 500px;
	height: 373px;
	color: #000000;
	font: normal normal 16px/18px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	padding-left: 120px;
	padding-top: 40px;
	text-align: left;
}

#hm2 {
	position: absolute;
	top: 170px;
	left: 14px;
	border: 0px dotted blue;
	width: 200px;
	height: 364px;
}

#hm3 {
	position: absolute;
	top: 70px;
	left: 44px;
	border: 0px dotted blue;
	width: 310px;
	height: 62px;
	visibility: hidden;
}

#hm4 {
	position: absolute;
	top: 430px;
	left: 260px;
	border: 0px solid red;
	width: 400px;
	height: 173px;
	color: #FFFFFF;
	font: normal normal 24px/28px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	text-align: left;
}


#hm5 {
	position: absolute;
	top: 430px;
	left: 320px;
	border: 0px solid red;
	width: 400px;
	height: 173px;
	color: #FFFFFF;
	font: normal normal 24px/28px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	text-align: right;
}

#hm6 {
	position: absolute;
	top: 350px;
	left: 380px;
	border: 0px solid red;
	width: 400px;
	height: 173px;
	color: #FFFFFF;
	font: normal normal 16px/18px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	text-align: left;
}



/*******  STORES PAGE  ***************/

#fullbg_o {
	position: relative;
	top: 0px;
	left: 0px;
	background: #e58e0d url(images/BOLAO.jpg) top right no-repeat; 
	border: 0px solid blue;
	width: 800px;
	height: 2000px;
}
#ord1 {
	position: absolute;
	top: 58px;
	left: 40px;
	border: 0px solid blue;
	width: 560px;
	height: 373px;
}
#ord2 {
	position: absolute;
	top: 316px;
	left: 704px;
	border: 0px solid blue;
	width: 120px;
	height: 52px;
	visibility: hidden;
}
#ord3 {
	position: absolute;
	top: 440px;
	left: 40px;
	border: 0px solid blue;
	width: 590px;
	height: 139px;
	color: #ffffff;
	font: normal normal 18px/20px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	text-align: left;
}
a {
	color: #441111;
	text-decoration: none;
}
a {
	color: #5555cc;
	text-decoration: none;
}
a:hover, a:hover {
	color: #bb0000;
	text-decoration: underline;
}

a.uhere, a.uhere {
	color: #5555cc;
	text-decoration: underline;
}	
a.uhere:hover, a.uhere:hover {
	color: #5555cc;


}
#ordinfo {
	color: #000000;
}


	

/*******  ORDER PAGE  ***************/

#fullbg_o {
	position: relative;
	top: 0px;
	left: 0px;
	background: #e58e0d url(images/BOLAO.jpg) top right no-repeat; 
	border: 0px solid blue;
	width: 800px;
	height: 2500px;
}
#ord1 {
	position: absolute;
	top: 58px;
	left: 40px;
	border: 0px solid blue;
	width: 560px;
	height: 373px;
}
#ord2 {
	position: absolute;
	top: 370px;
	left: 280px;
	border: 0px solid blue;
	width: 120px;
	height: 52px;
	visibility: hidden;
}
#ord3 {
	position: absolute;
	top: 500px;
	left: 40px;
	border: 0px solid blue;
	width: 490px;
	height: 139px;
	color: #ffffff;
	font: normal normal 15px/20px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	text-align: left;
}

#ordinfo {
	color: #ffffff;
	font: normal normal 15px/20px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
}


/*******  INFO PAGE  ***************/

#fullbg_i {
	position: relative;
	top: 0px;
	left: 0px;
	background: #E9731b url(images/i_img1.jpg) no-repeat; 
	border: 0px solid blue;
	width: 800px;
	height: 650px;
}
#inf1 {
	position: absolute;
	top: 48px;
	left: 540px;
	border: 0px solid blue;
	width: 220px;
	height: 440px;
	overflow: auto;
}

#inf2 {
	position: absolute;
	bottom: 20px;
	left: 40px;
	border: 0px solid blue;
	width: 500px;
	height: 33px;
	color: #ffffff;
	font: normal normal 18px/20px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
}
#inf2 a {
	color: #ffbb55;
	text-decoration: none;
}
#inf2 a:hover {
	color: #bb0000;
	text-decoration: underline;
}

#inf3 {
	position: absolute;
	top: 60px;
	left: 90px;
	border: 0px solid blue;
	width: 429px;
	height: 55px;
}


#inf4 {
	position: absolute;
	top: 380px;
	left: 360px;
	border: 0px solid blue;
	width: 132px;
	height: 39px;
	visibility: hidden;
}


/*******  NAV BLOCK  ***************/


#nav1, #nav2 {
	position: absolute;
	top: 510px;
	left: 520px;
	border: 0px solid yellow;
	width: 200px;
	height: 100px;
	color: #000000;
	font: normal normal 18px/20px "Trebuchet MS",verdana,arial,helvetica,sans-serif;
	text-align: right;
}

#nav1 a {
	color: #441111;
	text-decoration: none;
}
#nav2 a {
	color: #ffbb55;
	text-decoration: none;
}
#nav1 a:hover, #nav2 a:hover {
	color: #bb0000;
	text-decoration: underline;
}

#nav1 a.uhere, #nav2 a.uhere {
	color: #5555cc;
	text-decoration: underline;
}	
#nav1 a.uhere:hover, #nav2 a.uhere:hover {
	color: #5555cc;
}	



/************ store **************/


.itembox
{
	position: absolute;
	top: 660px;
	left: 40px;
	
}

.itemboxbuttons
{
position: absolute;
	top: 750px;
	left: 610px;
	text-align: left;

}