html {
	min-height: 100%;
	padding-bottom: 1px; }

body {
	background-color:white;
	color: #858585;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	line-height: 14px;/**/
	margin: 0;
	padding: 0; }
img.vtitle {
	padding-top: 3px; }
img.vtitlesm {
	padding-top: 4px; 
	padding-right: 10px; }
h1.a {
	color: #cecece;
	font-size: 17px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	word-spacing: -1px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0; }
h1.b {
	color: #9204b6;
	font-size: 18px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	word-spacing: 0;
	letter-spacing: 0;
	margin: 5px 0 0;
	padding: 0; }
h1.c {
	color: #510265;
	font-size: 18px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	word-spacing: 0;
	letter-spacing: 0;
	margin: 18px 0 0;
	padding: 0; }
h1.subb {
	color: #9204b6;
	font-size: 22px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	word-spacing: 0;
	letter-spacing: -1px;
	margin: 0;
	padding: 0; }
h1.case {
	color: #9204b6;
	font-size: 22px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	word-spacing: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 0; }
h1.subc {
	color: #510265;
	font-size: 21px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: -1px;/**/
	margin: 0;
	padding: 0; }
h1.recent {
	color: #9204b6;
	font-size: 22px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	word-spacing: 0;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	/*padding: 0 0 10px;*/ }
h1.profile {
	color: #9204b6;
	font-size: 24px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	word-spacing: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 0; }
h1.profilec {
	color: #510265;
	font-size: 18px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	word-spacing: 0;
	letter-spacing: -1px;
	margin: 0;
	padding: 0; }
h1 {
	color: #5f0177;
	font-size: 18px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: normal;
	font-style: normal;
	line-height: 21px;
	/*word-spacing: -1px;
	letter-spacing: -1px;
	margin-left: 1px;*/ }
h1.title {
	color: #5f0177;
	font-size: 18px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 21px;
	/*word-spacing: -1px;
	letter-spacing: -1px;*/
	margin-top: 0;
	margin-left: 1px;
	padding-top: 0; }
h2 {
	color: #cecece;
	font-size: 16px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 19px;
	/*word-spacing: -1px;
	letter-spacing: -1px;*/
	/*margin-left: 1px;*/ }
h3 {
	color: #858585;
	font-size: 14px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	/*margin-left: 2px;*/ }
p {
	color: #858585;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	line-height: 14px;
	word-spacing: normal;
	letter-spacing: normal;
	/*margin-left: 3px;*/ }
p.subd {
	color: #858585;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	line-height: 14px;
	word-spacing: normal;
	letter-spacing: normal;
	margin-left: 0; }

ul.nobullet {
	margin-left: 3px;
	padding-left: 0;
	list-style-type: none; }
	
li.nobullet {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none; }
li.bullet {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	list-style-image: url(../images/bullet.gif); }

.notop {
	margin-top: 0;
	padding-top: 0; }
.nobottom {
	margin-bottom: 0;
	padding-bottom: 0; }
.notopbottom {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0; }
.dgray {
	color: #828181; }
.lpurple {
	color: #978f9b; }
.purple {
	color: #9204b6; }
.dpurple {
	color: #510265; }

a:link, a:visited, a:active {
	color: #9204b6;
	font-weight: bold;
	text-decoration: none; }
a:hover {
	color: #5f0177;
	font-weight: bold;
	text-decoration: none; }
a.career:link, a.career:visited, a.career:active {
	color: #510265;
	font-weight: normal;
	text-decoration: none; }

a.career:hover {
	color: #9204b6;
	font-weight: normal;
	text-decoration: none; }
	
a.news:link, a.news:visited, a.news:active {
	color: #858585;
	font-weight: normal;
	text-decoration: none; }

a.news:hover {
	color: #9204b6;
	font-weight: normal;
	text-decoration: none; }
	
#home a.copyright:link, #home a.copyright:visited, #home a.copyright:active {
	color: #c8c7c7;
	text-decoration: none; }

#home a.copyright:hover {
	color: #9204b6;
	text-decoration: none; }
	
#sub a.copyright:link, #sub a.copyright:visited, #sub a.copyright:active {
	color: #c8c7c7;
	text-decoration: none; }

#sub a.copyright:hover, #sub a.copyrightsel:link, #sub a.copyrightsel:visited, #sub a.copyrightsel:active, #sub a.copyrightsel:hover {
	color: #9204b6;
	text-decoration: none; }

/***sitemap****/
li.sitemap {
	margin-left: 0;
	padding-left: 0;
	color: #858585;
	font-size: 14px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none; }

li.sitemap a:link, li.sitemap a:visited, li.sitemap a:active {
	color:#858585;
	text-decoration: none; }

li.sitemap a:hover {
	color: #9204b6;
	text-decoration: none; }

li.sitemap li a:link, li.sitemap li a:visited, li.sitemap li a:active {
	color: #858585;
	text-decoration: none; }

li.sitemap li a:hover {
	color: #9204b6;
	text-decoration: none; }
	
/***end sitemap****/
	
/*****structure****/

#container {
	text-align: center;
	width: 100%; }

#icontainer {
	text-align: left;
	width: 900px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	/**/ }
#row1 {
	height: 390px;
	/*margin-bottom: 30px;*/ }

/*christmas banner*/
#draylogo {
	position: relative;
	top: 77px;
	margin-left: 7px; }
/*end christmas banner*/	

#christmasbanner {
	position: absolute;
	top: 0;
	z-index: 0;
	margin-left: 7px; 
	width: 930px;
	height: 388px;
	}
#tagline {
	color: #9204b6;
	font-size: 16px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 16px;
	text-align: right;
	position: relative;
	top: -34px;
	width: 100%;
	height: 20px;
	z-index: 0;
	float: right; }
.flashbanner {
	/*this is used instead of the challenge and banner classes*/
	text-align: right;
	position: absolute;
	z-index: -1;
	top: 120px;
	height: 270px;
	overflow: hidden; }
.flashplaceholder { 
	/*this is used instead of the challenge and banner classes*/
	text-align: right;
	position: absolute;
	z-index: 0;
	top: 120px;
	width: 900px;
	height: 269px;
	overflow: hidden; }

.challenge {
	position: absolute;
	top: 210px;
	width: 290px;
	height: 170px;
	z-index: 1;
	margin-left: 5px;
	overflow: hidden; }
#recentchallenge {
	width: 240px !IMPORTANT;
}
#shadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: 0 top;
	position: absolute;
	min-width: 900px;
	top: 380px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 5; }

#bottomrow {
	background-color: white;
	position: absolute;
	top: 390px;
	
	min-width: 900px;
	z-index: 5;
	padding-top: 30px; }

#home #socialmedia {
	width: 90px;
	float: left;
	margin-left: 50px;
	color: #cecece;
	font-size: 27px;
	font-family: "arial black";
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
	word-spacing: -1px;
	letter-spacing: -3px;
	}
	
#sub #socialmedia {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 75px;
	color: #cecece;
	font-size: 27px;
	font-family: "arial black";
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
	word-spacing: -1px;
	letter-spacing: -3px;
	}/**/
	
/*copyright*/

#home #copyright {
	color: #c8c7c7;
	font-size: 13px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	font-weight: bold;
	line-height: 15px;
	padding-bottom: 50px;
	word-spacing: 0;
	letter-spacing: -1px;
	margin-top: 20px;
	width: 100%;
	float: left;
	clear: both; }
	
#sub #copyright {
	color: #c8c7c7;
	font-size: 13px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	font-weight: bold;
	line-height: 15px;
	word-spacing: 0;
	letter-spacing: -1px;
	/*margin-top: 75px;
	margin-left: 3px;*/
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 20px; }
	
#sub #copyrightabs {
	color: #c8c7c7;
	font-size: 13px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	font-weight: bold;
	line-height: 15px;
	word-spacing: 0;
	letter-spacing: -1px;
	/*margin-top: 75px;*/
	margin-left: 3px;
	padding-bottom: 20px;
	float: left;
	clear: both; 
	position: relative;
	margin-top: 107px;
	}
#sub #copyright-case {
	color: #c8c7c7;
	font-size: 13px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	font-weight: bold;
	line-height: 15px;
	word-spacing: 0;
	letter-spacing: -1px;
	margin-top: 274px;
	padding-bottom: 20px;
	position: relative;
	float: left;
	clear: both;
	margin-left: 0; }
#sub #copyright-recent {
	color: #c8c7c7;
	font-size: 13px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	font-weight: bold;
	line-height: 15px;
	word-spacing: 0;
	letter-spacing: -1px;
	margin-top: 110px;
	margin-left: 19px;
	padding-bottom: 20px;
	float: left;
	clear: both; 
	position: absolute;
	}
.phoneinfo {
	padding-left: 75px; }
.padphone {
	padding-left: 25px; }
#leftcol {
	color: white;
	width: 225px;
	height: auto;
	display: block;
	float: left; }
#titlebloc {
	width: 35px;
	display: block;
	float: left;
	padding-top: 3px; }
#home #rightcol {
	width: auto;
	display: block;
	float: left;
	margin-left: 5px; }
#sub #rightcol {
	display: block;
	/*margin-left: 23px;*/
	margin-left: 19px;
	width: 650px;
	float: left; }
#sub #rightcol.recenttiles {
	margin-left: 0;
	width: 673px;
	}
#f-imgblock {
	width: 275px;
	float: left;
	margin-top: -5px; }
#f-text {
	width: 300px;
	float: left;	
}

/*news*/
#home #newsbloc {
	display: block;
	margin-left: 50px;
	width: 325px;
	float: left; }
ul.homenews {
	width: 285px;
	float: right;
	margin: 0;
	padding: 0; }
li.homenews {
	margin: 0;
	padding: 0 0 15px;
	list-style-type: none; 
	color: #858585;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	line-height: 14px;
	}
	
/*services*/
#slist {
	margin-left: 40px; 
	}
.sfontsize {
	font-size: 15px;
	line-height: 17px;
	}
	


/*****end structure****/

/*****navigation****/
.navblock {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 14px;
	position: relative;
	top: 3px;
	margin: 0 0 0 250px;
	padding: 0;
	list-style-type: none;
	display: block; }
/*top nav items*/
li.navlist {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 16px;
	display: inline;
	margin: 0 56px 0 0;
	padding: 0;
	list-style-type: none; }
/*top nav items (last item)*/
li.navlista {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 16px;
	display: inline;
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none; }
.navblock2 {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: normal;
	line-height: 14px;
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	display: block; }
li.navlist2 {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	padding: 0 0 10px;
	list-style-type: none; }
li.navlist2-tight {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: normal;
	line-height: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px; }
.navblock3 {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: normal;
	line-height: 14px;
	margin: 8px 0 0 25px;
	padding: 0;
	list-style-type: none;
	display: block; }
li.navlist3 {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	padding: 0 0 4px;
	list-style-type: none; }
li.navlist3b {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-weight: normal;
	line-height: 14px;
	list-style-type: none;
	margin: 0;
	padding: 4px 0; }
a.nav:link, a.nav:visited, a.nav:active {
	color: #858585;
	font-weight: normal;
	text-decoration: none; }
a.nav:hover, a.navsel:link, a.navsel:visited, a.navsel:active, a.navsel:hover {
	color: #5f0177;
	font-weight: normal;
	text-decoration: none; }
a.nav2:link, a.nav2:visited, a.nav2:active {
	color: #858585;
	font-weight: normal;
	text-decoration: none; }
a.nav2:hover, a.nav2sel:link, a.nav2sel:visited, a.nav2sel:active, a.nav2sel:hover {
	color: #5f0177;
	font-weight: normal;
	text-decoration: none; }
a.nav3:link, a.nav3:visited, a.nav3:active {
	color: #858585;
	font-weight: normal;
	text-decoration: none; }
a.nav3:hover, a.nav3sel:link, a.nav3sel:visited, a.nav3sel:active, a.nav3sel:hover {
	color: #5f0177;
	font-weight: normal;
	text-decoration: none; }	

a.csnav:link, a.csnav:visited, a.csnav:active {
	color: #858585;
	font-weight: bold;
	text-decoration: none; }
a.csnav:hover, a.csnavsel:link, a.csnavsel:visited, a.csnavsel:active, a.csnavsel:hover {
	color: #5f0177;
	font-weight: bold;
	text-decoration: none; }

/***end navigation***/

/****case studies***/

#cstitle {
	clear: both;
	height: Auto;
	z-index:1; 
}
.cs-show {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	background-color: white;
	left:0px;	
	z-index:1; 
	position: absolute;
	 }
.cs-hide {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	background-color: white;
	left:0px;	
	z-index:1; 
	position: absolute;
	}
#cs-nav {
	color: #5f0177;
	font-size: 11px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	position: absolute;
	top: 365px;
	width: 290px;
	height: 25px;
	z-index: 1;
	clear: both;
	margin-left: 5px; }
/*#cs-nav2 {
	font-size: 14px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	word-spacing: 7px;
	display: none;
	margin-left: 5px;
	position: absolute;
	top: 365px;
	width: 290px;
	height: 25px;
	clear: both; }*/
.cs-imgpad	{
	/*
	padding-right: 5px;
	padding-left: 5px;
	*/
	padding-right: 0;
	padding-left: 0; }
.thumbs {
	/*margin-left: 95px;*/
	margin-left: 0px; }

.cstcontent {
	overflow: visible;
	margin-left: 3px;	
	margin-top: 20px;
	/*position: absolute;	*/	
	}

.csttitle {
	padding-top: 10px;
	width: 30px;
	float: left;
	}
		
.csttext {
	padding-top: 5px;
	margin-left: 5px;
	width: 230px;
	float: left;	
	}

.csttitle2 {
	padding-top: 10px;
	width: 30px;
	margin-left: 15px;
	float: left;
	}
		
.csttext2 {
	padding-top: 5px;
	margin-left: 5px;
	width: 315px;
	float: left;
	}

.cstcontent p {
	margin-top: 0;
}

ul.cstlist {
	margin: 0px;
	padding-left: 0;
	list-style-type: none; }


/**recent projects **/	
.recentthumbs {
	width: 260px;		
	margin-left: 15px;
	float: left;
	/*position: absolute;*/
	}
	
.recentcontent {
	overflow: visible;
	margin-left: 275px;	
	/*position: absolute;	*/	
	}

.recenttitle {
	padding-top: 10px;
	width: 30px;
	float: left;
	}
		
.recenttext {
	padding-top: 5px;
	margin-left: 5px;
	width: 340px;
	float: left;
	}

.recenttext p {
	margin-top: 0;
}

.recent-show {
	position: absolute;
	display: block;
	/*position: absolute;*/	
	 }

.recent-hide {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
	/*position: relative;
	display: none;*/
	}
		
.colclear {
	clear: both;
}	
/****end case studies***/

/*===================================*/

/*======== main banner options =====**/

/******no animation***********/

.banner {
	text-align: right;
	position: relative;
	top: 5px;
	z-index: 0;
	left: 245px;
	width: 642px;
	height: 270px;
	overflow: hidden; }
	 
/******end no animation***********/

/******animate***********/

.abanner {
	filter:alpha(opacity=0);
	-moz-opacity:0.00;
	opacity:0.00;
	position: absolute;
	z-index: 0;
	top: 120px;
	left: 245px;
	width: 642px;
	height: 270px;
	overflow: hidden; }
	 
/******end animate***********/

/******fade***********/

.fbanner {
	filter:alpha(opacity=0);
	-moz-opacity:0.00;
	opacity:0.00;
	position: absolute;
	z-index: 0;
	top: 120px;
	left: 245px;
	width: 642px;
	height: 270px;
	overflow: hidden; }
	 
/******end fade***********/
	 
/******rotation***********/
#rimg1 {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	z-index:2;
	position: absolute;
	cursor: pointer;
	 }
#rimg2 {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	left:0px;
	top:0px;
	z-index:1; 
	position: absolute;
	cursor: pointer;
	}

/******end rotation***********/

/*======== main banner options =====**/

/*****video*****/
.frame {
	background-image: url(../images/frame.gif);
	background-repeat: no-repeat;
	width: 660px;
	height: 405px;
	margin-top: 30px; }

.video {
	width: 640px;
	height: 385px;
	padding: 10px; }

/*****end video*****/


/*===================================*/

/*****popup***********/
.sampletitle {
	margin-right: 15px;
}

.popthumboff {
	cursor: pointer;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00; }

.popthumbon {
	cursor: pointer;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	opacity:0.35; }

.poplarge {
	/*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;*/
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
	z-index:10;
	width: 451px;
	height: 280px;
	background-image: url(../images/poppic-bg.png);
	background-repeat: no-repeat;
	background-color: #ffffff;	
	margin-top: -10px;
	/*left:0px;
	top:0px;
	cursor: pointer;*/
	}
.popshift-br {	
	margin-left: 79px;
}
.popshift-cr {	
	margin-left: 98px;
}
.popshift-ma {	
	margin-left: 127px;
}
.popshift-pk {	
	margin-left: 127px;
}
.popshift-int {	
	margin-left: 126px;
}
.popshift-web {	
	margin-left: 64px;
}
.popshift-pr {	
	margin-left: 177px;
}
.popshift-sm {	
	margin-left: 177px;
}

.popin {
	background-repeat: no-repeat;
	position: absolute;
	width: 431px;
	height: 262px;
	margin-left: 10px;
	margin-top: 10px; }
.popcontent {
	position: absolute;
	padding: 25px 25px 25px 25px; }
	
/*branding*/
.poppad1 {
	padding: 60px 0 0 160px; }
.poppad2 {
	padding: 20px 200px 0 0; }
.poppad3 {
	padding: 95px 0 0 130px; }
	
/*creative*/
.poppad4 {
	padding: 0 230px 0 0; }
	
/*marketing*/
.poppad5 {
	padding: 75px 0 0 165px; }	
.poppad6 {
	padding: 85px 0 0 180px; }		
.poppad7 {
	padding: 20px 235px 0 0; }
	
/*packaging*/
.poppad8 {
	padding: 70px 0 0 130px; }
	
/*interactive*/
.poppad9 {
	padding: 70px 0 0 157px; }	
.poppad10 {
	padding: 40px 0 0 190px; }

/*web*/
.poppad11 {
	padding: 10px 0 0 210px; }
.poppad12 {
	padding: 30px 240px 0 0; }	
.poppad13 {
	padding: 80px 0 0 210px; }	
	
/*pr*/
.poppad14 {
	padding: 0 240px 0 0; }	
.poppad15 {
	padding: 40px 0 0 210px; }	
	
/*sm*/
.poppad16 {
	padding: 10px 0 0 230px; }
.poppad17 {
	padding: 0px 240px 0 0; }	
.poppad18 {
	padding: 40px 0 0 210px; }
		
		
.popclosebuton {
	width: 47px;
	height: 50px;
	margin-left: 385px; 
	z-index: 13;
	position: absolute;
	margin-right: 2px;
	cursor: pointer; 
}
p.popheader {
	color: #5f0177;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	font-weight: bold;
	line-height: 13px;
	z-index: 10;
	margin: 0;
	padding: 0; }
p.popbody {
	color: #858585;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	line-height: 13px;
	z-index: 10;
	margin: 0;
	padding: 0; }
#int-ed {
	background-image: url(../images/poppic-int-ed.jpg);
	}

#int-q5 {
	background-image: url(../images/poppic-int-q5.jpg);
	}
	
#int-sj {
	background-image: url(../images/poppic-int-sj.jpg);
	}

#cr-ast {
	background-image: url(../images/poppic-cr-ast.jpg);
	}

#cr-saga {
	background-image: url(../images/poppic-cr-saga.jpg);
	}

#cr-lp {
	background-image: url(../images/poppic-cr-lp.jpg);
	}

#ma-abuse {
	background-image: url(../images/poppic-ma-abuse.jpg);
	}

#ma-ches {
	background-image: url(../images/poppic-ma-ches.jpg);
	}

#ma-nlan {
	background-image: url(../images/poppic-ma-nlan.jpg);
	}

#pk-tolli {
	background-image: url(../images/poppic-pk-tolli.jpg);
	}

#pk-iglobe {
	background-image: url(../images/poppic-pk-iglobe.jpg);
	}

#pk-pl {
	background-image: url(../images/poppic-pk-pl.jpg);
	}

#br-deep {
	background-image: url(../images/poppic-br-deep.jpg);
	}

#br-rdc {
	background-image: url(../images/poppic-br-rdc.jpg);
	}

#br-ocean {
	background-image: url(../images/poppic-br-ocean.jpg);
	}
	
#web-daf {
	background-image: url(../images/poppic-web-daf.jpg);
	}
	
#web-martek {
	background-image: url(../images/poppic-web-martek.jpg);
	}
	
#web-pauli {
	background-image: url(../images/poppic-web-pauli.jpg);
	}
#pr-cupids {
	background-image: url(../images/poppic-pr-cupids.jpg);
	}
#pr-avalon {
	background-image: url(../images/poppic-pr-avalon.jpg);
	}
#pr-wh {
	background-image: url(../images/poppic-pr-wh.jpg);
	}
#sm-safety {
	background-image: url(../images/poppic-sm-safety.jpg);
	}
#sm-berkshire {
	background-image: url(../images/poppic-sm-berkshire.jpg);
	}
#sm-dry {
	background-image: url(../images/poppic-sm-dry.jpg);
	}	

	
/*****end popup*******/


/****collapsibles***/
/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.message_list li {
	padding: 0;
	margin: -1px;
	color:#858585;
	/*background: url(images/message-bar.gif) no-repeat;*/
}

.message_h1 h1 {
	cursor: pointer;
}

.message_h1 h1:hover {
	color: #9204b6;
}

.message_head {
	padding: 0;
	cursor: pointer;
	position: relative;
	margin: 0;
}

h2.message_head {
	color: #858585;
	font-size: 16px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	line-height: 19px;
	/*word-spacing: 0;
	letter-spacing: 0;*/
}

h2.message_head:hover {
	color: #9204b6;
}

.message_head cite {
	font-style: normal;
	padding: 0;
}
.message_body {
	padding: 0;
}

#showallDs {
	color: #858585;
	font-size: 10px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	font-style: normal;
	font-weight: normal;
	word-spacing: 0;
	letter-spacing: 0;
	padding-left: 20px;
}

#showallDs:hover {
	color: #9204b6;
}

/*.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 5px 10px 15px;
}*/
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

/****end collapsibles***/

/**** 9 tiles ****/
#hometiles {
	width: 360px;
	height: 360px;
	float: left;
	overflow: hidden;
	display: block;
}

#hometiles .tile {
	background-color: white;
	cursor: pointer;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	padding: 0;
	margin: 0;	
}

#hometiles .tile-over {
	background-color: white;
	cursor: pointer;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	padding: 0;
	margin: 0;
}

/**** end 9 tiles ****/

a.fadelink:link img, a.fadelink:active img, a.fadelink:visited img {
	background-color: white;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

a.fadelink:hover img {
	background-color: white;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity:0.45;
}