@import url(nav.css);

/* SSS GENERAL STYLES */
html,body{
	padding: 0;
	margin: 0;
	text-align: center;
	font: 80% Arial, Helvetica, sans-serif;
	background: #fff;
	color: #666666; }
img{
	border: 0;}
h1, h2, h3, h4, h5, h6, a{
	padding: 0;
	margin: 0; }
a {
	color: #FF0099;
	text-decoration: none; }
a:hover{
	text-decoration: underline; }
a:focus {outline:none;}
.home a {color: #330000;}


p{
	padding: 0 10px 8px 0;
	margin: 0 0 0 0;
	font-size:11px;
	line-height:1.3em;
	color: #666;
	 }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, a span{
	visibility: hidden; }
form{
	padding: 0;
	margin: 0; }

.left{
	float: left; height:18px;}
.right{
	float: right; }
/* EEE GENERAL STYLES */

/* SSS LAYOUT */
.mainHolder{
	width: 1000px;
	height: 588px;
	margin: 7px auto 0 auto;
	text-align: left;
	position: relative; }
.home .mainHolder .openbook {
display:none;
background:none;
}
.clients .mainHolder .openbook, .work .mainHolder .openbook, .jobs .mainHolder .openbook, .newsletter .mainHolder .openbook, .clippings .mainHolder .openbook {
background: url(../images/backgrounds/openbg.png) top left no-repeat;
}

.contact .mainHolder .openbook {
width: 482px;height:560px;background: url(../images/backgrounds/coverbg3.png) left top no-repeat;z-index:60;position:absolute;left:6px;margin:0;
}

.mainHolder .openbook{
		width: 950px;
	height: 560px;
	margin: 0;
	text-align: left;
	position: absolute; z-index: 20; top:28px;left:0px;}
/* EEE LAYOUT */

/* SSS HOME */
.overmerlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:900;cursor:pointer;opacity:0.9;}
.overmerlayshadow {position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:901;}
.overmerlaypic {position:absolute;width:684px;height:600px;left:50%;margin-left:-342px;top:0;margin-top:-5px;z-index:902;}

.homeWelcome{
	text-indent:-5000px;overflow:hidden;width:465px; height:540px; position:absolute; top: 9px; left: 0; background: url(../images/backgrounds/coverbg1.jpg) 0 -9px no-repeat; }
.homeWelcomeInner{}
.homeWelcomeScroller{}
.homeWelcomeScroller p{}
.homeWelcome h2{}
	
.homeGossip{
	width: 470px;
	height: 550px;
	display: block;position:absolute;top:30px;}
.homeGossipInner{
	width: 450px;
	height: 545px;
	padding: 5px 0 0 10px;
	position: relative; }
.homeGossipScroller{
	width: 450px;
	height: 487px;
	margin: 0;
	overflow: auto;
	position: relative; }
.homeGossip h2{
	text-indent: -5000px;
	overflow:hidden;
	width: 449px;
	height: 19px;
	background: url(../images/headers/ralphsgossip.gif) 0 0 no-repeat; 
	margin-bottom:10px;}
a.linkReadBlog{
	width: 122px;
	height: 20px;
	position: absolute; right: -4px; bottom: -1px;
	background: url(../images/links/readblog.gif) 0 0 no-repeat;
	text-decoration: none; }
a.linkReadBlog:hover{
	background: url(../images/links/readblog.gif) 0 -20px no-repeat; }

.bookCover{
	width: 482px;
	height: 558px;
	position: absolute; left: 469px; top: 30px;background: url(../images/backgrounds/coverbg1.png) left top no-repeat; z-index: 500;}
#linkCoverRalph{
	width: 170px;
	height: 138px;
	display: block;
	background: url(../images/backgrounds/coverlogo.gif) 0 0 no-repeat;
	text-decoration: none; position: absolute; left: 162px; top: 204px; z-index:600; }
#linkRalphMove{
	width: 160px;
	height: 160px;
	display: block;
	background: url(../images/backgrounds/sticker.jpg) 0 0 no-repeat;
	position: absolute; left: -110px; top: -142px;
	text-decoration: none; }
#linkRalphFBdev{
	width: 185px;
	height: 74px;
	display: block;
	background: none;
	position: absolute; left: 262px; top: 333px;
	text-decoration: none; }
#linkRalphMove:hover{
	width: 160px;
	height: 160px;
	display: block;
	background: url(../images/backgrounds/sticker.jpg) 0 -160px no-repeat;
	position: absolute; left: -110px; top: -142px;
	text-decoration: none; }
h2.coverText{
	width: 166px;
	height: 21px;
	background: url(../images/backgrounds/covertext.gif) 0 0 no-repeat;
	display: block;
	margin: 20px 0 0 0; }
/* EEE HOME */


/* SSS GOSSIP ITEMS */
.homeGossipItem{
	width: 412px;
	padding: 0 0 10px 0; }
	
.wrapGossip {
	min-height: 100%;
	width: 412px;
	margin: auto;
	position: relative; }
* html .wrapGossip {height:100%}

.wrapNoImage {
	min-height: 100%;
	width: 412px;
	margin: auto;
	position: relative; }

.clearfooter {
	clear:both;
	height: 30px;
	overflow:hidden;
	display: block; }


.footer {
	position: relative;
	height: 22px;
	background: url(../images/backgrounds/itemdivider2.gif) bottom left repeat-x;
	width: 100%;
	text-align: left;
	margin: -12px auto 0px auto; padding-bottom:14px;}
.footer h4{
	color: #666;
	font-size: 100%; }
.footer img{
	position: absolute; top: -8px; right: 3px; }

.GossipImage {
	float: left;
	position: relative;
	width: 166px;
	height: auto;
	text-align: left;
	background: url(../images/backgrounds/gossipimgbg.gif) 0 0 no-repeat; }
.GossipImageClear{
	background: url(../images/backgrounds/gossipimgbot.gif) 0 0 no-repeat;
	width: 166px;
	height: 25px;
	margin-top: -24px;
	z-index: 500; }
.GossipImage img{
	border: 1px solid #E0DDD0;
	margin: 16px 16px 19px 16px;
	z-index: 1000;
	position: relative;font-size: 40px;}

.GossipTextRight {
	position: relative;
	margin-left: 175px;color:#666;line-height:1.3em; }

* html .GossipTextRight {
	height:1px;
}

.homeGossipItem p{
	padding: 0 5px 10px 0; }


.wrapGossip .gossipHeader{
	width: 200px;
	overflow: hidden;
	background: url(../images/backgrounds/gossipheadbg.gif) 0 0 repeat-y;
	margin: 0 0 8px 0; }
.wrapGossip .gossipHeader .gossipH3green{
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 3px;
	line-height: 160%;
	width: 160px; }
.wrapGossip .gossipHeader .gossipH3green span{
	visibility: visible;
	background: #330000;
	padding: 3px 3px 3px 0px; }

.wrapGossip .gossipHeader .gossipH4green{
	text-align: right;
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 0px;
	line-height: 160%;
	width: 130px;
	position: absolute; top: 0; right: 0px;
	width: 100px; }
.wrapGossip .gossipHeader .gossipH4green span{
	visibility: visible;
	background: #330000;
	padding: 3px 3px 3px 3px; }

.wrapNoImage .gossipHeader{
	width: 350px;
	overflow: hidden;
	background: url(../images/backgrounds/gossipheadbg.gif) 0 0 repeat-y;
	margin: 0 0 8px 0;}
.wrapNoImage .gossipHeader .gossipH3green{
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 3px;
	line-height: 160%;
	width: 320px; }
.wrapNoImage .gossipHeader .gossipH3green span{
	visibility: visible;
	background: #330000;
	padding: 3px 3px 3px 0px; }

.wrapNoImage .gossipHeader .gossipH4green{
	text-align: right;
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 0px;
	line-height: 160%;
	width: 130px;
	position: absolute; top: 0; right: 0px;
	width: 100px; }
.wrapNoImage .gossipHeader .gossipH4green span{
	visibility: visible;
	background: #330000;
	padding: 3px 3px 3px 3px; }

.gossipnav {margin:14px 0 0 0;padding:0;list-style:none;display:block;width:450px;height:14px;}
.gossipnav li {margin:0;padding:0;display:block;display:inline;}
.gossipnav li a {margin:0;padding:0;display:block;height:14px;text-indent:-5000px;overflow:hidden;width:74px;float:right;}

.gossipnav li a.next { background: url(../images/links/next.gif) left top no-repeat; width:47px;margin-left: 20px;}
.gossipnav li a.previous {background: url(../images/links/previous.gif) left top no-repeat;}

/* EEE GOSSIP ITEMS */

/* SSS BLOG ITEMS */
.homeBlogItem{
	width: 392px;
	padding: 0 0 10px 0; }

.wrapBlog {
	min-height: 100%;
	width: 392px;
	margin: auto;
	position: relative; }
* html .wrapGossip {height:100%}

.wrapBlogNoImage {
	min-height: 100%;
	width: 392px;
	margin: auto;
	position: relative; }

.BlogTextRight {
	position: relative;
	margin-left: 175px; }

* html .BlogTextRight {
	height:1px;
}

.homeBlogItem p{
	padding: 0 5px 10px 0; }

.BlogImage {
	float: left;
	position: relative;
	width: 166px;
	text-align: left;
	background: url(../images/backgrounds/gossipimgbg2.gif) 0 0 no-repeat; }
.BlogImageClear{
	background: url(../images/backgrounds/gossipimgbot2.gif) 0 0 no-repeat;
	width: 166px;
	height: 25px;
	position: absolute; bottom: 0; left: 0;
	z-index: 500; }
.BlogImage img{
	border: 1px solid #E0DDD0;
	margin: 16px 16px 19px 16px;
	z-index: 1000;
	position: relative; }


.wrapBlog .blogHeader{
	width: 180px;
	overflow: hidden;
	background: url(../images/backgrounds/gossipheadbg.gif) 0 0 repeat-y;
	margin: 0 0 8px 0; }
.wrapBlog .blogHeader .blogH3green{
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 3px;
	line-height: 160%;
	width: 140px; }
.wrapBlog .blogHeader .blogH3green span{
	visibility: visible;
	background: #00CC00;
	padding: 3px 3px 3px 0px; }

.wrapBlog .blogHeader .blogH4green{
	text-align: right;
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 0px;
	line-height: 160%;
	width: 130px;
	position: absolute; top: 0; right: 0px;
	width: 100px; }
.wrapBlog .blogHeader .blogH4green span{
	visibility: visible;
	background: #00CC00;
	padding: 3px 3px 3px 3px; }

.wrapBlogNoImage .blogHeader{
	width: 330px;
	overflow: hidden;
	background: url(../images/backgrounds/gossipheadbg.gif) 0 0 repeat-y;
	margin: 0 0 8px 0;}
.wrapBlogNoImage .blogHeader .blogH3green{
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 3px;
	line-height: 160%;
	width: 300px; }
.wrapBlogNoImage .blogHeader .blogH3green span{
	visibility: visible;
	background: #00CC00;
	padding: 3px 3px 3px 0px; }

.wrapBlogNoImage .blogHeader .blogH4green{
	text-align: right;
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 0px;
	line-height: 160%;
	width: 130px;
	position: absolute; top: 0; right: 0px;
	width: 100px; }
.wrapBlogNoImage .blogHeader .blogH4green span{
	visibility: visible;
	background: #00CC00;
	padding: 3px 3px 3px 3px; }

/* EEE BLOG ITEMS */

/* SSS PAGES */
#leftPage{
	width: 456px;
	height: 540px;
	position: absolute; left: 22px; top: 38px; z-index:100;}

#rightPage{
	width: 452px;
	height: 540px;
	position: absolute; right: 70px; top: 38px; z-index:100;}

body.clients #leftPage{
	background: url(../images/pages/left4.png) top left no-repeat; }
body.work #leftPage{
	background: url(../images/pages/left5.png) top left no-repeat; }
body.jobs #leftPage{
	background: url(../images/pages/left6.png) top left no-repeat; }
body.newsletter #leftPage{
	background: url(../images/pages/left7.png) top left no-repeat; }
body.clippings #leftPage {
	background: url(../images/pages/left8.png) top left no-repeat; }
body.contact #leftPage {
	background: none;z-index:auto;}

body.clients #rightPage{
	background: url(../images/pages/right4.png) top right no-repeat; }
body.work #rightPage{
	background: url(../images/pages/right3.png) top right no-repeat; }
body.jobs #rightPage{
	background: url(../images/pages/right2.png) top right no-repeat; }
body.newsletter #rightPage{
	background: url(../images/pages/right1.png) top right no-repeat; }
body.clippings #rightPage{
	background: url(../images/pages/right0.png) top right no-repeat; }
body.contact #rightPage {
	background: none;}

/* EEE PAGES */

/* SSS RALPH AND */
#cntRalphand{
	width: 870px;
	height: 500px;
	position: absolute; right: 15px; top: 21px;
	z-index: 100; }
	
#clientList {
	width: 415px;
	height: 495px;
	position: absolute;
	top: 26px;
	right: 15px;
}
#clientList .clientlistscroller {
	width: 415px;
	height: 495px;
	overflow: auto;
}

#clientList .item {
width: 172px;
height: 156px;
overflow: hidden;
float: left;
margin-left: 17px;
margin-top: 6px;
display: inline;
}

#clientList .imgouter {
width: 134px;
height: 94px;
background: url(../images/backgrounds/client_img_bg.gif) left top no-repeat;
padding: 17px 19px;
}

#clientList .imginner {
width: 132px;
height: 92px;
overflow: hidden;
border: 1px solid #e0ddd0;
position:relative;
}
#clientList .imginner a {
width: 132px;
height: 92px;
display:block;
position:relative;
}

#clientList .imginner a.blanker {
position: absolute;
top: 0;
z-index: 200;
}

.award {
position:absolute;
top:0;
right:0;
z-index:100;
}

#clientList h2 {
font-size: 118%;
font-weight: normal;
margin: 5px 15px;
color: #f09;
font-family: georgia, times, serif;
font-weight:bold;
}

#mainimgouter {
position: absolute;
top: 26px;
left: 17px;
width: 367px;
height: 239px;
background: url(../images/backgrounds/client_mainimg_bg.gif) left top no-repeat;
padding: 21px 24px;
}

#mainimginner {
width: 365px;
height: 237px;
border: 1px solid #e0ddd0;
overflow: hidden;
position: relative;
}

#mainimginner #controls {
position: absolute;
bottom: 5px;
right: 5px;
z-index: 600;
}

#mainimginner #controls a {display:none;}
#mainimginner #controls a.on {display:block;}

#clientDetails {
position: absolute;
top: 317px;
width: 405px;
left: 23px;
}

#clientDetails h2 {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
color: #fff;
background: #f09;
padding: 2px 5px;
margin-bottom: 5px;
}

#clientDetails form {
width: 210px;
float: right;
margin: 0 0 5px 0;
padding: 0;
}

#clientDetails fieldset {
margin: 0;
padding: 0;
border: 0;
}

#clientDetails select {
float: right;
width: 205px;
font-size: 100%;
}

#clientDetails .clientInfo {
height: 168px;
width: 403px;
clear: both;
padding: 5px 0 5px 0;
line-height: 1.3em;
}

#clientDetails .clientInfo .inner {
overflow:auto;
height:168px;
}

.mainimgholder {
width: 365px;
height: 237px;
overflow:hidden;
}
#rightPage .loading {text-align:center;margin-top:200px;}


/* EEE RALPH AND */

/* SSS RALPH SAYS */
#belongstoRalph{
	width: 250px;
	height: 80px;
	background: url(../images/content/belongstoralph.gif) 0 0 no-repeat;
	position: absolute; top: 212px; left: 101px; }

#blogHolder, .blogHolder {
	width: 415px;
	height: 490px;
	position: absolute; right: 15px; top: 30px;
	overflow: auto; }
/* EEE RALPH SAYS */

/* SSS YOU AND RALPH */
#youandralphNav{
	width: 260px;
	height: 240px;
	border: 1px solid #E0DDD0;
	position: absolute; top: 130px; left: 99px; }
#youandralphNavInner{
	width: 250px;
	height: 230px;
	border: 1px solid #E0DDD0;
	margin: 4px; }
#youandralphNavInner h2{
	width: 79px;
	height: 20px;
	margin: 8px 8px 30px 8px;
	background: url(../images/headers/contents.gif) 0 0 no-repeat; }

#ynrnav1{
	width: 136px;
	height: 16px;
	display: block;
	margin: 0 8px 4px 8px;
	text-decoration: none;
	background: url(../images/links/createmovie.gif) 0 0 no-repeat; }
#ynrnav1:hover, #ynrnav1.selected{
	background: url(../images/links/createmovie.gif) 0 -16px no-repeat; }
#ynrnav2{
	width: 85px;
	height: 16px;
	display: block;
	margin: 0 8px 4px 8px;
	text-decoration: none;
	background: url(../images/links/jobsatralph.gif) 0 0 no-repeat; }
#ynrnav2:hover, #ynrnav2.selected{
	background: url(../images/links/jobsatralph.gif) 0 -16px no-repeat; }

#cntRalphMovie{
	width: 425px;
	height: 500px;
	position: absolute; left: 10px; top: 21px;
	z-index: 100; }
/* EEE YOU AND RALPH */

/* SSS CONTACT US */

.contact #leftPage .pin-map {position:absolute;z-index:300;left:138px;top:10px;display:block;width:299px;height:226px;background: url(../images/backgrounds/map_with_pins.png) left top no-repeat;}
.contact #leftPage .pin-map img {display:none;}
.contact #leftPage .pin-map .pin1 {position:absolute;width:39px;height:39px;left:10px;top:72px;}
.contact #leftPage .pin-map .pin2 {position:absolute;width:39px;height:39px;left:66px;top:65px;}
.contact #leftPage .pin-map .pin3 {position:absolute;width:39px;height:39px;left:114px;top:52px;}

.contact #leftPage .contactinfo {position:absolute;top:250px;width:426px;height:257px;list-style:none;padding:0;margin:0;z-index:400;}
.contact #leftPage .contactinfo li {position:absolute;display:block;padding:0;margin:0;}
.contact #leftPage .contactinfo .info-lon {left:2px;top:0;background: url(../images/backgrounds/card_lon.png) left 4px no-repeat;width:426px;height:249px;}
.contact #leftPage .contactinfo .info-la {left:13px;top:0;background: url(../images/backgrounds/card_la.png) left top no-repeat;width:421px;height:257px;}
.contact #leftPage .contactinfo .info-nyc {left:6px;top:0px;background: url(../images/backgrounds/card_nyc.png) left 2px no-repeat;width:422px;height:253px;}

.contact #leftPage .contactinfo .z-top {z-index:600;}
.contact #leftPage .contactinfo .z-middle {z-index:599;}
.contact #leftPage .contactinfo .z-bottom {z-index:598;}

.contact #leftPage .contactinfo-menu {position:absolute;top:245px;left:33px;width:310px;list-style:none;padding:0;margin:0;z-index:800;}
.contact #leftPage .contactinfo-menu li {display:block;float:left;}
.contact #leftPage .contactinfo-menu li a {display:block;float:left;height:35px;width:103px;text-indent:-5000px;overflow:hidden;cursor:pointer;background:none;}
.contact #leftPage .contactinfo-menu .lon a {}
.contact #leftPage .contactinfo-menu .la a {}
.contact #leftPage .contactinfo-menu .nyc a {}

.contact #leftPage .contactinfo address {width:220px;font-style:normal;font-weight:bold;color:#333;position:absolute;left:188px;top:48px;padding:20px 0 0 0;margin:0;background: url(../images/backgrounds/text_address.gif) left top no-repeat;}
.contact #leftPage .contactinfo .tel {width:220px;font-style:normal;font-weight:bold;color:#333;position:absolute;left:188px;top:109px;padding:20px 0 0 0;margin:0;background: url(../images/backgrounds/text_telephone.gif) left top no-repeat;}
.contact #leftPage .contactinfo .email {width:220px;font-style:normal;font-weight:bold;color:#333;position:absolute;left:188px;top:156px;padding:24px 0 0 0;margin:0;background: url(../images/backgrounds/text_email.gif) left top no-repeat;}
.contact #leftPage .contactinfo .email li {position:static;display:inline;margin-right:5px;}
.contact #leftPage .contactinfo .email li a {display:inline-block;color:#fff;background:#FF0099;padding:0 8px;line-height:20px;height:20px;}

.map-overlay {position:absolute;left:50%;width:287px;height:474px;top:-536px;z-index:999;margin-left:110px;padding:0px 16px 14px 57px;background:url(../images/backgrounds/bg_map.jpg) left top no-repeat;text-align:left;font-size:12px;}
#map {height:440px;width:287px;margin-top:37px;}
.map-overlay ul.controls li.print a {display:block;position:absolute;top:8px;width:97px;height:37px;background: url(../images/nav/printmap.jpg) left top no-repeat;text-indent:-5000px;overflow:hidden;}
.map-overlay ul.controls li.hide a {display:block;position:absolute;top:8px;width:98px;height:37px;background: url(../images/nav/hidemap.jpg) left top no-repeat;text-indent:-5000px;overflow:hidden;}


.map-overlay ul.controls {list-style:none;display:block;position:absolute;top:0px;left:109px;width:200px;height:45px;padding:0;margin:0;}
.map-overlay ul.controls li {position:absolute;height:45px;width:98px;}
.map-overlay ul.controls li.print {left:0px; top:0;}
.map-overlay ul.controls li.hide {left:103px;top:0;}

.map-overlay .shadow {display:block;position:absolute;top:29px;left:109px;z-index:100;background: url(../images/backgrounds/hidemap_shadow.jpg) left top no-repeat;height:8px;width:200px;}


a.viewmap {display:block;position:absolute;left:297px;top:211px;}

.contact #rightPage img {position:absolute;left:8px;top:95px;}

/* EEE CONTACT US */

/* SSS JOBS AT RALPH */
.jobs #leftPage img {
position:absolute;
top: 100px;
left: 40px;
}

#ralphJobsHolder{
	width: 410px;
	height: 495px;
	position: absolute; left: 18px; top: 26px; }

#ralphJobsScroller{
	width: 410px;
	height: 495px;
	overflow: auto; }

.JobItem, .JobItem2{
	width: 380px;
	padding: 0 0 10px 0; }
.wrapJob{
	min-height: 100%;
	width: 380px;
	margin: auto;
	position: relative; }
* html .wrapJob {height:100%}

.JobItem .JobImage{
	float: left;
	position: relative;
	width: 85px;
	text-align: left; }
	
.JobItem .JobText{
	position: relative;
	margin-left: 90px; }

.JobItem .no-image .JobText {margin-left:0;}
* html .JobItem .JobText {
	height:1px; }

.JobItem2 .JobImage{
	float: right;
	position: relative;
	width: 85px;
	text-align: left; }
	
.JobItem2 .JobText{
	position: relative;
	margin-left: 0px;
	width: 279px; }
* html .JobItem .JobText {
	height:1px; }
	
.JobClear{
	clear:both;
	height: 1px;
	overflow:hidden;
	display: block; }
.JobFooter{
	padding-bottom: 14px;
	background: url(../images/backgrounds/itemdivider2.gif) bottom left repeat-x;
	width: 100%;
	text-align: right;
	margin: auto;
	height: 14px;
	 }
	

.homeGossipItem p{
	padding: 0 5px 10px 0; }


.JobItemHeader{
	width: 200px;
	overflow: hidden;
	background: url(../images/backgrounds/jobheadbg.gif) 0 0 repeat-y;
	margin: 0 0 8px 0; }
.JobItemHeader h3{
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 3px;
	line-height: 160%;
	width: 160px; }
.JobItemHeader h3 span{
	visibility: visible;
	background: #FF6600;
	padding: 3px 3px 3px 0px; }

.JobFooter a{
	width: 182px;
	height: 14px;
	text-indent: -5000px;
	overflow:hidden;
	display:block;
	text-align:left;
	float:right;
	background: url(../images/links/contactjob.gif) 0 0 no-repeat; }
/* EEE JOBS AT RALPH */

/* SSS CLIENTS */

#clientlist {
list-style:none;
display:block;
width:903px;
height:525px;
position:absolute;
overflow:hidden;
left: 33px;
top:60px;
margin: 0;
padding: 0;
background: url(../images/backgrounds/coffee.gif) 2px 312px no-repeat;
z-index: 500;
}

#clientlist li {
display:block;
margin: 0;
padding: 0;
position: absolute;
overflow:hidden;
}


/* EEE CLIENTS */

/* SSS NEWSLETTER */

.newsletter #leftPage img {position:absolute;left: 60px;top: 100px;}
.newsletter .nlholder {position:absolute;width:419px;height:495px;top:26px;left:14px;}
.newsletter .nlscroller {width:419px;height:495px;overflow:auto;}

.newsletter .thenewsletter {width: 390px;padding-bottom:14px;background: url(../images/backgrounds/itemdivider2.gif) left bottom no-repeat;margin-bottom:10px;}
.newsletter .signup {width: 390px;}

.nlheader {background: url(../images/backgrounds/nlheadbg.gif) left top no-repeat;margin: 0 0 8px; overflow:hidden;}
.nlheader h2 {color: #fff;font-size:110%;font-weight:600;line-height:160%;padding: 0 3px;}
.nlheader h2 span, .signup div h2 span {visibility:visible;background: #3365fe;padding: 3px 3px 3px 0;color:#fff;font-size:100%;float:none;margin-left:0;}

.thenewsletter a.read {text-indent:-5000px;overflow:hidden;display:block;float:right;width:170px;height:12px;background: url(../images/links/readlatestnewsletter.gif) left top no-repeat;margin:10px 0;}

.nlclearer {clear:both;height:1px;}

.signup button {border: none; background: url(../images/links/submit.gif) left top no-repeat;width:65px;height:11px;text-indent:-5000px;overflow:hidden;display:block;margin-left: 257px;margin-top:10px;}

.signup fieldset {border: none;padding: 0;margin: 0;}

.signup label {font-family: georgia, times, serif;font-size:13px;font-weight:bold;color:#999;margin-left:66px;width:89px;display:block;float:left;}
.signup input {width: 160px;font-size:11px;font-family:arial;color:#333;padding:1px 2px;float:left;}
.signup select {width: 180px;font-size:11px;font-family:arial;color:#333;padding:0;float:left;}

.signup div {margin-bottom: 8px;float:left;clear:left;}
.signup div.nlheader {float:none;margin-bottom:8px;clear:none;}
.signup div span {color: #3365fe;font-size:16px;float:left;font-weight:normal;margin-left:2px;}

/* EEE NEWSLETTER */

/* SSS CLIPPINGS */

.clippingholder {
position:absolute;
width:424px;
height: 495px;
top: 27px;
left: 24px;
}

.storyHolder {
position:absolute;
width:424px;
height: 495px;
top: 27px;
left: 12px;
}

.clippingscroller {
width:424px;
height: 498px;
overflow:auto;
}

.storyScroller {
width:424px;
height: 498px;
overflow:auto;
}

.clippingholder ul {
list-style:none;
padding:0;
margin:0;
display:block;
}

.clippingholder li {
margin: 0;
padding: 0;
display: block;
width: 203px;
height: 139px;
float:left;
background: url(../images/backgrounds/clipping.gif) left top no-repeat;

}

.clippingholder li a {
display:block;
width: 182px;
height: 125px;
float:left;
text-decoration:none;
color: #232323;
padding: 0 9px;
margin: 6px 0;
overflow:hidden;
}

.clippingholder li a span {
display:block;
visibility: visible;
}

.clippingholder li a span.h2 {font-size: 22px;line-height:28px;font-family: 'times new roman', times, serif;padding-bottom: 7px;background: url(../images/headers/clipperdivider.jpg) left bottom no-repeat;text-align:justify;max-height:112px;overflow:hidden;}
.clippingholder li a span.p {font-size: 11px;line-height:14px;font-family: courier, monospace;padding-top: 7px;text-align:justify;}

.StoryItemHeader{
	width: 380px;
	overflow: hidden;
	background: url(../images/backgrounds/storyheadbg.gif) 0 0 repeat-y;
	margin: 0 0 8px 0; }
.StoryItemHeader h3{
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 3px;
	line-height: 160%;
	width: 370px; }
.StoryItemHeader h3 span{
	visibility: visible;
	background: #00cccc;
	padding: 3px 3px 3px 0px; }
.StoryItemInfo{
	width: 380px;
	overflow: hidden;
	background: url(../images/backgrounds/storyheadbg2.gif) 0 0 repeat-y;
	margin: -8px 0 8px 0; }
.StoryItemInfo h4{
	font-size: 100%;
	font-weight: 600;
	color: #fff;
	padding: 0px 3px 0px 3px;
	line-height: 160%;
	width: 370px; }
.StoryItemInfo h4 span{
	visibility: visible;
	background: #00a0a0;
	padding: 3px 3px 3px 0px; }

.storyScroller h5 {margin-top:20px;height:12px;}
.storyScroller h5 a {display:block;height:12px;width:97px;overflow:hidden;text-indent:-5000px;background:url(../images/links/viewarticle.jpg) left top no-repeat;float:right;}

/* EEE CLIPPINGS */

/* SSS FOOTER */
.mainFooter{
	width: 920px;
	padding-right: 50px;
	margin: auto;
	text-align: left;line-height:18px; height:18px;}
.mainFooter a{
	color: #666;
	text-decoration: none; }
.mainFooter a.home {display:block;width:36px;height:10px;overflow:hidden;background: url(../images/links/home.gif) left -10px no-repeat;text-indent:-5000px;float:left;margin: 4px 0;}
.mainFooter a.rss {display:block;width:18px;height:18px;overflow:hidden;background: url(../images/links/rss.gif) left -19px no-repeat;text-indent:-5000px;float:left;margin-left: 10px;}
.mainFooter a.twitter {display:block;width:18px;height:18px;overflow:hidden;background: url(../images/links/twitter.gif) left -20px no-repeat;text-indent:-5000px;float:left;margin-left: 6px;}
.mainFooter a.facebook {display:block;width:18px;height:18px;overflow:hidden;background: url(../images/links/facebook.gif) left -20px no-repeat;text-indent:-5000px;float:left;margin-left: 6px;}

.mainFooter .left a:hover {background-position: 0 0;}

.mainFooter a:hover{
	text-decoration: underline; }
/* EEE FOOTER */

/* SSS SCROLLERS */

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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #d0d0d0;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.home .jScrollPaneDrag {background: #330000;}
.work .jScrollPaneDrag {background: #ff0099;}
.jobs .jScrollPaneDrag {background: #ff6600;}
.newsletter .jScrollPaneDrag {background: #3365fe;}
.clippings .jScrollPaneDrag {background: #00cccc;}


.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;
	height: 13px;
}
.home a.jScrollArrowUp {background: url(../images/links/arrow-up-home.gif) left top no-repeat;}
.home a.jScrollArrowDown {background: url(../images/links/arrow-down-home.gif) left top no-repeat;}
.work a.jScrollArrowUp {background: url(../images/links/arrow-up-work.gif) left top no-repeat;}
.work a.jScrollArrowDown {background: url(../images/links/arrow-down-work.gif) left top no-repeat;}
.jobs a.jScrollArrowUp {background: url(../images/links/arrow-up-jobs.gif) left top no-repeat;}
.jobs a.jScrollArrowDown {background: url(../images/links/arrow-down-jobs.gif) left top no-repeat;}
.newsletter a.jScrollArrowUp {background: url(../images/links/arrow-up-newsletter.gif) left top no-repeat;}
.newsletter a.jScrollArrowDown {background: url(../images/links/arrow-down-newsletter.gif) left top no-repeat;}
.clippings a.jScrollArrowUp {background: url(../images/links/arrow-up-clipping.gif) left top no-repeat;}
.clippings a.jScrollArrowDown {background: url(../images/links/arrow-down-clipping.gif) left top no-repeat;}


a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 13px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* EEE SCROLLERS */