/* CSS Document */

#container {

height: 550px;
width:161px;

}


/*-----------------------*/
/*---SERVICES BUTTONS----*/

#SideRollo {
	width: 161px;
	float: left;
	margin-left: 25px;
	margin-top: 5px;
	display:inline;
}

#SideRollo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#SideRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}





/*-----------------------*/
/*---TALK BUTTONS----*/
#talkRollo {
	background:url(../img/Rollo/talk.gif);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#talkRollo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#talkRollo li {

}

#talkRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#talkRollo a:link {

	width: 161px;
	height: 80px;
}


#talkRollo a:visited {

	width: 161px;
	height: 80px;
}

#talkRollo  a:hover {
	background-image: url(../img/Rollo/contactBtn.gif);
	background-repeat: no-repeat;
}


#talkRollo a:active {
	background-image: url(../img/Rollo/contactBtn.gif);
	background-repeat: no-repeat;
}



/*-----------------------*/
/*---TALK BUTTONS----*/
#ServicesRollo {
	background: url(../img/Rollo/services.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#ServicesRollo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ServicesRollo li {

}

#ServicesRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#ServicesRollo a:link {

	width: 161px;
	height: 80px;
}


#ServicesRollo a:visited {

	width: 161px;
	height: 80px;
}

#ServicesRollo  a:hover {
	background-image: url(../img/Rollo/servicesBtn.gif);
	background-repeat: no-repeat;
}


#ServicesRollo a:active {
	background-image: url(../img/Rollo/servicesBtn.gif);
	background-repeat: no-repeat;
}




/*-----------------------*/
/*---Portfolio BUTTONS----*/
#portfolioRollo {
	background: url(../img/Rollo/portfolio.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#portfolioRollo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#portfolioRollo li {

}

#portfolioRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#portfolioRollo a:link {

	width: 161px;
	height: 80px;
}


#portfolioRollo a:visited {

	width: 161px;
	height: 80px;
}

#portfolioRollo  a:hover {
	background-image: url(../img/Rollo/portfolioBtn.gif);
	background-repeat: no-repeat;
}


#portfolioRollo a:active {
	background-image: url(../img/Rollo/portfolioBtn.gif);
	background-repeat: no-repeat;
}

/*-----------------------*/
/*---ABOUT BUTTONS----*/
#aboutRollo {
	background: url(../img/Rollo/about.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#aboutRollo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#aboutRollo li {

}

#aboutRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#aboutRollo a:link {

	width: 161px;
	height: 80px;
}


#aboutRollo a:visited {

	width: 161px;
	height: 80px;
}

#aboutRollo  a:hover {
	background-image: url(../img/Rollo/aboutBtn.gif);
	background-repeat: no-repeat;
}


#aboutRollo a:active {
	background-image: url(../img/Rollo/aboutBtn.gif);
	background-repeat: no-repeat;
}







#aboutRolloContact {
	background: url(../img/Rollo/aboutContact.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#aboutRolloContact ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#aboutRolloContact li {

}

#aboutRolloContact ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#aboutRolloContact a:link {

	width: 161px;
	height: 80px;
}


#aboutRolloContact a:visited {

	width: 161px;
	height: 80px;
}

#aboutRolloContact  a:hover {
	background-image: url(../img/Rollo/aboutBtnContact.gif);
	background-repeat: no-repeat;
}


#aboutRolloContact a:active {
	background-image: url(../img/Rollo/aboutBtnContact.gif);
	background-repeat: no-repeat;
}


/*Shopping ROLLO*/


#towncentreRollo {
	background: url(../img/Rollo/shoppingTown.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#towncentreRollo {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#towncentreRollo li {

}

#towncentreRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#towncentreRollo a:link {

	width: 161px;
	height: 80px;
}


#towncentreRollo a:visited {

	width: 161px;
	height: 80px;
}

#towncentreRollo  a:hover {
	background-image: url(../img/Rollo/shoppingcentrehover.jpg);
	background-repeat: no-repeat;
}


#towncentreRollo a:active {
	background-image: url(../img/Rollo/shoppingcentrehover.jpg);
	background-repeat: no-repeat;
}




/*Market ROLLO*/


#marketRollo {
	background: url(../img/Rollo/marketTown.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#marketRollo {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#marketRollo li {

}

#marketRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#marketRollo a:link {

	width: 161px;
	height: 80px;
}


#marketRollo a:visited {

	width: 161px;
	height: 80px;
}

#marketRollo  a:hover {
	background-image: url(../img/Rollo/markethover.jpg);
	background-repeat: no-repeat;
}


#marketRollo a:active {
	background-image: url(../img/Rollo/markethover.jpg);
	background-repeat: no-repeat;
}



/*commjunity ROLLO*/


#communityRollo {
	background: url(../img/Rollo/communityTown.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#communityRollo {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#communityRollo li {

}

#communityRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#communityRollo a:link {

	width: 161px;
	height: 80px;
}


#communityRollo a:visited {

	width: 161px;
	height: 80px;
}

#communityRollo  a:hover {
	background-image: url(../img/Rollo/communityhover.jpg);
	background-repeat: no-repeat;
}


#communityRollo a:active {
	background-image: url(../img/Rollo/communityhover.jpg);
	background-repeat: no-repeat;
}



/*standalone ROLLO*/


#standaloneRollo {
	background: url(../img/Rollo/standaloneTown.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#standaloneRollo {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#standaloneRollo li {

}

#standaloneRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#standaloneRollo a:link {

	width: 161px;
	height: 80px;
}


#standaloneRollo a:visited {

	width: 161px;
	height: 80px;
}

#standaloneRollo  a:hover {
	background-image: url(../img/Rollo/standalonehover.jpg);
	background-repeat: no-repeat;
}


#standaloneRollo a:active {
	background-image: url(../img/Rollo/standalonehover.jpg);
	background-repeat: no-repeat;
}




/*Town ROLLO*/


#townRollo {
	background: url(../img/Rollo/towncentreTown.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#townRollo {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#townRollo li {

}

#townRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#townRollo a:link {

	width: 161px;
	height: 80px;
}


#townRollo a:visited {

	width: 161px;
	height: 80px;
}

#townRollo  a:hover {
	background-image: url(../img/Rollo/towncentrehover.jpg);
	background-repeat: no-repeat;
}


#townRollo a:active {
	background-image: url(../img/Rollo/towncentrehover.jpg);
	background-repeat: no-repeat;
}





/*SHOPPINGMARKET ROLLO*/


#shoppingMarketRollo {
	background: url(../img/Rollo/shoppingMarket.jpg);
	background-repeat: no-repeat;
	width: 161px;
	height: 80px;


}

#shoppingMarketRollo {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#shoppingMarketRollo li {

}

#shoppingMarketRollo ul a {
	display: block;
	height:80px;
	width: 161px;
	margin: 0;
	padding-bottom: 5px;
}



#shoppingMarketRollo a:link {

	width: 161px;
	height: 80px;
}


#shoppingMarketRollo a:visited {

	width: 161px;
	height: 80px;
}

#shoppingMarketRollo  a:hover {
	background-image: url(../img/Rollo/shoppingMarkethover.jpg);
	background-repeat: no-repeat;
}


#shoppingMarketRollo a:active {
	background-image: url(../img/Rollo/shoppingMarkethover.jpg);
	background-repeat: no-repeat;
}









/*BOX WITH PICTURE NAV*/
#BoxNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px;
	margin-top: 120px;
	padding: 0;


}

#BoxNav ul  {
	margin: 0;
	padding-left: 20px;
	padding-top: 25px;

}

#BoxNav li  {
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
	color: #FFFFFF;

}

#BoxNav a {
	
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;

}

#BoxNav a.active, #BoxNav a:hover 
{
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 5px;

}

#BoxNav h2 {

	position: absolute;
	left: -9000px;

}

#aboutNav {
	background-image: url(../img/MainSectionButton.jpg);
	background-repeat: no-repeat;
	width:162px;
	height: 274px;
	float:left;
	margin-left: 25px;
	margin-top: 15px;
	display:inline;
	
}