html,body {
	margin:0;
	padding:0
}

body {
	font: 76% "trebuchet MS", verdana, sans-serif;
	text-align:center; 
	color:#663366;
	background-color:#F0EAD2
}

p {
	margin:0 40px 10px 10px
}

div#content p {
	color:#000;
}

div#content span.credit {
	color:#666;
	margin:0;
	text-align:right;
	font-style:italic
}



.italic {
	font-style:italic
}

a {
	color: #663366;
	text-decoration:none
}

a:hover {
	text-decoration:underline
}

h1 {
	margin: 0;
	background: url('images/logo2.gif') no-repeat top right; 
	text-indent: -9999px;
	position: relative;
	height: 55px
}


h1 a {
	position: absolute;
	top: 0;
	right: 0;
	display: block; 
	width:370px;
	height:55px;
}

h2 {
	margin: 1em 0 .3em 10px;
	clear:both
}

h3 {
	font: 76%; 
	margin: .5em 0 .3em 10px;
	clear:both
}


img.team {
	float:left; 
	margin:0 5px 0 0;
	border:0;
	clear:both
}

.teamwrap {
clear: both;
margin-bottom: 20px
}

.teamblock {
margin-left: 135px;
}

h3.team {
clear: none;
}

div#callout {
	border: 1px solid;
	margin: 15px;
	padding: 5px;
	background: #F3E6BA
}

div#callout p {
	color: #663366;
}

div#callout .bold {
	font-weight: bold
}

div#header {
	height:20px;
	background-color:#F0EAD2;
	border-bottom:1px solid #FFF
}

div#container {
	text-align:left;
	background:url('images/back.gif') repeat-y right
}

div#content p {
	line-height:1.4;
}

div#extra {
	background:#FF8539
}

div#footer p {
	margin:0;
	padding:5px 0 5px 100px
}

div#container {
	width:700px;
	margin:0 auto;
	border-bottom:1px solid #FFF;
}

div#wrapper {
	float:left;
	width:100%;
}


div#content {
	margin-left: 160px;
	position: relative;
}

a#burst {
	height: 80px;
	width: 175px;
	display: block;
	position: absolute;
	top: 116px;
	left: 350px;
	z-index:1000;
	/* border:1px dotted green; */
}

a#burst img {
	height: 80px;
	width: 175px;
	border:none
}

div#navigation {
	float:left; 
	width:150px; 
	margin-left:-700px
}

div#extra {
	float:left; 
	width:150px;
	margin-left:-550px
}

div#footer {
	clear:left;
	width:100%;
	text-align:center;
}

dl {
	border:1px solid #663366;
	border-bottom:0;
	background-color:#F0E9CF;
	margin:2px 0 2px 0
}

dt {
	padding:7px;
	text-align:center;
	font-size:160%;
}

dd {
	*padding:3px;
	text-align:center;
	border:1px solid #663366;
	border-right:0; 
	border-left:0;
	margin:3px 0 0 0;
	background-color:#E1D19B
}

dd:hover, dd.sfhover {
	background-color:#F3E6BA
}

html>body div#navigation dd a {
	display:block;
	padding: 3px;
}

dd a {
	display:block;
	width: 142px;
	padding: 3px;
	line-height: 1em

}

ul {
	list-style: none;
	clear:both;
	margin-top: 10px;
	position: relative;
	right: 0;
}


li {
	display: inline;
	margin:0 1em 0 0
}

li.first {
	margin-left: -2em
}

ol {
	margin: 0 2em 1em 0
}

ol li {
	display:list-item;
	margin: 0 0 .5em 0;
	list-style:decimal;
	color: #000
}

ol.olheader li {
	font-size: 115%;
	color:#663366;
	font-weight:bold
}

ol.olinner li {
	font-size: 100%;
	color:#000;
	font-weight:normal;
	list-style:lower-latin
}

/*IE FIXES */

* html ol {
	margin-left: 35px
}

*+html ol {
	margin-left: 35px
}

* html ol.olinner li {
	font-size: 85%;
}

*+html ol.olinner li  {
	font-size: 85%;
}

/* END IE FIXES */

ul#contactform li {
display: block;
float: none;
margin: 10px 0 10px 0;
}

div#content img#logo {
	float:right;
	margin-bottom:20px;
}

div#content img#collage {
	float:right
}

div#navigation a {
	text-decoration:none
}

div#content img.side {
	margin:3px;
	border:0;
	float:right;
	margin:5px;
	clear:right
}

div#content img.sidebutton {
	margin:3px;
	border:0;
	float:right;
	margin:5px;
	clear:right;
}

div#content img.sidebutton a {
	cursor:hand
}

img.thumb {
	border: 0;
	margin: 3px
}

hr {
	clear: both;
	color: #FFF;
	border-bottom: 1px solid #CCC;
	margin: 15px 0 15px 0;
}

.privacy  {
 	font-size: 85%;
 	color: #ccc;
 }
 
.privacy a  {
	 color: #ccc;
	 text-decoration: underline;
 }
 
div#content div.quotes {
 	margin: 20px;
 	background:url('images/quotes.gif') no-repeat top left;
 	padding: 20px;
 }
 
div#content div.quotes p.quote {
  	color: #663366;
 	font-style: italic;
 	font-size: 120%;
 	font-weight: bold;
 }
 
div#content div.quotes p.credit {
  	font-style: italic;
	color: #c9b87e;
	text-align: right;
	margin-top: 0;
 }


/* DESIGN PARTNERS */

h3.dp {
	font: 76%; 
	margin: .5em 0 .3em 10px;
	clear:both;
	border-bottom: 1px solid #d5cfb9;
	width:95%
}

h4.dp {
	margin: .5em 0 .3em 10px;
	color: #000;
}

img.dp {
	float: left;
	margin:0 10px 15px 10px;
}

.doubleimg {
	float: left;
	margin:0 0 15px 10px;
	width: 100px;
}

p.inset {
	margin-left: 110px;	
}

.pop {
	cursor:pointer
}

/* DESIGN PARTNERS END */




/* QA */

#qa {
	text-indent:-9999px;
	background: url(images/qaheader.gif) no-repeat top right;
	width: 100%;
	height: 54px;
	margin-bottom:20px;
}

#qaformheader {
	text-indent:-9999px;
	background: url(images/qaformheader.gif) no-repeat top right;
	width: 100%;
	height: 54px;
	margin-bottom:20px;
}

#qa a {
	position: absolute;
	right:5px;
	top:30px;
	width: 135px;
	height:15px;
}

.question {
	background: url(images/q.gif) no-repeat top left;
	height: 65px;
	padding-top:5px
}

.answer {
	background: url(images/a.gif) no-repeat top left;
	padding-bottom:10px
}

#content .question p {
	margin: 10px 0 0 110px;
	color: #663366;
 	font-style: italic;
 	font-size: 120%;
 	font-weight: bold;
}

.answer p {
	margin: 0 0 0 110px;	
}

#content #formqalabel, #content #qaform p {
	color: #663366;
	margin-bottom: 0;
}

#qaform input, #qaform textarea {
	margin: 10px;
	color: #663366;
}



/* QA END */


/* NEW */


ul.nav2, ul.nav1 {
	text-align:center;
	margin: 7px 0;
}


/* NEW END */