@charset "UTF-8";
/* CSS Document */


.printonly {
	display: none;
}

#main #content {
	display: none;
} 

.SpryHiddenRegion {
visibility: hidden;
}


/******************************* Main Layout *******************************/


body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	color: #666;
	background: #FFF url(../images/bodybottom.jpg) center bottom no-repeat;
}

h1, h2, h3, h4, p, ul, li, dt, dd, dl, dd p {
	margin: 0; padding: 0;
	line-height: 1.2em;
}

a { 
	color: #666;
	text-decoration: none;
	background: rgb(209,235,241);
	border-bottom: 1px solid rgb(0,165,200);
}

a:visited {
	color: #666;
	text-decoration: none;
	background: rgb(225,225,225);
	border-bottom: 1px solid #666;
}
a:hover, a:visited:hover {
	background: rgb(0,165,200);
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid rgb(0,165,200);
}

#top {
	width: 100%;
	display: block;
	height: 110px;
	background: #FFF;
	margin: 0;
	padding: 0;
}
.container {
	position: relative;
	display: block;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}
#promo {
	width: 100%;
	min-height: 10px;
	display: block;
	background: rgb(209,235,241);
	margin: 0;
	padding: 0;
}
#nav {
	width: 800px;
	display: block;
	height: 21px;
	margin: 20px auto 0 auto;
	padding: 0;
}

#main {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#footer {
	width: 100%;
	display: block;
	clear: both;
	height: 90px;
	margin: 0;
	padding: 0;
}

#onecol {
	display: block;
	width: 800px;
	margin: 0 0 75px 0;
	padding: 0;
}

#leftcol {
	display: block;
	float:left;
	width: 525px;
	margin: 0 0 75px 0;
	padding: 0;
}

#rightcol {
	display: block;
	width: 225px;
	margin: 0 0 75px 575px;
	padding: 0;
}

/******************************* Styles for Navigation *******************************/



	ul#mainnav {
	  height: 21px;
	  margin: 0;
	  padding: 0;
	  display: block;
	  z-index: 100;
	  list-style: none;
	}
	
	#mainnav li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		float: right;
	}
		
	#mainnav li a {
		display: block;
		outline: none;
		border: none;
		text-decoration: none;
		text-indent: -9009px;
		margin: 0 20px 0 0;
		padding: 0;
		height: 21px;
		background: transparent url(../images/nav.gif);
	}

	#mainnav li#nav-about a { width:82px; background-position: 0 0; }		
	#mainnav li#nav-about a:hover, #mainnav li#nav-about.current a { background-position: 0 -21px; }

	#mainnav li#nav-services a { width:80px; background-position: -87px 0; }		
	#mainnav li#nav-services a:hover, #mainnav li#nav-services.current a { background-position: -87px -21px; }

	#mainnav li#nav-approach a { width:90px; background-position: -172px 0; }		
	#mainnav li#nav-approach a:hover, #mainnav li#nav-approach.current a { background-position: -172px -21px; }

	#mainnav li#nav-portfolio a { width:92px; background-position: -267px 0; }		
	#mainnav li#nav-portfolio a:hover, #mainnav li#nav-portfolio.current a { background-position: -267px -21px; }

	#mainnav li#nav-testimonials a { width:116px; background-position: -364px 0; }		
	#mainnav li#nav-testimonials a:hover, #mainnav li#nav-testimonials.current a { background-position: -364px -21px; }
		
	

/******************************* Top Row Styles *******************************/


#top #pagelogo, #top #pagelogo2 {
	display: block;
	position: absolute;
	top: 13px;
	left: 0; 
	width: 326px;
	height: 84px;
	margin: 0;
	padding: 0;
}

#top #pagelogo a, #top #pagelogo a:visited {
	display: block; 
	text-indent: -9009px;
	width: 326px;
	height: 84px;
	text-decoration: none;
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: transparent url(../images/rbmheaderlogo.gif) no-repeat 0 0;
}

#top #pagelogo2 a, #top #pagelogo2 a:visited {
	display: block; 
	text-indent: -9009px;
	width: 326px;
	height: 84px;
	text-decoration: none;
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: transparent url(../images/rbmheaderlogo2.gif) no-repeat 0 0;
}


/*
#top #pagelogo a:hover, #top #pagelogo a:visited:hover {
	background-position: 0 -84px;
}
*/

#top #contact {
	display: block;
	position: absolute;
	top: 30px;
	right: 5px;
	width: 75px;
	margin: 0;
}

#top #contact a, #top #contact a:visited {
	display: block;
	text-indent: -9009px;
	width: 75px;
	height: 60px;
	text-decoration: none;
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	cursor: pointer;
	background: transparent url(../images/contactbutton.gif) no-repeat 0 0;
} 

#top #contact a:hover, #top #contact a:visited:hover, #top #contact a.current {
	background-position: 0 -60px;
}
#top #contact a.current, #top #contact a.current:hover {
	cursor: default;
}


/******************************* Promo Row Styles *******************************/


#promo .container {
}

#promo img {
	margin: 0; padding: 0; border: 0;
}





/******************************* Main Row Styles *******************************/


#main .container {
	margin-top: 35px;
}

#main h1 {
	font: 200% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: rgb(0,165,200);
	border-top: 1px solid rgb(225,225,225);
	border-bottom: 1px solid rgb(225,225,225);
	margin: 0 0 1em 0;
	padding: 8px 0 10px 0;
	line-height: 1.25em;
}

#main h2 {
	font-size: 125%;
	color: #333;
	font-weight: bold;
	line-height: 1.25em;
	margin: 1.5em 0 1em 0;
}


#main h3 {
	font-size: 110%;
	color: rgb(0,165,200);
	font-weight: bold;
	line-height: 1.25em;
	margin: 1.5em 0 .5em 0;
}

#main p {
	line-height: 1.5em;
	margin: 1em 0 0 0;
}

#main ul li {
	font-size: 100%;
	line-height: 1.25em;
	margin: .5em 0 0 2.5em;
	list-style-image:url(../images/plus.gif);
}

#main ol li {
	font-size: 100%;
	line-height: 1.25em;
	margin: .5em 0 0 2.5em;
}

#main .noticeinner {
	background-image: url(../images/noticebottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding: 0 0 21px 0;
}

#main .noticeouter {
	display: block;
	position: relative;
	width: 225px;
	margin: 0 0 35px 0;
	padding: 20px 0px 0px 0px;
	background: rgb(0,165,200) url(../images/noticetop.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#main .noticeinner p {
	display: block;
	position: relative;
	font: 140% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFF;
	margin: 0 8px 0 18px;
	padding: 0;
	line-height: 1.25em;
	z-index: 500;
}



#main a.twopagepromo, #main a.twopagepromo:visited {
	display: block;
	position: relative;
	font: 140% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666;
	border: 0;
	text-decoration: none;
	background: #FFF url(../images/twopages.gif) no-repeat top right;
	margin: 0 0 40px 0;
	padding: 35px 0 0 0;
	line-height: 1.25em;
	z-index: 500;
}


#main a.twopagepromo:hover, #main a.twopagepromo:visited:hover {
	color: rgb(0,165,200);
	background-position: right -300px;
	cursor: pointer;
}


#main a.twopagepromo strong {
	color: rgb(200,60,30);
}
#main a.twopagepromo:hover strong {
	color: rgb(0,165,200);
}


#main .blockquotedesign {
	background-image: url(../images/quotebottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding: 0 0 21px 0;
}

#main blockquote {
	display: block;
	margin: 0;
	position: relative;
	width: 225px;
	padding: 20px 0px 0px 0px;
	background: rgb(225,225,225) url(../images/quotetop.gif);
	background-position:top;
	background-repeat: no-repeat;
}


#main .quote {
	display: block;
	position: relative;
	font: 140% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: rgb(0,165,200);
	margin: 0 8px 0 18px;
	padding: 0;
	line-height: 1.25em;
	text-indent: 25px;
	z-index: 500;
}

#main .quoted {
	font-weight: normal;
	position: relative;
	text-align: right;
	margin: 10px 15px 0 0;
	padding: 0;
	line-height: 1.25em;
}

#main .quotedjob {
	font-weight: normal;
	position: relative;
	font-size: 75%;
	text-transform: uppercase;
	text-align: right;
	margin: 0 15px 0 0;
	padding: 0;
	line-height: 1.25em;
}

#main .endquote {
	display: block;
	text-indent: -9009px;
	width: 32px;
	height: 25px;
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url(../images/quotemarkrt.gif) no-repeat 0 0;
	position:absolute;
	top: -30px;
	right: -9px;
	z-index: 50;
}





#main a.specialbutton {
	display: block;
	margin: 0;
	position: relative;
	width: 205px;
	height:152px;
	padding: 18px 5px 0px 15px;
	background: transparent url(../images/specialbuttonbknd.gif) no-repeat top;
	border: none;
	text-decoration: none;
}

#main a.specialbutton .text {
	display: block;
	font-weight: normal;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
}

#main a.specialbutton .heading {
	display: block;
	position: relative;
	font: 140% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: rgb(0,165,200);
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 1.25em;
	z-index: 500;
}

#main a.specialbutton:hover {
	background-position: bottom;
	color: #FFF !important;
}

#main a.specialbutton:hover .heading {
	color: #FFF;
}




#main #onecol blockquote {
	float: right;
	margin: 10px 0px 20px 20px; 
}


#main .testimonials dt {
	display: block;
	position: relative;
	width: 275px;
	float: left;
	margin: 25px 0 0 0;
	border-top: 1px dotted rgb(225,225,225);
}

#main .testimonials dt.first {
	margin-top: 0;
}	

#main .testimonials dd {
	display: block;
	position: relative;
	width: 525px;
	margin: 25px 0 0 275px;
	border-top: 1px dotted rgb(225,225,225);
}


#main .testimonials dt a.recommendation img {
	display: block;
	border: none;
	margin-top: 45px;
	background: #FFF;
}

#main .testimonials .quote {
	display: block;
	position: relative;
	font: 140% Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #666;
	margin: 20px 25px 0 0;
	padding: 5px 0 0 12px;
	line-height: 1.25em;
	text-indent: 25px;
	z-index: 500;
	background: transparent url(../images/quotemarklt-teal.gif) no-repeat 0 0;
}

#main .testimonials .quoted {
	position: relative;
	font-weight: normal;
	text-align: right;
	margin: 10px 25px 0 0;
	padding: 0;
	line-height: 1.25em;
}

#main .testimonials .quotedjob {
	position: relative;
	font-weight: normal;
	font-size: 75%;
	text-transform: uppercase;
	text-align: right;
	margin: 0 25px 0 0;
	padding: 0;
	line-height: 1.25em;
}

#main .testimonials .endquote {
	display: block;
	text-indent: -9009px;
	width: 32px;
	height: 25px;
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url(../images/quotemarkrt-teal.gif) no-repeat 0 0;
	position:absolute;
    top: -32px;
	right: 0;
	z-index: 50;
}

#main #leftcol .marcommplan {
	float: right;
	margin: 0 0 10px 10px;
}


#main #leftcol a.samples, #main #leftcol a.samples:visited {
	display: block;
	float: right;
	text-indent: -9009px;
	width: 84px;
	height: 30px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	margin: 10px 0 5px 10px;
	padding: 0;
	background: transparent url(../images/samples.gif) no-repeat 0 0;
	z-index: 50;
}

#main #leftcol a.samples:hover, #main #leftcol a.samples:visited:hover {
	border: none;
	text-decoration: none;
	background: transparent url(../images/samples.gif) no-repeat 0 -30px;
	cursor: pointer;
}

#main #leftcol.pr {
	margin: 15px 0 75px 25px;
	width: 575px;
	height: 300px;
}





/******************************* Portfolio Styles *******************************/






#main ul#portfolionav {
	display: block;
	float: left;
	width: 175px;
	padding: 0;
	margin: 0;
}

#main #portfolionav li {
	font: 140% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0 22px;
	list-style: none;
	list-style-image: none;
}

#main #portfolionav li.current {
	list-style-image: url(../images/li-arrow.gif);
}

#main #portfolionav li a, #main #portfolionav li a:visited {
	display: block;
	width: 150px;
	background: none;
	border: none;
	color: #666;
	padding: 2px 0 6px 0;
	margin: 0;
	font-weight: normal;
}

#main #portfolionav li a:hover, #main #portfolionav li a:visited:hover, #main #portfolionav li.current a {
	display: block;
	width: 150px;
	background: none;
	border: none;
	color: rgb(0,165,200);
	padding: 2px 0 6px 0;
	margin: 0;
	font-weight: normal;
}

#main #staticcontent {
	display: block;
	float: left;
	width: 615px;
	padding: 0;
	margin: 0;
}

#main #staticcontent .portfoliopiece {
	margin-top: 30px;
}

#main #staticcontent .piecedescription {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px dotted #CCC;
}

#main #staticcontent .shortname {
	display: none;
}

#main #portfoliopic {
	display: block;
	float: left;
	width: 400px;
	min-height: 350px;
	padding: 0;
	margin: 0;
}

#main #portfoliopic.collateral {
	min-height: 370px;
}

#main #portfoliopic img {
	margin: 0;
	padding: 0;
	border: none;
}

#main #portfoliotext {
	display: block;
	float: left;
	width: 200px;
	padding: 0;
	margin: 0 0 0 20px;
}

#main #portfoliotext h2 {
	font: 140% Georgia, "Times New Roman", Times, serif;
}

#main #portfoliotext p {
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 1em 0 0 0;
}


#main #portfoliotext a.viewsite, #main #portfoliotext a.viewsite:visited {
	display: block;
	text-indent: -9009px;
	width: 90px;
	height: 30px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0;
	background: transparent url(../images/viewsite.gif) no-repeat 0 0;
	z-index: 50;
}

#main #portfoliotext a.viewsite:hover, #main #portfoliotext a.viewsite:visited:hover {
	border: none;
	text-decoration: none;
	background: transparent url(../images/viewsite.gif) no-repeat 0 -30px;
	cursor: pointer;
}



#main #onecol ul#portfolionav {
	display: block;
	float: left;
	width: 810px;
	padding: 0;
	margin: 25px 0 75px -10px;
}

#main #onecol #portfolionav li {
	display: block;
	font: 125% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 125px;
	float: left;
	margin: 0 0 0 10px;
	list-style: none;
	list-style-image: none;
}


#main #onecol #portfolionav li a, #main #onecol #portfolionav li a:visited {
	display: block;
	width: 125px;
	border: none;
	color: #666;
	padding: 135px 0 0 0;
	margin: 0;
	font-weight: normal;
	background-position: 0 0;
}
#main #onecol #portfolionav li a:hover, #main #onecol #portfolionav li a:visited:hover {
	color: rgb(0,165,200);
	background-position: -125px 0;
}

#main #onecol #portfolionav .advertising { background: transparent url(../images/portfolio/nav-advertising.jpg) no-repeat; }
#main #onecol #portfolionav .collateral { background: transparent url(../images/portfolio/nav-collateral.jpg) no-repeat; }
#main #onecol #portfolionav .directmail { background: transparent url(../images/portfolio/nav-directmail.jpg) no-repeat; }
#main #onecol #portfolionav .identity { background: transparent url(../images/portfolio/nav-identity.jpg) no-repeat; }
#main #onecol #portfolionav .pr { background: transparent url(../images/portfolio/nav-pr.jpg) no-repeat; }
#main #onecol #portfolionav .web { background: transparent url(../images/portfolio/nav-web.jpg) no-repeat; }



#main #thumbnails {
	display: block;
	clear: left;
	position: relative;
	width: 800px;
	height: 80px;
	padding: 0;
	margin: 0 0 75px 0;
}



#main #thumbnails h3.clickthumbnails {
	display: block;
	text-indent: -9009px;
	width: 140px;
	height: 38px;
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url(../images/text-clickthumbnails.gif) no-repeat 0 0;
	position:absolute;
	top: 0;
	left: 15px;
	z-index: 50;
}


#main ul#thumbnav {
	display: block;
	width: 635px;
	padding: 0;
	margin: 0 0 0 165px;
	z-index: 100;
	list-style: none;
}
	
#main #thumbnav li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
		
#main #thumbnav li a {
	display: block;
	outline: none;
	border: none;
	text-decoration: none;
	text-indent: -9009px;
	margin: 0 0 10px 10px;
	padding: 0;
	height: 78px;
	width: 78px;
	background-color: #FFF;
	border: 1px solid rgb(225,225,225);
	background-position: 4px 4px;
}


#thumbnav.directmail .hispros08 { background: transparent url(../images/portfolio/thumb-dm-hispros08.jpg) no-repeat; }
#thumbnav.directmail .sajixemail { background: transparent url(../images/portfolio/thumb-dm-sajixemail.jpg) no-repeat; }
#thumbnav.directmail .sciemail { background: transparent url(../images/portfolio/thumb-dm-sciemail.jpg) no-repeat; }
#thumbnav.directmail .oi { background: transparent url(../images/portfolio/thumb-dm-oi.jpg) no-repeat; }

#thumbnav.web .claimremedi { background: transparent url(../images/portfolio/thumb-web-claimremedi.jpg) no-repeat; }
#thumbnav.web .healthware { background: transparent url(../images/portfolio/thumb-web-healthware.jpg) no-repeat; }
#thumbnav.web .progressiveacute { background: transparent url(../images/portfolio/thumb-web-progressiveacute.jpg) no-repeat; }
#thumbnav.web .meta { background: transparent url(../images/portfolio/thumb-web-meta.jpg) no-repeat; }
#thumbnav.web .edoc { background: transparent url(../images/portfolio/thumb-web-edoc.jpg) no-repeat; }
#thumbnav.web .proacsys { background: transparent url(../images/portfolio/thumb-web-proacsys.jpg) no-repeat; }
#thumbnav.web .plexis { background: transparent url(../images/portfolio/thumb-web-plexis.jpg) no-repeat; }

#thumbnav.pr .results { background: transparent url(../images/portfolio/thumb-pr-results.jpg) no-repeat; }
#thumbnav.pr .meditabstudy { background: transparent url(../images/portfolio/thumb-pr-meditabstudy.jpg) no-repeat; }
#thumbnav.pr .cranewarestudy { background: transparent url(../images/portfolio/thumb-pr-cranewarestudy.jpg) no-repeat; }
#thumbnav.pr .opusstudy { background: transparent url(../images/portfolio/thumb-pr-opusstudy.jpg) no-repeat; }

#thumbnav.advertising .summit { background: transparent url(../images/portfolio/thumb-ad-summit.jpg) no-repeat; }
#thumbnav.advertising .blueelm { background: transparent url(../images/portfolio/thumb-ad-blueelm.jpg) no-repeat; }
#thumbnav.advertising .craneware { background: transparent url(../images/portfolio/thumb-ad-craneware.jpg) no-repeat; }
#thumbnav.advertising .epsi { background: transparent url(../images/portfolio/thumb-ad-epsi.jpg) no-repeat; }

#thumbnav.identity .holon { background: transparent url(../images/portfolio/thumb-id-holon.jpg) no-repeat; }
#thumbnav.identity .meta { background: transparent url(../images/portfolio/thumb-id-meta.jpg) no-repeat; }
#thumbnav.identity .progressiveacute { background: transparent url(../images/portfolio/thumb-id-progressiveacute.jpg) no-repeat; }
#thumbnav.identity .sci { background: transparent url(../images/portfolio/thumb-id-sci.jpg) no-repeat; }
#thumbnav.identity .meditab { background: transparent url(../images/portfolio/thumb-id-meditab.jpg) no-repeat; }
#thumbnav.identity .usaprep { background: transparent url(../images/portfolio/thumb-id-usaprep.jpg) no-repeat; }
#thumbnav.identity .plexis { background: transparent url(../images/portfolio/thumb-id-plexis.jpg) no-repeat; }
#thumbnav.identity .proacsys { background: transparent url(../images/portfolio/thumb-id-proacsys.jpg) no-repeat; }

#thumbnav.collateral .sajixbooth { background: transparent url(../images/portfolio/thumb-col-sajixbooth.jpg) no-repeat; }
#thumbnav.collateral .essentialfolder { background: transparent url(../images/portfolio/thumb-col-essentialfolder.jpg) no-repeat; }
#thumbnav.collateral .cranewareds { background: transparent url(../images/portfolio/thumb-col-cranewareds.jpg) no-repeat; }
#thumbnav.collateral .metads { background: transparent url(../images/portfolio/thumb-col-metads.jpg) no-repeat; }


#main #thumbnav li a:hover, #main #thumbnav li a.thumbHover, #main #thumbnav li a.thumbSelected {
	border: 1px solid rgb(0,165,200);
	background-position: -76px 4px;
}

#main #thumbnav li a:hover, #main #thumbnav li a.thumbHover {
	cursor: pointer;
}

#main #thumbnav li a.thumbSelected:hover {
	cursor: default;
}



/******************************* Styles for Site Map *******************************/


#main #sitemap ul {
	list-style: none;
	margin: 0;
}

#main #sitemap ul li.category {
	list-style: none;
	margin: 25px 0;
}

#main #sitemap ul li.category ul {
	margin: 0;
}

#main #sitemap ul li.category ul li {
	list-style: none;
	margin: 10px 0 10px 30px;
	list-style-image:url(../images/plus.gif);
	z-index: 500;
}

#main #sitemap ul li.category a.category,
#main #sitemap ul li.category a.category:visited,
#main #sitemap ul li.category ul li a,
#main #sitemap ul li.category ul li a:visited {
	background: none;
}

#main #sitemap ul li.category a.category:hover,
#main #sitemap ul li.category a.category:visited:hover,
#main #sitemap ul li.category ul li a:hover,
#main #sitemap ul li.category ul li a:visited:hover {
	background-color: rgb(0,165,200);
}




/******************************* Footer Row Styles *******************************/




#footer p {
	font-size: 80%;
	line-height: 1.5em;
}

#footer a, #footer a:visited {
	color: #666;
	background: none;
	border: none;
}
#footer a:hover, #footer a:visited:hover {
	color: #666;
	background: none;
	border-bottom: 1px solid rgb(0,165,200);
}

#footer .siteby a, #footer .siteby a:visited {
	display: block;
	text-indent: -9009px;
	width: 800px;
	height: 30px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	margin: 30px auto 0 auto;
	padding: 0;
	background: transparent url(../images/siteby-anim.gif) no-repeat center 5px;
	z-index: 50;
}

#footer .siteby a:hover, #footer .siteby a:visited:hover {
	border: none;
	text-decoration: none;
	background: transparent url(../images/siteby-anim.gif) no-repeat center bottom;
}


 /************************** Style for Contact Forms **************************/


#contact-area {
	width: 525px;
	margin-top: 25px;
	color: #666;
}

#contact-area input, #contact-area textarea {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #333333;
	padding: 5px;
	width: 413px;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(204,204,204);
	/* I added the following */
	display: block;
	float: left;
}

#contact-area select {
	line-height: 1.5em;
	color: #333333;
	padding: 5px;
	width: 430px;
	margin: 0px 0px 10px 0px;
	border: 1px solid rgb(204,204,204);
	/* I added the following */
	display: block;
	float: left;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid rgb(0,165,200);
}

#contact-area input#submit-button {
	display: block;
	text-indent: -9009px;
	width: 80px;
	height: 30px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	margin: -10px -5px 0 0;
	padding: 0;
	background: transparent url(../images/submitbutton.gif) no-repeat 5px 0;
	z-index: 50;
	float:right;
}

#contact-area input#submit-button:focus {
	border: none;
	text-decoration: none;
	background: transparent url(../images/submitbutton.gif) no-repeat 5px -30px;
}

#contact-area input#submit-button:hover {
	border: none;
	text-decoration: none;
	background: transparent url(../images/submitbutton.gif) no-repeat 5px -30px;
	cursor: pointer;
}

#contact-area label {
	font-size: 85%;
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 90px;
	padding-top: 5px;
	/* I added the following */
	display: block;
}
#contact-area label.state {
	width: 55px;
}

#contact-area label.zip {
	width: 50px;
}

#contact-area label.reference {
	width: 175px;
}

#contact-area input#name, #contact-area input#email, #contact-area input#company, #contact-area input#city {
	width: 171px;
}

#contact-area input#phone, #contact-area input#fax {
	width: 130px;
}

#contact-area input#state {
	width: 25px;
}

#contact-area input#zip {
	width: 68px;
}

#contact-area select#reference {
	width: 345px;
}

#contact-area input#required, #contact-area input#event {
	display:none;
}

#contact-area .divider {
	width: 550px;
	height: 1px;
	display: block;
	clear: both;
}

#contact-area #footnote {
	font-size: 80%;
	color: #333333;
	line-height: 2.5em;
	display: block;
	float: left;
	margin-left: 110px;
}

#contact-area .indented {
	margin-left: 100px;
}

#contact-area input.error, textarea.error {
	background-color: rgb(251,247,192); /* was rgb(255,240,215) */
}

#contact-area #errormsg  {
	margin-left: 100px;
}

#contact-area #errormsg li {
	text-align: left;
	list-style-type: none;
	list-style-image: none;
}


/******************************* Misc Styles *******************************/

.floatleft {
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
}

.floatright {
	display: block;
	float: right;
	margin: 5px 0 5px 10px;
}

.smaller {
	font-size: 85%;
}