/*
****************************************************************
	File name:	project.css
	Author:		Waiyee Lai - lai.waiyee.e@gmail.com
	History:
		Date		By			Reason
	2012Nov30		Waiyee Lai	Added id titletext, more to the right for the longer logo
	2012Nov29		Waiyee Lai	use this for ybitect folder
	2012Mar20		Waiyee Lai	bg_PinePoint for YBI Computer page
	2012Feb28		Waiyee Lai	added bg_PeacefulBay.jpg background for div peaceful
	2012 Jan 24		Waiyee Lai	Added div river for bg_river.png background, div b7
	Aug 20, 2011	Waiyee Lai	Created
***************************************************************** 
*/

h1 {	text-align: center;	color:		#3333ff;
}

#mainbox {
	/* houses the header, content, footer div */
	position:relative;
	width:770px;
	padding: 0px;
	/* The order of these height is important to make it work*/
	height: auto !important;		 /* the footer div will stay at the bottom */
	height: 100%;
	min-height: 100%;				 /* set the min height of the main box */
	margin: 0px auto;
	border: 1px solid #000000;
	background-color: #66FFCC;
}

/* page div */
#wrapper {
	width: 1024px;
	border: 0;
	position: absolute;
	top: 0px;
	left:50%;
	margin-left: -512px;   /* to center the div on the screen */
	height: auto;
}

#titletext {
	position:absolute; 
	top:15px; 
	left:350px; 
	padding:5px 0px 0px 5px;
}

#titletext2 {
	position:absolute; 
	top:85px; 
	left:50px; 
	padding:5px 0px 0px 5px;
}

#b1 {	
	position:absolute;top:460px;left:20px;
}
#b1a {	
	position:absolute;top:210px;left:110px;
	width: 180px;
	height: 180px;
}
#b2 {	
	position:absolute;top:280px;left:80px;
}
#b2a {	
	position:absolute;top:130px;left:260px;
	width: 180px;
	height: 180px;
}
#b2b {	
	position:absolute;top:90px;left:260px;
	width: 180px;
	height: 180px;
}
#b3 {	
	position:absolute;top:140px;left:220px;
}
#b3a {	
	position:absolute;top:90px;left:430px;
	width: 180px;
	height: 180px;
}
#b3b {	
	position:absolute;top:30px;left:430px;
	width: 180px;
	height: 180px;
}
#b4 {
	position:absolute;top:80px;left:400px;
}


#b5 {
	position:absolute;top:80px;left:600px;
}
#b5a {
	position:absolute;top:60px;left:610px;
	width: 180px;
	height: 180px;
}
#b5b {	
	position:absolute;top:20px;left:610px;
	width: 180px;
	height: 180px;
}
#b6 {
	position:absolute;top:110px;left:800px;
}
#b6b {
	position:absolute;top:30px;left:800px;
	width: 180px;
	height: 180px;
}
#b7 {
	position:absolute;top:70px;left:800px;
	width: 180px;
	height: 180px;
}



/* pop up divs for services page mouseover/onclick info display */
#popup {
	position:absolute;top:300px;left:260px;
	width:680px;
	height: 450px;
	background-image: url(media2/blank.jpg);
	background-repeat:no-repeat; 
	background-position: right top;
	visibility: visible;
}

/* pop up divs for contacts page mouseover/onclick info display */
#popup1 {
	position:absolute;top:250px;left:260px;
	width:680px;
	height: 450px;
	background-image: url(media2/blank.jpg);
	background-repeat:no-repeat; 
	background-position: right top;
	visibility: visible;
}

/* pop up divs for Specials page mouseover/onclick info display */
#popup2 {
	position:absolute;top:210px;left:240px;
	width:710px;
	height: 470px;
	background-image: url(media2/blank.jpg);
	background-repeat:no-repeat; 
	background-position: right top;
	visibility: visible;
}

/* background div */
#serenity {
	position:absolute; top:60px; left:10px; width:1024px;; height:768px;
	background-image:url(/background/Serenity_Tree.jpg);
	background-repeat:no-repeat; 
	background-position:center;
	}
#oak {
	position:absolute; top:60px; left:10px; width:1024px;; height:768px;
	background-image:url(http://lawaii.net/ybitech/background/bg_OakTree.jpg);
	background-repeat:no-repeat; 
	background-position:center;
}	
#rainbow {
	position:absolute; top:60px; left:10px; width:1024px;; height:768px;
	background-image:url(/background/bg_rainbowtree.jpg);
	background-repeat:no-repeat; 
	background-position:center;
}		
#river {
	position:absolute; top:10px; left:10px; width:1024px;; height:768px;
	background-image:url(/background/bg_river.jpg);
	background-repeat:no-repeat; 
	background-position:center;
}		

#utah {
	position:absolute; top:10px; left:10px; width:1024px;; height:768px;
	background-image:url(/background/bg_utah.jpg);
	background-repeat:no-repeat; 
	background-position:center;
}

#sevensisters {
	position:absolute; top:10px; left:10px; width:1024px;; height:768px;
	background-image:url(/background/bg_sevensisters.jpg);
	background-repeat:no-repeat; 
	background-position:center;
}

#peaceful {
	position:absolute; top:10px; left:10px; width:1024px;; height:768px;
	background-image:url(/background/bg_PeacefulBay.jpg);
	background-repeat:no-repeat; 
	background-position:center;
}

#pinepoint {
	position:absolute; top:10px; left:10px; width:1024px;; height:768px;
	background-image:url(/background/bg_PinePoint.jpg);
	background-repeat:no-repeat; 
	background-position:center;
}
	
.balls img {
 position:absolute;
 width:150px;
 height:150px;
}

#infoemail {
	width:98%;;text-align:right;font-size:28px;height:60px;
}   /* info email div */
/* header info email link anchor */
a.greenlink {
	font-family:Arial;font-weight:bold;color:#254117;text-decoration:none;
}
.darkgreentext {
	font-family:Arial;font-weight:bold;color:#254117;
}