/*
			SITENAME
			By: Chris Lopes
			http://www.gocactus.com
*/



/*
			BASIC PAGE SETUP & RESET
*/

*										{ margin: 0; padding: 0; }
html									{ overflow-y: scroll; }
body									{ font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(../images/bg-shadow.gif) center repeat-y #4d4d4d; }

ul										{ list-style: none inside; }
p										{ font: 1.3em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 1.3em; }
a										{ outline: none; text-decoration: none; color: #00549e; font-weight: bold; }
img, a img								{ border: none; }



/*
			TOOLBOX
*/

.floatleft								{ float: left; }
.floatright								{ float: right; }
.clear									{ clear: both; }





/*
			TYPOGRAPHY
*/

h1										{ font-size: 30px; font-weight: bold; color: #00549e; margin-bottom: 25px; }
h2										{ font-size: 20px; font-weight: bold; color: #00549e; margin-bottom: 10px; }
h3										{ font-size: 16px; font-weight: bold; color: #333; margin-bottom: 5px; }
p										{ font-size: 12px; font-weight: normal; color: #666666; }
ul.list									{ list-style: disc outside; margin-bottom: 10px; color: #666; padding: 0 50px 0 50px; }
ul.list	li								{ font-size: 12px; margin-bottom: 8px; }

ul.no-pad								{ padding: 0 0 0 25px; }






/*
			MAIN STRUCTURE
*/

#page-wrap								{ margin: 0 auto; width: 1000px; background: #f8f8f8; min-height: 500px; }

#header									{ width: 1000px; height: 160px; background: url(../images/parksmart.jpg) no-repeat; }

ul#language-fr li						{ margin-right: 50px; }
ul#language-fr li a						{ width: 100px; height: 40px; background:url(../images/language-tab.jpg) 0 0 no-repeat; text-indent: -9999px; float: right;  }
ul#language-fr li a:hover				{ background: url(../images/language-tab.jpg) 0 -40px; }





/*
			NAVIGATION
*/

#topNav									{z-index: 1000;}

#main-nav, #sub-nav						{ z-index: 100; }
#main-nav span							{ display: inline;}
#main-nav li							{ display: inline; list-style: none; float: left; }

#main-nav li#spacer						{ background: url(../images/menu.gif) no-repeat; width: 40px; height: 41px; display: block; }

ul#main-nav li a						{ display: block; height: 41px; float: left; text-indent: -9999px; }
ul#main-nav li#about a					{ background: url(../images/menu.gif) -40px 0 no-repeat; width: 137px; }
ul#main-nav li#services a				{ background: url(../images/menu.gif) -177px 0 no-repeat; width: 80px; }
ul#main-nav li#markets a				{ background: url(../images/menu.gif) -257px 0 no-repeat; width: 130px; }
ul#main-nav li#solutions a				{ background: url(../images/menu.gif) -387px 0 no-repeat; width: 141px; }
ul#main-nav li#ticket a					{ background: url(../images/menu.gif) -528px 0 no-repeat; width: 143px; }
ul#main-nav li#packages a				{ background: url(../images/menu.gif) -671px 0 no-repeat; width: 87px; }
ul#main-nav li#enforcement a			{ background: url(../images/menu.gif) -758px 0 no-repeat; width: 242px; }

/* HOVER */
ul#main-nav li#about a:hover				{ background: url(../images/menu.gif) -40px -41px no-repeat; width: 137px; }
ul#main-nav li#services a:hover				{ background: url(../images/menu.gif) -177px -41px no-repeat; width: 80px; }
ul#main-nav li#markets a:hover				{ background: url(../images/menu.gif) -257px -41px no-repeat; width: 130px; }
ul#main-nav li#solutions a:hover			{ background: url(../images/menu.gif) -387px -41px no-repeat; width: 141px; }
ul#main-nav li#ticket a:hover				{ background: url(../images/menu.gif) -528px -41px no-repeat; width: 143px; }
ul#main-nav li#packages a:hover				{ background: url(../images/menu.gif) -671px -41px no-repeat; width: 87px; }
ul#main-nav li#enforcement a:hover			{ background: url(../images/menu.gif) -758px -41px no-repeat; width: 242px; }

#main-nav li ul { /* second-level lists */
	position: absolute;
	margin-top: 41px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#main-nav li:hover ul, #main-nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top: 160px;
	width: 140px;
	clear: left;
}

/* #main-nav li#about:hover ul li { padding-left: 40px; } */

#topNav #main-nav #sub-nav span { display: inline; padding-left: 10px;} /* this sets the padding on the spans for the subnav */

#main-nav li ul#sub-nav li a
{
	background: rgb(47, 95, 138);
	background: rgba(47, 95, 138, 0.95);
	width: 140px;
	height: 15px;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	padding: 10px 0px;
	text-decoration: none;
	text-indent: 0;
	display: inline;
	float: left;
}

#topNav #main-nav li ul li a:hover
{
	background-color:#19508d;
	background-image: none;
	width:140px;
	display: inline;
}





/*
			CONTENT
*/

#content-top							{ background: url(../images/bg-content.jpg) top repeat-x; display: block; height: 50px; }

#content								{ padding: 0 50px 25px 0; min-height: 400px; }

ul#icons								{ padding-left: 50px; }
ul#icons li								{ float: left; margin: 0 0; padding: 0 0; }
ul#icons li a							{ display: inline-block; width: 215px; height: 225px; text-indent: -9999px; float: left; margin: 0 0; padding: 0 0; }
	ul#icons li#locator a				{ background: url(../images/icon-sprite.gif) 0 0 no-repeat; }
	ul#icons li#solutions a				{ background: url(../images/icon-sprite.gif) -225px 0 no-repeat; }
	ul#icons li#ticket a				{ background:url(../images/icon-sprite.gif) -450px 0 no-repeat; }
	
	ul#icons li#locator a:hover				{ background: url(../images/icon-sprite.gif) 0 -225px no-repeat; }
	ul#icons li#solutions a:hover			{ background: url(../images/icon-sprite.gif) -225px -225px no-repeat; }
	ul#icons li#ticket a:hover				{ background:url(../images/icon-sprite.gif) -450px -225px no-repeat; }
	
#main-text								{ width: 650px; float: left; padding-left: 50px; }

#sub-text								{ width: 575px; padding-left: 50px; }

#sub-text2								{ padding-left: 50px; }

#sidebar								{ width: 225px; float: right; }

#flash-car								{ float: left; }

::selection								{ background: #00549e; color: #fff; /* Safari */	}
::-moz-selection						{ background: #00549e; color: #fff; /* Firefox */ }

.quote									{ background: url(../images/quote.gif) top left no-repeat; padding: 0 0 0 100px; margin:50px 0 0 0; width: 350px; }
.quote p								{ font-size: 14px; }
	.quote-name							{ float: right; width: 200px; }
	.quote-name p						{ font-size: 12px; }
.staggered								{ margin-left: 50px; }

table.news-events { font-weight: normal; color: #666666; }
table.news-events td { padding: 10px; font-size: 1.3em; }
table.news-events td.table-title { font-weight: bold; font-size: 1.5em; }


/* SIDE IMAGES */

.about									{ background: url(../images/img-about.jpg) top right no-repeat; }
.hotel									{ background: url(../images/img-hotel.jpg) top right no-repeat; }
.municip								{ background: url(../images/img-municip.jpg) top right no-repeat; }
.commercial								{ background: url(../images/img-commercial.jpg) top right no-repeat; }
.retail									{ background: url(../images/img-retail.jpg) top right no-repeat; }
.hospital								{ background: url(../images/img-hospital.jpg) top right no-repeat; }
.pay-display							{ background: url(../images/img-pay-display.jpg) top right no-repeat; }
.space									{ background: url(../images/img-space.jpg) top right no-repeat; }





/*
			FOOTER
*/

#footer									{ background: url(../images/bg-footer.gif) top repeat-x #2067b3; color: #ffffff; padding: 25px 50px 10px 50px; }
#footer a, #footer a:visited			{ color: #fff; }

.footer-col								{ width: 135px; float: left; padding-right: 10px; }
ul.footer-links li						{ margin: 0 0; padding: 0 0; text-indent: none; display: block; }
ul.footer-links li a, ul.footer-links li a:visited			{ font-size: 11px; line-height: 30px; border-bottom: 1px solid #4c7eb7; color: #fff; display: block; list-style-position: outside; margin: 0 0; }
ul.footer-links li a:hover									{ background: #19508d; }

#address-box							{ float: right; }
ul.address								{ text-align: right; margin-bottom: 6px; font-size: 12px; }
ul.address li#company					{ font-size: 16px; font-weight: bold; }
p#copyright								{ font-size: 10px; clear: both; text-align: center; color: #fff; padding-top: 15px; }