/* CSS Document */
* { padding: 0; margin: 0; }
body {
	background-color:#3ea6ee;
	
	font-family: Arial, Verdana, Tahoma,  sans-serif,  Arial, Helvetica;
	FONT-SIZE: 79.7%; 
	color:#4d4d4d;
	
	
	/*background: #666 url(images/yell_con.jpg) center 0 repeat-y; */
	
	
	}
	
	.shadow{
	filter:shadow(color:gray)
	}

	#pagewidth {
	BACKGROUND: url(images/bg-pagewidth.gif); MARGIN: 0px auto; padding-left:3px;  WIDTH: 958px; POSITION: relative
}
	
	#topHeader{
		height: 207px;
		background: url(images/Parkvend_vendingmachine_logo.gif)  left   no-repeat;				
		margin: 0 auto;
		padding: 0px;
		width:958px;
	}
	
	#topHeader2{
		height: 110px;
		margin: 0 auto;
		padding-top:20px;
		background: url(images/barra_building_logo.gif)  left   no-repeat;	
		
		width:958px;
	}
	
	
	#banner{
		height: 312px;
		background: url(images/flash.gif)  left   no-repeat;					
		margin: 0 auto;
		padding: 0px;
		width:958px;
	}
	
#topHeader DIV.tabLeft
{
	margin:0;
	width:550px;
	font-weight:bold;
	padding-top:170px;
	top:40;
	float:left;
	
}
#topHeader DIV.tabLeft ul 
{
	margin:0;
	padding-top:40px;
	list-style:none;
	float:left;
}
#topHeader DIV.tabLeft li 
{
float:left;
	margin:0;
	padding:0;
	clear:both;
}
#topHeader DIV.tabLeft a 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	border:1px #FF0000 solid;
	margin:0;	
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
    color:#FFF;
    height:30px;
	text-align:center;
	border:0;
	display:block;
	float:left;
	filter:shadow(color:gray, strength:10, direction:135);
}


#topHeader DIV.tabLeft a:hover
{
	
    color:#545454;
    
}
#topHeader DIV.tabLeft a span 
{
filter:shadow(color:gray);
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	text-transform:capitalize;
	background:#FFF;
	color:#ef4a4d;
	border:1px #FF0000 solid;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	line-height:33px;
	text-align:center;
	}
	
	
	#topHeader DIV.tabLeft a:hover span 
	{
	background:#ff2b05;
	color:#FFF;
	}


	
#topHeader DIV.tabLeft a span.item_active
{
	background:#ff2b05;
	color:#FFF;
	
}
#topHeader DIV.tabLeft a:hover span ,#tabLeft a.item_active span 
{
	background-position:left bottom;
	text-decoration:none;
}
	
	
	#topHeader p {
	text-align:right;
	MARGIN: 0px;
	padding-top:25px;
	padding-right:20px;
	
	
	TOP: 25px;
	
	
}
	
		#bottomimage{
		height: 266px;
		background: url(images/cronullamaintenance_image.jpg)  center   no-repeat;
		font-size: 1.2em;		
		margin: 0 auto;
		padding: 0px;
		width:958px;
	}
	
	

#outer {
	width:958px;
	margin:0px auto;
	
	background:#FFF  url(images/yell_con.jpg) repeat-y scroll left top;
	}
#wrapper { 
 margin: 0 auto;
 width: 958px;
 background: #FFF;
}

#container { 
 background:#FFF url(images/park_vend_background.jpg) no-repeat left top;
 float:left;
 width:958px;
 padding-bottom:20px;
 }	
 
 #container1 { 
 

 width:958px;
 }
 #container1 h1{ background: #FFF  url(images/barrabuilding_titlebar.gif) no-repeat  left top; height:25px; padding-top:2px;	}
 
#gallery {
	
	line-height:10px;
	margin:0 auto;
	
	clear:both;
	}	
	#gallery img{
	
	line-height:10px;
	margin:0 auto;
	border-width: thin;
	border: groove;
	border-color:#FF9958;
	
	clear:both;
	}	
		
		
	
.paddleft{
padding-left:35px;
}	
	
.paddright{
padding-right:25px;
float:left;
}	

.paddr{
padding-left:25px;
float:right;
}		
		
#right {
	float:right;
	width:620px;
	padding-left:0px;
	padding-right:20px;
	margin:0;
	}


#rightpic {
	float:right;
	width:620px;
	height:275px;
	background: transparent  url(images/VendingMachine_03.png) no-repeat top  right;	
	}

#right2 {
	float:left;
	width:958px;
	padding-left:0px;
	background: #FFF  url(images/right_bg_05.jpg) repeat-y center center;	
	margin:0;
	}


	
	#right DIV.content {
	
	
	width:311px
	
	}
	
	#right a{
	color:#CC0000;
	text-decoration:none;	
	}

	#right a:hover{
	color:#CC0000;	
	text-decoration:underline;
	}
	.imgbdr{
	border:1px #545454 solid;
	padding:2px; 
	}
	
	
	
#right h5{
	FONT-SIZE: 30px;
	color:#00a79b;
	height:25px;
	font-family:Trebuchet MS;
	
	
	}
	
	#right h2{
	FONT-SIZE: 130.5%;
	color:#000;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;s
	}
	
	
	#right p{
	text-align:justify;
	
	}
	
	#left h1{
	color:#000;
	font-size:13px;
	}
	
#left {
	float:left;
	width:315px;
	height:100%;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:10px;
	
	
	}
	
	#left a{
	color:#995800;
	text-decoration:none;
	}
	
	#left a:hover{
	text-decoration:underline;
	}
	
	#left DIV.content {
	
	padding-left:16px;
	padding-right:2px;
	height:100%;
	text-align:left;
	border:1px #1a4863 solid;
	}
	
	#left DIV.services {
	
	padding-left:36px;
	padding-right:20px;
	height:100%;
	text-align:left;
	
	
	}
	
	#left DIV.services DIV.box {
	border:1px solid #565656;
	background:#b0defa;
	padding:14px;
	color:#545454;
	}
	
	
#left ul {
   padding : 0;
   margin : 0;
   list-style:none;
	}
	
#left ul li {
	padding-left:5px;
	}
#left ul li a:hover {
	background:  url(etc_images\menu_bg.jpg);
	color:#b54a17;
	padding-left:12px;
	}
#left ul li a{
	padding:10px;
	text-decoration:none;
	font-size:11px;
	color:#666;
	display:block;
	background-color : none;
	 height:25px;
   border-bottom:1px dotted #ddd;
   width:134px;
	}
#left ul li ul a{
	width:90%;
	padding:6px;
	color:#FF9958;
	
	}
#left ul li ul li a:hover{
		background:  url(etc_images\submenu_bg.jpg);
	color:white;
	
	}

.hrline{
border-bottom:1px dotted #ddd;
width:600px;
padding-top:10px;
padding-bottom:10px;
}


.hrline2{
border-bottom:1px dotted #ddd;
width:958px;
padding-top:10px;
padding-bottom:10px;
}

	
#left p {
	color:#999;
	padding:5px 10px 5px 41px;
	}


h1 {
	color:#ffffff;
	font-size:16px;
		margin:0;
	padding:0;
	
	}

	h3 {
	padding:0;
	margin:0;
	font-size:11px;
	color:#3399CC;
	font-weight:normal;
	}
	
#main a{
	color:#fff;
	text-decoration:none;
	}
#main a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
	}


	
#main {
	width:100%;
	background-color:#FFFFFF;
	background:  url(etc_images\main_bg.jpg) no-repeat center bottom;
	text-align:left;
	}
	

#content {
	width:100%;
	padding:10px;
	padding-left:30px;
	color:#FFFFFF;
	text-align:left;
	}

#title {
	width:958px;	
	margin:0  auto;
	background-position:bottom;
	background:  url(images/title_bg.gif) repeat-y center center;
	clear:both;
font-weight:bold;
FONT-SIZE: 16px;
	color:#1b2854;
	height:30px;
	}
			
	#title p{
	

	text-align:left;
	padding-left:40px;
	padding-top:6px;
	}	





#copy {
	width:958px;	
	margin:0  auto;
	background-position:bottom;
	background: #1a4863;
	clear:both;
font-weight:bold;
FONT-SIZE: 74.7%; 
	color:#FFF;
	height:30px;
	}
			
	#copy p{
	

	text-align:left;
	padding-left:40px;
	padding-top:6px;
	}	

#footer {
	width:938px;	
	margin:0  auto;
	border-top:#2ea699 10px solid;
	FONT-SIZE: 11px;
	background-position:bottom;
	background: #444ca2;
	clear:both;
	padding:10px;
	color:#FFF;
	}
			
	#footer p{
	

	text-align:right;
	padding-right:20px;
	}	
	
	#footer a{
	color:#FFF;
	text-decoration:none;
	}	
	
	#footer a:hover{
	color:#ff2b05;
	
	}