/* Import all CSS layout info */
@import "layout.css";

/* Define the background image */

body {
	background-image: url("bg_tower.jpg");
	background-attachment: fixed;
	background-color:black;
	}


#contentBox {
	background-image: url("blacktrans.png");
	padding:10px;
	font-family: "Calibri", sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	color: #dbdbdb;
	width:90%;
	margin-top:1.4em;
	padding-left:2em;
	padding-right:2em;
	float:left;
	}
	
	a { color:#ffd1bd; }
	a:hover { color:white; text-decoration:none; }
	
/* Rollovers */

/****************************************/
		#welcome
		{ display:block;
		  float:right;
		  width: 124px;
		  height: 40px;
		  background: url("ro_welcome.png") no-repeat 0 0;
		}

		#welcome:hover
		{ background-position: 0 -40px; }

		#welcome span
		{ display: none; }
/****************************************/
		#services
		{ display:block;
		  float:right;
		  width: 111px;
		  height: 40px;
		  background: url("ro_services.png") no-repeat 0 0;
		}

		#services:hover
		{ background-position: 0 -40px; }

		#services span
		{ display: none; }
/****************************************/
		#work
		{ display:block;
		  float:right;
		  width: 87px;
		  height: 40px;
		  background: url("ro_work.png") no-repeat 0 0;
		}

		#work:hover
		{ background-position: 0 -40px; }

		#work span
		{ display: none; }
/****************************************/
		#about
		{ display:block;
		  float:right;
		  width: 91px;
		  height: 40px;
		  background: url("ro_about.png") no-repeat 0 0;
		}

		#about:hover
		{ background-position: 0 -40px; }

		#about span
		{ display: none; }
/****************************************/
		#contact
		{ display:block;
		  float:right;
		  width: 109px;
		  height: 40px;
		  background: url("ro_contact.png") no-repeat 0 0;
		}

		#contact:hover
		{ background-position: 0 -40px; }

		#contact span
		{ display: none; }
/****************************************/