/*
Company:	Attero Tech
File:		contactmap.css - This contains all the css effects for the Find a rep page

All the styles are separted into the following groups:
Page Elements - Styles for main objects on the page
JS Switcher - Defines the visibility of elements that will be switched by jQuery
States - Positioning to put the states in place and activate rollovers
*/

/* @group Page Elements */
	/* Map */
	#contactmap {
		position: relative;
		height: 470px;
		width: 100%;
		background: url(/images/contactmap/map.png) no-repeat center 43px;
	}
	#contactmap h1 {
		text-align: left;
		margin: 35px 0 15px 0;
	}

	/* Contact Sidebar */
	span.sidebar div#contact-list, span.leftsidebar div#contact-list {width: auto; padding-bottom: 0;}
	#contact-list p {padding-bottom: 20px; margin-bottom: 0; display: none;}
	#contact-list h2 {
		color: #F58425;
		font-size: 200%;
		margin: 0 0 15px 0;
		text-transform: uppercase;
		display: none;
	}
	#contact-list big {
		font-size: 150%; 
		display: block; 
		margin-bottom: 5px; 
		font-weight: bold;
	}
/* @end */
/* @group JS Switcher */
	#contact-list div#titles, #contact-list div#contacts {display: block;}

	body#NONE .NONE, body#map-intl .INTL, body#map-al .AL, body#map-ak .AK, body#map-az .AZ,
	body#map-ar .AR, body#map-ca .CA, body#map-co .CO, body#map-ct .CT, body#map-de .DE, body#map-fl .FL,
	body#map-ga .GA, body#map-hi .HI, body#map-id .ID, body#map-il .IL, body#map-in .IN, body#map-ia .IA,
	body#map-ks .KS, body#map-ky .KY, body#map-la .LA, body#map-me .ME, body#map-md .MD, body#map-ma .MA,
	body#map-mi .MI, body#map-mn .MN, body#map-ms .MS, body#map-mo .MO, body#map-mt .MT, body#map-ne .NE,
	body#map-nv .NV, body#map-nh .NH, body#map-nj .NJ, body#map-nm .NM, body#map-ny .NY, body#map-nc .NC,
	body#map-nd .ND, body#map-oh .OH, body#map-ok .OK, body#map-or .OR, body#map-pa .PA, body#map-ri .RI,
	body#map-sc .SC, body#map-sd .SD, body#map-tn .TN, body#map-tx .TX, body#map-ut .UT, body#map-vt .VT,
	body#map-va .VA, body#map-wa .WA, body#map-wv .WV, body#map-wi .WI, body#map-wy .WY {display: block;}
/* @end */
/* @group States */
	#contactmap a {
		display: block;
		position: absolute;
		overflow: hidden;
		background-position: -999px -999px;
		background-color: none;
		background-repeat: no-repeat;
		background-attachment: scroll;
		color: #F58425;
		cursor: pointer;
		text-indent: -9999px;
	}
	#contactmap a:hover {background-position: left top;}
	
	.map-al {
		background-image: url(/images/contactmap/al.gif);
		height: 67px;
		width: 46px;
		top: 215px;
		left: 449px;
		z-index: 4;
	}
	.map-ak {
		background-image: url(/images/contactmap/ak.gif);
		height: 121px;
		width: 162px;
		top: 307px;
		left: 58px;
		z-index: 4;
	}
	.map-az {
		background-image: url(/images/contactmap/az.gif);
		height: 82px;
		width: 83px;
		top: 180px;
		left: 122px;
		z-index: 4;
	}
	.map-ar {
		background-image: url(/images/contactmap/ar.gif);
		height: 43px;
		width: 57px;
		top: 201px;
		left: 372px;
		z-index: 5;
	}
	.map-ca {
		background-image: url(/images/contactmap/ca.gif);
		height: 128px;
		width: 78px;
		top: 105px;
		left: 56px;
		z-index: 4;
	}
	.map-co {
		background-image: url(/images/contactmap/co.gif);
		height: 51px;
		width: 86px;
		top: 142px;
		left: 206px;
		z-index: 5;
	}
	.map-ct {
		background-image: url(/images/contactmap/ct.gif);
		height: 14px;
		width: 16px;
		top: 116px;
		left: 575px;
		z-index: 5;
	}
	.map-de {
		background-image: url(/images/contactmap/de.gif);
		height: 17px;
		width: 16px;
		top: 146px;
		left: 562px;
		z-index: 5;
	}
	.map-fl {
		background-image: url(/images/contactmap/fl.gif);
		height: 104px;
		width: 131px;
		top: 264px;
		left: 465px;
		z-index: 1;
	}
	.map-ga {
		background-image: url(/images/contactmap/ga.gif);
		height: 57px;
		width: 65px;
		top: 212px;
		left: 480px;
		z-index: 2;
	}
	.map-hi {
		background-image: url(/images/contactmap/hi.gif);
		height: 73px;
		width: 97px;
		top: 364px;
		left: 241px;
		z-index: 5;
	}
	.map-id {
		background-image: url(/images/contactmap/id.gif);
		height: 76px;
		width: 66px;
		top: 54px;
		left: 151px;
		z-index: 5;
	}
	.map-il {
		background-image: url(/images/contactmap/il.gif);
		height: 62px;
		width: 43px;
		top: 133px;
		left: 405px;
		z-index: 5;
	}
	.map-in {
		background-image: url(/images/contactmap/in.gif);
		height: 46px;
		width: 32px;
		top: 137px;
		left: 444px;
		z-index: 5;
	}
	.map-ia {
		background-image: url(/images/contactmap/ia.gif);
		height: 31px;
		width: 63px;
		top: 125px;
		left: 353px;
		z-index: 5;
	}
	.map-ks {
		background-image: url(/images/contactmap/ks.gif);
		height: 36px;
		width: 88px;
		top: 160px;
		left: 283px;
		z-index: 5;
	}
	.map-ky {
		background-image: url(/images/contactmap/ky.gif);
		height: 33px;
		width: 70px;
		top: 167px;
		left: 435px;
		z-index: 4;
	}
	.map-la {
		background-image: url(/images/contactmap/la.gif);
		height: 77px;
		width: 71px;
		top: 243px;
		left: 377px;
		z-index: 1;
	}
	.map-me {
		background-image: url(/images/contactmap/me.gif);
		height: 50px;
		width: 47px;
		top: 54px;
		left: 576px;
		z-index: 1;
	}
	.map-md {
		background-image: url(/images/contactmap/md.gif);
		height: 28px;
		width: 52px;
		top: 148px;
		left: 526px;
		z-index: 2;
	}
	.map-ma {
		background-image: url(/images/contactmap/ma.gif);
		height: 15px;
		width: 43px;
		top: 107px;
		left: 573px;
		z-index: 4;
	}
	.map-mi {
		background-image: url(/images/contactmap/mi.gif);
		height: 57px;
		width: 82px;
		top: 81px;
		left: 407px;
		z-index: 1;
	}
	.map-mn {
		background-image: url(/images/contactmap/mn.gif);
		height: 67px;
		width: 62px;
		top: 58px;
		left: 349px;
		z-index: 2;
	}
	.map-ms {
		background-image: url(/images/contactmap/ms.gif);
		height: 66px;
		width: 41px;
		top: 217px;
		left: 412px;
		z-index: 5;
	}
	.map-mo {
		background-image: url(/images/contactmap/mo.gif);
		height: 51px;
		width: 75px;
		top: 154px;
		left: 361px;
		z-index: 4;
	}
	.map-mt {
		background-image: url(/images/contactmap/mt.gif);
		height: 57px;
		width: 101px;
		top: 51px;
		left: 191px;
		z-index: 5;
	}
	.map-nd {
		background-image: url(/images/contactmap/nd.gif);
		height: 44px;
		width: 68px;
		top: 58px;
		left: 285px;
		z-index: 4;
	}
	.map-ne {
		background-image: url(/images/contactmap/ne.gif);
		height: 35px;
		width: 90px;
		top: 127px;
		left: 273px;
		z-index: 5;
	}
	.map-nv {
		background-image: url(/images/contactmap/nv.gif);
		height: 86px;
		width: 72px;
		top: 113px;
		left: 104px;
		z-index: 5;
	}
	.map-nh {
		background-image: url(/images/contactmap/nh.gif);
		height: 26px;
		width: 20px;
		top: 84px;
		left: 573px;
		z-index: 4;
	}
	.map-nj {
		background-image: url(/images/contactmap/nj.gif);
		height: 24px;
		width: 14px;
		top: 130px;
		left: 566px;
		z-index: 5;
	}
	.map-nm {
		background-image: url(/images/contactmap/nm.gif);
		height: 76px;
		width: 94px;
		top: 187px;
		left: 180px;
		z-index: 5;
	}
	.map-ny {
		background-image: url(/images/contactmap/ny.gif);
		height: 46px;
		width: 74px;
		top: 91px;
		left: 515px;
		z-index: 1;
	}
	.map-nc {
		background-image: url(/images/contactmap/nc.gif);
		height: 37px;
		width: 106px;
		top: 183px;
		left: 493px;
		z-index: 3;
	}
	.map-oh {
		background-image: url(/images/contactmap/oh.gif);
		height: 38px;
		width: 42px;
		top: 132px;
		left: 471px;
		z-index: 5;
	}
	.map-ok {
		background-image: url(/images/contactmap/ok.gif);
		height: 43px;
		width: 101px;
		top: 193px;
		left: 273px;
		z-index: 5;
	}
	.map-or {
		background-image: url(/images/contactmap/or.gif);
		height: 51px;
		width: 83px;
		top: 68px;
		left: 90px;
		z-index: 5;
	}
	.map-pa {
		background-image: url(/images/contactmap/pa.gif);
		height: 30px;
		width: 62px;
		top: 124px;
		left: 508px;
		z-index: 5;
	}
	.map-ri {
		background-image: url(/images/contactmap/ri.gif);
		height: 9px;
		width: 7px;
		top: 116px;
		left: 590px;
		z-index: 5;
	}
	.map-sc {
		background-image: url(/images/contactmap/sc.gif);
		height: 36px;
		width: 58px;
		top: 208px;
		left: 508px;
		z-index: 5;
	}
	.map-sd {
		background-image: url(/images/contactmap/sd.gif);
		height: 35px;
		width: 76px;
		top: 98px;
		left: 278px;
		z-index: 3;
	}
	.map-tn {
		background-image: url(/images/contactmap/tn.gif);
		height: 25px;
		width: 94px;
		top: 192px;
		left: 425px;
		z-index: 4;
	}
	.map-tx {
		background-image: url(/images/contactmap/tx.gif);
		height: 175px;
		width: 168px;
		top: 199px;
		left: 217px;
		z-index: 4;
	}
	.map-ut {
		background-image: url(/images/contactmap/ut.gif);
		height: 62px;
		width: 70px;
		top: 125px;
		left: 151px;
		z-index: 5;
	}
	.map-va {
		background-image: url(/images/contactmap/va.gif);
		height: 37px;
		width: 83px;
		top: 156px;
		left: 495px;
		z-index: 3;
	}
	.map-vt {
		background-image: url(/images/contactmap/vt.gif);
		height: 24px;
		width: 17px;
		top: 88px;
		left: 560px;
		z-index: 5;
	}
	.map-wa {
		background-image: url(/images/contactmap/wa.gif);
		height: 47px;
		width: 67px;
		top: 35px;
		left: 121px;
		z-index: 5;
	}
	.map-wv {
		background-image: url(/images/contactmap/wv.gif);
		height: 35px;
		width: 49px;
		top: 150px;
		left: 500px;
		z-index: 3;
	}
	.map-wi {
		background-image: url(/images/contactmap/wi.gif);
		height: 46px;
		width: 50px;
		top: 89px;
		left: 388px;
		z-index: 3;
	}
	.map-wy {
		background-image: url(/images/contactmap/wy.gif);
		height: 47px;
		width: 80px;
		top: 100px;
		left: 202px;
		z-index: 5;
	}
	.map-intl {
		background-image: url(/images/contactmap/intl.gif);
		height: 106px;
		width: 121px;
		top: 354px;
		left: 415px;
		z-index: 5;
	}
/* @end */