body {
		padding: 0;
		margin: 0;		
	}

		#logo {
		position: absolute;
		top: 45px;
		left: 0px;
		height: 400px;
		width: 100%;
		background: #d8d8d8 url(../images/bg/1.jpg) no-repeat center top;
		z-index: 0;
		border-top: 20px solid black;
		}

		#container {
		position: relative;
		margin: 0px auto;
		height: 600px;
		width: 670px;
		background: transparent;
		z-index: 20;
		padding-left: 20px;
		}

		#text {
		position: absolute;
		width: 250px;
		height: 370px;
		padding-left: 15px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 10px;
		font: 13px Arial;
		background: white;
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
		top: 65px;
		left: 0px;
		}

		#text a, #text a:link, #text a:visited {
		font: 13px Arial;
		color: #000;
		text-decoration: underline;
		}
		
		#text a:hover {
		color: #205b92;
		text-decoration: none;
		}
	
		#text h1 {
		font: 20px Arial;
		font-weight: bold;
		padding-top: 0;
		margin-top: 5px;
		
		}

		#phone {
		position: absolute;
		top: 0px;
		left: 300px;
		height: 500px;
		width: 310px;
		background: transparent url(../images/phone2.png) no-repeat;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 65px;
		padding-bottom: 35px;
		color: white;
		z-index: 20;
		}

		#main {
		position: absolute;
		left: 22px;
		top: 85px;
		padding-top: 5px;
		padding-bottom: 5px;
		height: 422px;
		width: 319px;
		overflow:hidden;
		}

		#main p {
		font: 13px Arial;
		color: black;
		padding-left: 20px;
		padding-right: 10px;
		padding-bottom: 5px;
		margin: 0;
		}	

		#main a, #main a:link, #main a:visited {
		font: 13px Arial;
		color: #000;
		text-decoration: none;
		}
		
		#main a:hover {
		color: #205b92;
		text-decoration: none;
		}

		hr {
		padding: 0;
		margin: 0;
		}
			
	
		#nav {
		position: absolute;
		left: 22px;
		top: 60px;
		padding-top: 6px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
		height: 18px;
		width: 309px;
		background: #a0a0a0;	
		border-bottom: #333 1px solid;
		font: 12px Arial;
		color: white;
		font-weight: bold;
		text-align: center;	
		z-index: 1;
		}
	
		#back {
		position: absolute;
		left: 28px;
		top: 64px;
		height: 14px;
		z-index: 2;
		font: 10px Arial;
		}

		#back a, #back a:link, #back a:visited {
		color: white;
		text-decoration: none;
		}
		
		#back a:hover {
		color: black;
		text-decoration: none;
		}

		#back ul {
		margin: 0;
		padding: 0;
		}

		#back li {
		margin: 0;
		list-style: none;
		background: #333 url(../images/back.gif) no-repeat;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 0px;
		padding-right: 5px;
		}

		#back li:hover {
		background: #cfcfcf url(../images/back2.gif) no-repeat;
		color: black;
		}
	
		

		#home {
		position: absolute;
		top: 526px;
		left: 0px;
		width: 370px;
		height: 50px;
		text-align: center;
		}
	
		#home img {
		border: 0;
		}


/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 370px;
	height: 417px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	width:319px;
	height:417px;
	color: black;
}




/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:319px;
	height:8px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}

#fixed {
		position: absolute;
		top: 450px;
		left: 0px;
		width: 100%;
		height: 30px;
		background: black;
		z-index: 15;
		text-align: left;
		}