/*
Site Name: Thomas Riley Artisans' Guild
Author: Josh Carr
Author URI: http://www.joshcarr.com/
Version: 1.0
COLORS
dark gray BG: 1f1e1e
dark gray text: 1a1818
*/

*{
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center;
background-color: #1f1e1e;
color: #1a1818;
}

#wrapper {
width: 838px;
margin: 0 auto;
text-align: left;
}

hr {
display: none;
}

a:link, a:visited {
text-decoration: underline;
color: #1a1818;
}

a:hover{
text-decoration: none;
color: #1a1818;
}


/*** =Header ***/

#header {
height: 160px;
}

#header h1{
float: left;
background: url(../images/common/h1-header.gif) 18px 59px no-repeat;
width: 320px;
}

#header h1 a{
display: block;
margin-top: 50px;
width: 320px;
height: 100px;
}

#header h2, #header h1 span{
display: none;
}

#header ul#nav {
float: right;
margin: 130px 19px 0 0;
width: 416px;
height: 25px;
background: url(../images/common/nav.gif) -1px 5px no-repeat;
display: inline;
}

ul#nav li {
float: left;
list-style-type: none;
}

ul#nav li a{
display: block;
height: 25px;
background: url(../images/common/nav-on.gif) repeat-x;
}



ul#nav li a:link, ul#nav li a:visited{
background-position: 0 100px;
}

ul#nav li a:hover,
body#body-about li#nav-about a,
body#body-services li#nav-services a,
body#body-portfolio li#nav-portfolio a,
body#body-news li#nav-news a,
body#body-contact li#nav-contact a{
background-position: 0 18px;
}



ul#nav li a span{
display: none;
}

ul#nav li#nav-about a {
width: 55px;
margin-right: 30px;
}

ul#nav li#nav-services a {
width: 54px;
margin-right: 30px;
}

ul#nav li#nav-portfolio a {
width: 60px;
margin-right: 30px;
}

ul#nav li#nav-news a {
width: 74px;
margin-right: 34px;
}

ul#nav li#nav-contact a {
width: 49px;
}


/*** =Content ***/

#content {
overflow: hidden;
}

#content p{
font-size: 1.1em;
margin: 0 0 1.1em 0;
}

#body-home #content {
height: 388px;
background: url(../images/common/bg-content-home.gif) no-repeat;
}

#body-services #content,
#body-portfolio #content,
#body-news #content  {
height: 601px;
background: url(../images/common/bg-content-portfolio.gif) no-repeat;
}

#body-about #content,
#body-contact #content  {
height: 560px;
background: url(../images/common/bg-content-about.gif) no-repeat;
}

/*** =Home  ***/

#body-home #home-flash {
height: 361px;
margin: 11px 0 0 19px;
overflow: hidden;
}

#body-home #home-feature {
height: 131px;
background: url(../images/home/news-feature-robb-report.gif) no-repeat;
}

#body-home #home-feature h2, #body-home #home-feature h3 , #body-home #home-feature p a span {
display: none;
}

#body-home #home-feature p a {
display: block;
width: 838px;
height: 131px;
}

/*** =about  ***/

#body-about #image{
width: 408px;
margin: 9px 0 0 19px;
float: left;
display: inline;
}

#body-about p{
line-height: 1.4em;
}

#body-about h2 span,
#body-about blockquote p{
display: none;
}

#body-about h2{
	margin: 56px 0 0 444px;
	height: 15px;
	width: 105px;
	background: url(../images/about/aboutHdr.gif) 0 0 no-repeat;
}
#body-about #subnav ul{
	margin: 9px 0 22px 444px;
	width: 177px;
	height: 70px;
	background: url(../images/about/about-menu.gif) 0 0 no-repeat;
	list-style-type: none;
}
#body-about #subnav ul li a{
	display: block;
	width: 177px;
	height: 23px;
	background: url(../images/about/about-menu-on.gif) -177px 0 no-repeat;
}
#body-about #subnav ul li#subStory a:hover,
#body-about #subnav ul li#subStory.thisPage a{
	background-position: 0 0;
}
#body-about #subnav ul li#subTeam a:hover,
#body-about #subnav ul li#subTeam.thisPage a{
	background-position: 0 -23px;
}
#body-about #subnav ul li#subDepartments a:hover,
#body-about #subnav ul li#subDepartments.thisPage a{
	background-position: 0 -46px;
}
#body-about #subnav ul li a span{
	display: none;
}

/* Our Team */

#body-about #subnav ul ul#teamNav{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 68px;
	width: 195px;
	position: absolute;
	margin: -46px 0 0 177px;
	background: #EFECEC url(../images/about/team-menu.gif) 0 -1px no-repeat;
/*	overflow: hidden;*/
}
#body-about #subnav ul ul#teamNav li{
	margin: 4px 0 0 15px;
	text-transform: uppercase;
}
#body-about #subnav ul ul#teamNav li a{
	color: #686464;
	text-decoration: none;
	display: inline;
	background: none;
	outline: none;
}
#body-about #subnav ul ul#teamNav li a:hover,
#body-about #subnav ul ul#teamNav li a.thisPerson{
	color: #292727;
	font-weight: bold;
}

#body-about .team{
	margin: 20px 30px 400px 444px;
}
#body-about .team h3{
	font-size: 1.1em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 6px;
	margin: 0 0 13px 0;
	font-weight: normal;
}
#body-about .team h3 strong{
	font-weight: bold;
}
#body-about .team h3 img{
	padding-right: 10px;
	margin-bottom: -3px;
	float: left;
}
#body-about .team h3 span{
	display: block;
	padding-top: 53px;
	margin-left: 20px;
}
#body-about #br.team h3 span{
	padding-top: 41px;
}
#body-about .team p a.next{
	background:transparent url(../images/services/next.gif) no-repeat scroll 5px 2px;
	cursor:pointer;
	padding-left:20px;
	width:20px;
}
/* Our Departments */

#body-about #subnav ul ul#departmentsNav{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 120px;
	width: 195px;
	position: absolute;
	margin: -69px 0 0 177px;
	background: #EFECEC;
}
#body-about #subnav ul ul#departmentsNav li{
	margin: 5px 0 0 15px;
	text-transform: uppercase;
}
#body-about #subnav ul ul#departmentsNav li a{
	color: #686464;
	text-decoration: none;
	display: inline;
	background: none;
	outline: none;
}
#body-about #subnav ul ul#departmentsNav li a:hover,
#body-about #subnav ul ul#departmentsNav li a.thisDept{
	color: #292727;
	font-weight: bold;
}

#body-about .dept{
	margin: 20px 30px 400px 444px;
}
#body-about .dept h3{
	font-size: 1.1em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 6px;
	margin: 67px 0 13px 0;
}
#body-about .dept p a.next{
	background:transparent url(../images/services/next.gif) no-repeat scroll 5px 2px;
	cursor:pointer;
	padding-left:20px;
	width:20px;
}

/* Our Story */

#body-about blockquote {
margin: 0 0 0 427px;
width: 373px;
height: 135px;
background: url(../images/about/ourwork.gif) 16px 0 no-repeat;
}

#body-about #scrollcontent {
width: 340px;
height: 179px;
margin: 0 0 0 0;
padding: 0 15px 0 23px;
overflow: auto;

}

#body-about #scrollcontainer {
margin-top: 19px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #FFF url(../images/about/scrollbar-bg.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #CCC;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/about/scrollbar-drag-bg.gif) repeat-y;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/about/scrollbar-up-bg.gif) no-repeat;
	height: 13px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/about/scrollbar-down-bg.gif) no-repeat;
	height: 13px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*** =Services  ***/

#body-services  #image{
margin: 9px 0 0 19px;
}

#body-services  h2{
float: left;
margin: 0 0 0 19px;
background:  url(../images/services/h2-header.gif) 35px 16px no-repeat;
height: 38px;
width: 277px;
}

#body-services  h2 span{
display: none;
}

#body-services p{
line-height: 1.4em;
}

#body-services ul#services-list {
clear: left;
list-style: none;
height: 165px;
width: 296px;
float: left;
background:  url(../images/services/services-menu.gif) 48px 0 no-repeat;
}

#body-services ul#services-list li {
margin-left: 48px;
display: block;
height: 23px;
width: 207px;
}

#body-services ul#services-list li span{
display: none;
}

#body-services ul#services-list li div{
height: 149px;
width: 538px;
position: absolute;
top: 536px;
left: -999em;
padding: 10px;
margin-left : 211px;
margin-top : 0;
background: #ebe8e8;
border: 1px solid #CCC;
}

#body-services ul#services-list li:hover div, #body-services ul#services-list li.over div{
z-index: 2;
left: auto;
}

#body-services ul#services-list li ul li{
font-size: 1.1em;
margin: .1em 0 0 16px;
height: 1.5em;
width: 300px;
background: url(../images/services/services-list-bullet.gif) 0 5px no-repeat;
padding-left: 10px;
list-style-type: none;
}

#body-services ul#services-list li.over {
background: url(../images/services/services-menu-on.gif) no-repeat;
}

#body-services ul#services-list li#services-skills.over {
background-position: 0px -23px;
}

#body-services ul#services-list li#services-finishes.over {
background-position: 0px -46px;
}

#body-services ul#services-list li#services-management.over {
background-position: 0px -69px;
}

#body-services ul#services-list li#services-flooring.over {
background-position: 0px -92px;
}

#body-services ul#services-list li#services-hardware.over {
background-position: 0px -115px;
}

div#tabs {
overflow: hidden;
width: 500px;
height: 164px;
}

div#tabs div span{
width: 20px;
background: url(../images/services/next.gif) 5px 2px no-repeat;
padding-left: 20px;
cursor: pointer;
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
ul.tabs-nav {
display: block;
list-style-type: none;
height: 35px;
width: 324px;
background: url(../images/services/services-tabs-off.gif) 0 22px no-repeat;
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
float: left;
padding: 0 0 1px 0;
}
.tabs-nav a {
display: block;
height: 35px;
width: 108px;
background: url(../images/services/services-tabs-on.gif) 0 1000px no-repeat;
}

.tabs-nav li a:link, .tabs-nav li a:visited{
background-position: 0 1000px;
}

.tabs-nav li#tab-craftsmanship a:hover, .tabs-nav li#tab-craftsmanship.tabs-selected a{
background-position: 0 22px;
}

.tabs-nav li#tab-working a:hover, .tabs-nav li#tab-working.tabs-selected  a{
background-position: -108px 22px;
}

.tabs-nav li#tab-trade a:hover, .tabs-nav li#tab-trade.tabs-selected  a{
background-position: -216px 22px;
}

.tabs-nav li a span{
display: block;
overflow: hidden;
width: 0;
height: 0;
}

.tabs-container {
clear: left;
margin: 9px 0 0 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-container  p{
letter-spacing: .01em;
line-height: 1.3em;
margin-bottom: 1em;
}

.tabs-container  img{
position: absolute;
margin: -405px 0 0 -277px;
}

p#services-brochure a{
margin: 0 0 0 296px;
display: block;
width: 133px;
height: 15px;
background: url(../images/services/services-brochure.gif) 0 0 no-repeat;
}

p#services-brochure a span{
display: block;
overflow: hidden;
width: 0;
height: 0;
}

/*** =Portfolio  ***/

#body-portfolio  a
{
	text-decoration: none;
}

#body-portfolio img {
border: 0;
}

.portfolio{
	width: 800px;
	height: 564px;
	background-color: #fff;
	margin: 8px 0 0 19px;
	border-top: 1px solid #FFF;
}


#body-portfolio  #portfolio-info {
position: absolute;
margin-top: 461px;
margin-left: 0px;
width: 310px;
z-index: 99999;
}

#body-portfolio  #portfolio-info h2{
position: absolute;
width: 110px;
height: 15px;
left: 14px;
top: 11px;
background: url(../images/portfolio/h2-header.gif) 0 0 no-repeat;

}

#body-portfolio  #portfolio-info h2 span{
display: none;
}

#body-portfolio  h3 {
position: relative;
top: 11px;
font-size: 1.1em;
font-weight: bold;
margin-left: 371px ;
padding-bottom: 2px;
width: 374px;
line-height: 1.4em;
border-bottom: 1px solid #CCC;
}

#body-portfolio  #portfolio-info ul#portfolio-projects {
list-style-type: none;
position: absolute;
left: 137px;
top: 8px;
background: url(../images/portfolio/portfolio-projects-bg.gif) 0 0 no-repeat;
/*border-bottom: 1px solid #CCC;*/
}

#body-portfolio  #portfolio-info ul#portfolio-projects li {
width: 204px;
height: 20px;
text-align: right;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li#client {
height: 21px;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li span{
display: none;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li.this-section {
background: url(../images/portfolio/portfolio-projects-bg-on.gif) 0 0 no-repeat;
margin: 0;
padding: 0;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li a{
display: block;
width: 204px;
height: 20px;
background: url(../images/portfolio/portfolio-projects-bg-on.gif) 0 -100px no-repeat;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li a:hover{
background-position: 0 0;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li#rooms a:hover, #body-portfolio  #portfolio-info ul#portfolio-projects li#rooms.this-section{
background-position: 0 -20px;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li#furniture a:hover, #body-portfolio  #portfolio-info ul#portfolio-projects li#furniture.this-section{
background-position: 0 -40px;
}

#body-portfolio  #portfolio-info ul#portfolio-projects li#client a:hover, #body-portfolio  #portfolio-info ul#portfolio-projects li#client.this-section{
background-position: 0 -60px;
}

#body-portfolio  #portfolio-info ul#portfolio-projects ul {
list-style-type: none;
padding: 3px 0 0 0;
height: 15px;

}

#body-portfolio  #portfolio-info ul#portfolio-projects ul li{
display: inline;
padding-left: 6px;
}

#body-portfolio  #portfolio-info ul#portfolio-projects ul li a{
padding: 1px 3px;
font-weight: bold;
font-size: 9px;
display: inline;
background:#ebe8e8;
}

#body-portfolio  #portfolio-info ul#portfolio-projects ul li a:link, #body-portfolio  #portfolio-info ul#portfolio-projects ul li a:visited{
color: #000;
background:#ebe8e8;
}

#body-portfolio  #portfolio-info ul#portfolio-projects ul li a:hover, #body-portfolio  #portfolio-info ul#portfolio-projects ul li.this-project a:link, #body-portfolio  #portfolio-info ul#portfolio-projects ul li.this-project a:visited{
color: #FFF;
background:#000;
}


#myGallery
{
	width: 800px;
	height: 555px;
	z-index:5;
	display: none;
	position: relative;
	top: 0;
	left: 0;
}


a.startstop{
	top: 490px;
	left: 640px;
	display: block;
	position: relative;
	clear: both;
	width: 115px;
	height: 13px;
	z-index: 999999;
	background: url(../images/portfolio/slideshow-on-off-bg.gif) 0 0 no-repeat;
	cursor: pointer;
	cursor: hand;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: relative;
	z-index: 10;
	margin: 0px;
	left: 371px;
	top: 497px;
	height: 100px;
	width: 400px;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	/*font-size: 60%;*/
	line-height: 1.3em;
	margin: 2px 5px;
}


.jdGallery a
{
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	display: block;
	position: absolute;
	height: 16px;
	width: 15px;
	cursor: pointer;
	z-index:9999999;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
	background: url(../images/portfolio/slideshow-btn.gif) 0 0 no-repeat;
}

.jdGallery a.left
{
	left: 745px;
	top: 470px;
	width: 21px;
}

.jdGallery a.right
{
	left: 766px;
	top: 470px;
	background-position: -21px 0;
}

.jdGallery a.left:hover
{
	background-position: 0 -50px;
}

.jdGallery a.right:hover
{
	background-position: -21px -50px;
}
#partners{
	position: relative;
}
#partnersBtn{
	text-align: center;
	z-index: 1000;
	position: absolute;
	background: white;
	width: 55px;
	border-top: 2px solid #EEE;
	border-bottom: 2px solid #EEE;
	border-left: 2px solid #EEE;
	padding: 7px 4px;
	top: -123px;
	left: 735px;
	cursor: pointer;
}
#partners p{
	display: none;
	z-index: 0;
	position: absolute;
	background: #EEE;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	padding: 5px 65px 5px 10px;
	width: 353px;
	bottom: 82px;
	left: 370px;
	text-transform: uppercase;
	line-height: 20px;
}

/*** =News  ***/

#body-news h2{
	margin: 387px 0 8px 55px;
	width: 250px;
	height: 15px;
	background: url(../images/news/newsHdr.gif) 0 0 no-repeat;
}

#body-news h2 span{
display: none;
}
#body-news #subnav{
	z-index: 9999;
	position: relative;
	width: 210px;
}
#body-news #subnav ul{
	margin: 0 0 0 49px;
	width: 207px;
	height: 70px;
	background: url(../images/news/news-nav.gif) 0 0 no-repeat;
	list-style-type: none;
}
#body-news #subnav ul li a{
	display: block;
	width: 207px;
	height: 23px;
	background: url(../images/news/news-nav-on.gif) -207px 0 no-repeat;
}
#body-news #subnav ul li a:hover,
#body-news #subnav ul li.thisPage a{
	background-position: 0 0;
}
#body-news #subnav ul li#subGiving a:hover,
#body-news #subnav ul li#subGiving.thisPage a{
	background-position: 0 -23px;
}
#body-news #subnav ul li#subPartnerships a:hover,
#body-news #subnav ul li#subPartnerships.thisPage a{
	background-position: 0 -46px;
}
#body-news #subnav ul li a span{
	display: none;
}

/* Recent Features */

#body-news #asSeenIn{
	position: absolute;
	margin: -471px 0 0 19px;
	z-index: 1000;
}

#body-news #features img{
	position: absolute;
	margin: -471px 0 0 19px;
}
#body-news #carousel{
	width: 448px;
	position: absolute;
	margin: -88px 0 0 333px;
	height: 180px;
	overflow: hidden;
}
#body-news #carousel .cover{
	width: 112px;
	float: left;
	cursor: pointer;
}
#body-news .cover p{
	width: 200px;
	position: absolute;
	margin: 0 0 0 -52px;
	text-align: center;
	z-index: 9999;
	display: none;
}

/* Giving Back */

#body-news #givingWrapper{
/*	position: absolute;*/
	margin: -471px 0 0 19px;
}
#body-news #givingWrapper img{
	position: absolute;
	margin: 0 0 0 -275px;
	top: 169px;
}
#body-news .givingItem{
	margin: 405px 0 0 275px;
	width: 500px;
}
#body-news .givingItem p{
	line-height:1.4em;
}
#body-news .givingItem p a.next{
	background: url(../images/services/next.gif) no-repeat 5px 2px;
	cursor: pointer;
	padding-left: 20px;
	width: 20px;
}
#body-news h3{
	display: none;
	color: #b2afaf;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .95em;
	letter-spacing: 1px;
	cursor: pointer;
}
#body-news h3.on{
	color: #1A1818;
}
#body-news #titleWrapper{
	position: absolute;
	margin: 0 0 0 275px;
	top: 549px;
}
#body-news #titleWrapper li{
	list-style-type: none;
	display: inline;
	padding-right: 16px;
}
#body-news #titleWrapper h3{
	display: inline;
}
/*** =Contact  ***/

#body-contact #image{
width: 408px;
margin: 0;
float: left;
}

#body-contact #pattern{
background: url(../images/contact/logo-full-pattern.gif) 409px 0 no-repeat;
margin: 9px 19px 0 19px;
}

#body-contact h2{
margin: 0 0 0 432px;
padding: 44px 0 0 0;
width: 250px;
height: 30px;
background: url(../images/contact/h2-header.gif) 0 44px no-repeat;
}

#body-contact h2 span{
display: none;
}

#body-contact #address{
margin-left:432px;
line-height: 1.3em;
}

#body-contact #address span{
display: block;
float: left;
width: 40px;
}

#body-contact #contactFormArea{
margin:20px 0 0 432px;
width: 300px;
}

#body-contact fieldset {
border:0;
}

#body-contact label {
margin-top: 3px;
font-size:1.1em;
display:block;
}

#body-contact select.text,#body-contact input.text,#body-contact textarea {
width:250px;
font-size:1.1em;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc;
}

#body-contact textarea {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
}

#body-contact input.submit {
margin: 3px 0 0 0;
padding: 0.25em;
background-color: #000;
border: 0;
color: #FFF;
font-size: .75em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .2em;
}

#body-contact input.submit:active {
background-color: #666;
}

#body-contact #emailSuccess {
margin: 58px 0 0 0;
line-height: 1.5em;
}


#body-contact label#selfCCsection {
display: none;
}



/*** =Footer  ***/

#footer {
height: 60px;
background: url(../images/common/footer.gif) 18px 0 no-repeat;
}

#footer #copyright, #footer p#contact-info, #footer p#email a span{
display: none;
}

#footer p#email a {
margin: 0 0 0 684px;
display: block;
width: 138px;
height: 12px;
}

#footer p#facebook a {
margin-top: 3px;
display: block;
width: 188px;
height: 21px;
background: url(../images/common/fconnect.png) 18px 0 no-repeat;
}