/*
	COINAMATIC
	By: Josh Solecky
	http://www.gocactus.com
*/


/* CSS Document */


/* 1. BASIC PAGE SETUP & RESET */
body { margin: 0 0; padding: 0 0; background: url(images/background.jpg) repeat-x; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.floatright { float: right; }
.floatleft { float: left; }
.clear { clear: both; }
#container { width: 1100px; margin: 0 auto; }
img, a img { border: none; }

#quicklinks { margin-top: 8px; }
#quicklinks ul { font-size: 12px; color: #1f84c1; line-height: 1.5em; padding-bottom: 12px; }
ul.list { padding-left: 15px; list-style: none outside; margin-bottom: 30px; list-style-image: url(images/list_point.jpg); }
ul.list li { list-style-image: url(images/list_point.jpg); }


/* 2. HEADER & NAV */

#header { background: url(images/coinamatic.jpg) no-repeat; width: 1100px; height: 158px; margin-bottom: 20px; }

#translate { float:right; margin-right: 20px; margin-top: 52px; }
#translate a { font-size: 12px; }

#call_support a, #call_support a:link, #call_support a:visited { background:url(images/support.jpg) no-repeat 0 0; display:block; width:141px; height:110px; text-indent:-9999px; list-style: none; float: right; padding-right: 50px; }
		#call_support a:hover { text-decoration:none; border:none; background-position:0 -110px; }

.about a { background:url(images/navigation.jpg) no-repeat 0 0; display:block; width:139px; height:48px; text-indent:-9999px; }
.about .about_drop ul { width:139px; left: -30px; top: -30px; list-style: outside none; }
.about .about_drop ul li { width:139px; height:48px; background: #999; list-style: outside none; }



/* 3. CONTENT AREA */

.laundry_club_button { margin-bottom: 20px; }
.laundry_club_button a, .laundry_club_button a:link, .laundry_club_button a:visited { background: url(images/laundryclub_button.jpg) no-repeat 0 0; display:block; width:360px; height:136px; text-indent:-9999px; }
		.laundry_club_button a:hover { text-decoration:none; border:none; background-position:0 -136px; }

.home_resident a, .home_resident a:link, .home_resident a:visited { background: url(images/home_residents.jpg) no-repeat 0 0; display:block; width:359px; height:30px; text-indent:-9999px; }
		.home_resident a:hover { text-decoration:none; border:none; background-position:0 -30px; }
.home_property a, .home_property a:link, .home_property a:visited { background: url(images/home_property.jpg) no-repeat 0 0; display:block; width:359px; height:30px; text-indent:-9999px; }
		.home_property a:hover { text-decoration:none; border:none; background-position:0 -30px; }
.home_commercial a, .home_commercial a:link, .home_commercial a:visited { background: url(images/home_commercial.jpg) no-repeat 0 0; display:block; width:359px; height:30px; text-indent:-9999px; }
		.home_commercial a:hover { text-decoration:none; border:none; background-position:0 -30px; }	

.quicklinks_area { background-color: #f1f8fc; }

ul.quicklinks { padding:15px 0 15px 25px; margin:0; float:left; width: 140px; }
ul.quicklinks li { font-size: 12px; color: #1f84c1; line-height: 1.5em; list-style: outside; padding:0; margin:0; }

#container h1 { font-size: 23px; color: #024c95; }
#container h2 strong { font-size: 20px; color: #66CCFF; }
#container h2 { font-size: 20px; color: #024c95; }
#container h3 { font-size: 16px; color: #1E1E1E; }
#container p { font-size: 13px; color: #666666; line-height: 1.6em; padding: 1px 0 3px 0; }
#container strong { color:#333333; }
#container sup { font-size: 75%; }

a { color: #1f84c1; text-decoration: none; }
a:hover { color: #000066; }
#nav a:hover, #menu a:hover, #left a:hover, #quicklinks a:hover { border: none; }

#right ul { margin-left: 10px; font-size: 80%; color: #666666; list-style: disc; }
#right ul li { line-height: 1.25em; margin-bottom: 1em; }
#left_home { margin: 0 0 25px 50px; width:640px; }
#left { margin: 10px 0 25px 50px; }
#right_home { margin: 0 50px 25px 0; }
#right { margin: 10px 50px 25px 0; }
#right a:hover, #right_home a:hover { border-bottom: none; }

.card-location { float:left; width: 200px; border: #ccc; padding:10px; margin:0 10px 10px 0; }

.info-list { float:left; margin: 0 10px 10px 0; padding:5px; border:1px solid #ccc; list-style: none; width: 210px; height: 105px; background:#eeeeee; }
ul.info-list li { list-style:none; margin:0 0; padding:0 0; }
.info-list li.event-date p { font-weight:bold; padding:0; margin:0; }

.green-text { color: #8dc63f; }

.stain-table td { margin-bottom: 10px; padding: 5px; border-bottom: 1px dotted #CCC; }


/* 4. FOOTER */
#footer { margin: 10px 0 0 0; padding: 30px 0 5px 0; background: url(images/foot.jpg) repeat-x #d7d8d7; clear: both; vertical-align:bottom; min-height: 213px; }
#footer a, #footer a:link, #footer a:visited { text-decoration: none; color: #00529b; }
#footer a:hover { color: #006; }
#footer p { color: #404040; font-size: 11px; line-height: 16px; }
#copyright { float: right; font-size: 11px; color: #1f84c1; margin: 0 0; padding: 0 0; }

.footer_gray { width: 1000px; background: url(images/footer_bottom.jpg) bottom no-repeat; text-align: left; margin:0; padding:0;}

.social_media { margin: 0 20px 0 11px; float: left; }
.foot_content { padding: 1px 20px 20px 20px; }
.foot_content p { margin:0; padding:0; line-height: 20px; }

.twitter a, .twitter a:link, .twitter a:visited { background: url(images/social_media.jpg) no-repeat 0 0; display:block; width:210px; height:35px; text-indent:-9999px; }
		.twitter a:hover { text-decoration:none; border:none; background-position:0 -102px; }
.facebook a, .facebook a:link, .facebook a:visited { background: url(images/social_media.jpg) no-repeat 0 -35px; display:block; width:210px; height:35px; text-indent:-9999px; }
		.facebook a:hover { text-decoration:none; border:none; background-position:0 -137px; }
.linkedin a, .linkedin a:link, .linkedin a:visited { background: url(images/social_media.jpg) no-repeat 0 -70px; display:block; width:210px; height:32px; text-indent:-9999px; }
		.linkedin a:hover { text-decoration:none; border:none; background-position:0 -172px; }


/* 5. TREE */
#right tree { font-size: 10px; color: #666666; }


/* 6. SIDEBAR MENU */
#menu { width: 238px; background: url(images/subnav_image.jpg) no-repeat bottom; padding-bottom: 20px; }
#menu ul { list-style: inside none; color: #024c95; margin: 0 0; padding:0 0 0 10px; }
#menu li { color: #024c95; font-size: 11px; line-height: 25px; }
#menu ul.sub-menu li.sub-last { padding-bottom: 0; }

#menu li a:link, #menu li a:visited { text-decoration: none; color: #024c95; font-size: 12px; }
#menu li a:active, #menu li a:hover { color: #000000; padding-left: 5px; }

#menu li a.current { color: #8DC63F; font-weight: bold; text-shadow: 0px 0px 3px #ffffff; }

#menu ul.sub-menu { padding-left:15px; }

#menu ul.sub-menu li a, #menu ul.sub-menu li a:link, #menu ul.sub-menu li a:visited { text-decoration: none; color: #666; font-size: 12px; }
#menu ul.sub-menu li a:hover { color: #000000; padding-left: 5px; }


#menu ul.sub-menu li a.current { color: #8DC63F; font-weight: bold; text-shadow: 0px 0px 3px #ffffff; }



.subnav-title-about { width: 238px; height: 48px; background: url(images/subnav_title_about.jpg) no-repeat; text-indent: -9999px; margin-bottom: 15px; }
.subnav-title-residents { width: 238px; height: 48px; background: url(images/subnav_title_residents.jpg) no-repeat; text-indent: -9999px; margin-bottom: 15px; }
.subnav-title-contact { width: 238px; height: 48px; background: url(images/subnav_title_contact.jpg) no-repeat; text-indent: -9999px; margin-bottom: 15px; }
.subnav-title-casestudies { width: 238px; height: 48px; background: url(images/subnav_title_casestudies.jpg) no-repeat; text-indent: -9999px; margin-bottom: 15px; }
.subnav-title-multi { width: 238px; height: 93px; background: url(images/subnav_title_multi.jpg) no-repeat; text-indent: -9999px; margin-bottom: 15px; }
.subnav-title-commercial { width: 238px; height: 93px; background: url(images/subnav_title_commercial.jpg) no-repeat; text-indent: -9999px; margin-bottom: 15px; }

.error { color:#FF0000; font-weight:bold; font-size:14px; border:1px solid red; }

/* Site Map */
.column { float: left; width: 32%; }
#sitemap h3 { border-bottom: #000000 1px solid; padding: 0 0 5px 0; margin-bottom: 10px; }
.column ul li { list-style: none; }	
ul.sub { padding: 0 0; margin: 0 0; }