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

body {
	background-color:#fff;
	color: #a9a9a9;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	line-height: 14px;/**/
	margin: 0;
	padding: 0; }

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: 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.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: #a9a9a9;
	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: #a9a9a9;
	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: #a9a9a9;
	font-size: 12px;
	font-family: "lucida sans unicode", "trebuchet ms", arial, helvetica;
	line-height: 14px;
	word-spacing: normal;
	letter-spacing: normal;
	margin-left: 0; }
.notop {
	margin-top: 0;
	padding-top: 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; }

/*****structure****/

#container {
	width: 100%
}

#icontainer {
	position: absolute;
	width: 900px;
	z-index: 1;
	left: 50%;
	margin-left: -450px;/**/ }
#row1 {
	height: 390px;
	/*margin-bottom: 30px;*/ }
#draylogo {
	position: absolute;
	top: 77px;
	z-index: 10;
	margin-left: 7px; }
#tagline {
	color: #9204b6;
	font-size: 16px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 16px;
	text-align: right;
	position: absolute;
	top: 45px;
	width: 100%;
	height: 20px;
	float: right;
	display: inline; }
.flashbanner {
	/*this is used instead of the challenge and banner classes*/
	text-align: right;
	position: absolute;
	z-index: 1;
	top: 120px;
	width: 900px;
	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: 150px;
	z-index: 1;
	margin-left: 5px; 
	overflow: hidden; }
#shadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: 0 top;
	position: absolute;
	top: 380px;
	width: 100%;
	height: 10px;
	z-index: 5; }

#bottomrow {
	background-color: white;
	position: absolute;
	top: 390px;
	width: 100%;
	height: 100%;
	z-index: 5;
	padding-top: 30px; }
#leftcol {
	color: white;
	width: 225px;
	height: 100%;
	display: block;
	float: left; }
#titlebloc {
	width: 35px;
	display: block;
	float: left;
	margin-left: 5px;
	padding-top: 3px; }
#home #rightcol {
	display: block;
	width: 615px;
	float: left;
	margin-left: 5px; }
#sub #rightcol {
	display: block;
	margin-left: 23px;
	width: 650px;
	float: left; }
#f-imgblock {
	width: 275px;
	float: left;
	margin-top: -5px; }
#f-text {
	width: 340px;
	float: left;	
}

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

/*****navigation****/
.navblock {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 14px;
	position: absolute;
	top: 102px;
	left: 250px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block; }
li.navlist {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 16px;
	display: inline;
	margin: 0 48px 0 0;
	padding: 0;
	list-style-type: none; }
li.navlista {
	color: #5f0177;
	font-size: 14px;
	font-family: "lucida sans unicode", helvetica, verdana, arial;
	line-height: 16px;
	display: inline;
	margin: 0;
	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; }
a.nav:link, a.nav:visited, a.nav:active {
	color: #a9a9a9;
	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: #a9a9a9;
	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: #a9a9a9;
	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: #a9a9a9;
	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 {
	left:0px;	
	z-index:1; 
	position: absolute;
	 }
.cs-hide {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	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; }
.thumbs {
	margin-left: 95px; }
/****end case studies***/

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

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

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

.banner {
	text-align: right;
	position: absolute;
	z-index: 0;
	top: 120px;
	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 =====**/
/*===================================*/