body {

	margin: 0;

	padding: 0;

	font-family: "Lucida Grande", Verdana, sans-serif;

	font-size: small;

	text-align: center;

	color: #383d44;

	background: #f3f1e9;

	}

	

.redtext {	

	color: #B72735;

}



.hidden {

	display:none;

}



a:link, a:visited {

	padding-bottom: 0;

	color: #326ea1;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

	}

a:hover {

	padding-bottom: 0;

	color: #B72735;

	border-bottom: 1px solid #B72735;

	}
	

#button-link a:link, a:visited, a:hover {

	text-decoration: none;
	border-bottom: 0;
	margin: 0px 5px 0px 0px;
}


#main-body {

	padding: 30px 0;

	//background: #f3f1e9;

	background: #ffffff;

	border-bottom: 2px solid #dbd5c5;

	}



#main-body-inner {

	width: 66em;

	margin: 0 auto;

	padding: 0;

	font-size: 95%;

	line-height: 1.6em;

	text-align: left;

	background: url(images/main_back.gif) repeat-y 21em 0;

	}



#content {

	margin-left: 2em;

	width: 42em;

	float: right;

	}



#leftcol {

	width: 22em;

	float: left;

	font-size: 90%;

	line-height: 1.5em;

	color: #666b75;

	}



#header {

	padding: 0;

	font-size: 95%;

	border-top: 1px solid #464a52;

	background: #31363e url(images/header_tile.gif) repeat-x;

	}



#header-img {

	width: 66em;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	}



#header-img span, #logo a {

	display: block;

	width: 800px;

	height: 145px;

	padding: 0;

	border-style: none;

	background: url(images/header.gif) no-repeat;

	}



#header-img img  {

	display: block;

	width: 0;

	}


#header-img_SD {

	width: 66em;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	}



#header-img_SD span, #logo a {

	display: block;

	width: 800px;

	height: 145px;

	padding: 0;

	border-style: none;

	background: url(images/header_SD.gif) no-repeat;

	}



#header-img_SD img  {

	display: block;

	width: 0;

	}

#header-img_ER {

	width: 66em;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	}



#header-img_ER span, #logo a {

	display: block;

	width: 800px;

	height: 145px;

	padding: 0;

	border-style: none;

	background: url(images/header_ER.gif) no-repeat;

	}



#header-img_ER img  {

	display: block;

	width: 0;

	}
	
	

#nav {

	width: 64em;

	margin: 0px auto 0 auto;

	padding: 0;

	}



#nav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	border-top: 1px solid #464a52;

	background: #383d44;

	}



#nav li {

	float: left;

	margin: 0;

	padding: 0;

	font-family: Verdana, sans-serif;

	font-size: 80%;

	letter-spacing: 2px;

	text-transform: uppercase;

	}



#nav li a {

	float: left;

	padding: 10px 12px;

	text-decoration: none;

	color: #e7e3d9;

	border: none;

	background: url(images/nav_back.gif) no-repeat bottom right;

	}



#nav li a:hover {

	color: #31363E;

//	background: #464a52;

	background: #fff

	}



#nav li a.active {

	font-weight: bold;

	color: #fff;

	background: #292d34 url(images/nav_active.gif) repeat-x top left;

	}



/* Main */

blockquote {
	padding: 10px;
	margin: 10px 0px 20px 0px;
	font-size: 100%;
	line-height: 1.5em;
	
	border: 1px solid #fff;
	background: #BED9EE;
	}

/*
blockquote {

	padding-left: 33px;

	font-family: Georgia, serif;

	font-size: 100%;

	line-height: 1.5em;

	color: #666b75;

	font-style: italic;

	border-left: 2px dotted #e5e5e5;

	background: url(images/quotes.gif) no-repeat 10px 2px;

	}

*/

blockquote.praise {

	margin: 0 0 20px 0;

	padding: 0 0 20px 33px;

	color: #383d44;

	border-left: none;

	border-bottom: 1px solid #dbd5c5;

	}



#content blockquote.praise p {

	margin: 0;

	padding: 0;

	}



blockquote p {

	font-size: 107%;

	}



code {

	color: #963;

	font-family: Monaco, monospace;

	font-size: 120%;

	text-align: left;

	}



code strong {

	color: #630;

	}



abbr, acronym, .popup {

	font-size: 90%;

	letter-spacing: 1px;

	font-style: normal;

	border-bottom: 1px dotted #dbd5c5;

	cursor: help;

	}



a abbr {

	border: none;

	}



em {

	font-style: italic;

	}



strong {

	font-weight: bold;

	}



/* Titles */



#title {

	margin: 0 0 10px 0;

	padding: 0 0 6px 0;

	}



#title h1 {

	margin: 0;

	padding: 0;

	font-family: Georgia, serif;

	font-size: 170%;

	line-height: 1.2em;

	font-weight: normal;

	text-transform: none;

	letter-spacing: 0;

	color: #383d44;

	border: none;

	}



#title h1 span {

	color: #666b75;

	}



#title h2 {

	margin: 3px 0 0 0;

	padding: 0;

	font-family: Georgia, serif;

	font-size: 100%;

	font-weight: normal;

	font-style: italic;

	line-height: 1.6em;

	color: #666b75;

	}



#title h2 a {

	color: #666b75;

	}



#title h2 a:hover {

	color: #383d44;

	}





#content h3,

#content h4 {

	margin: 0 0 5px 0;

	padding: 0;

	font-family: Georgia, serif;

	font-weight: normal;

	font-size: 140%;

	line-height: 1.5em;

	color: #B72735;

	}



#content h3 a {

	border: none;

	}



#content p {

	margin: 10px 0 5px 0;

	}





#content img.thumb {	

	float: right;

	margin-left: 12px;

	margin-bottom: 6px;

	margin-top: -1em;

	padding: 2px;

	border: 3px solid #dbd5c5;

	background: #fffefa;

	}



#content img.alt {

	float: left;

	margin: .5em 12px 6px 0;

	}



#content img.plain {

	border: none !important;

	background: none;

	}



#content a img.thumb:hover {

	border-color: #fff;

	background: #fff;

	}





/* lists */



#content ul, #content ol, #content dl {

	margin: 0 0 0.5em 0;

	padding: 0;

	}

#content ul, #content ol {

	margin-left: 2px;

	}

#content ol {

	padding-left: 2px;

	}

#content ul {

	list-style: none;

	}

#content ul li {

	padding: 0 0 4px 14px;

	line-height: 1.4em;

	background: url(images/bullet.gif) no-repeat 0 4px;

	}

#content dl dt {

	font-weight: bold;

	}

#content dl dd {

	margin: 0 0 15px 0;

	padding: 0;

	}

#content dl.listing dd em {

	display: block;

	font-family: Georgia, serif;

	color: #666b75;

	}





/* Left column */



#leftcol h3 {

	margin: 25px 0 12px 0;

	padding: 0 0 5px 0;

	font-family: Georgia, serif;

	font-weight: bold;

	font-size: 100%;

	line-height: 1em;

	letter-spacing: 0.2px;

	/*text-transform: uppercase;*/

	/*color: #B72735;*/

	border-bottom: 1px solid #dbd5c5;

	}

#leftcol h3.first {

	margin-top: 0;

	}



#leftcol p {

	margin: 0;

	padding: 0;

	}



#leftcol ul, #leftcol dl {

	margin: 0;

	padding: 0;

	line-height: 1.5em;

	list-style: none;

	}



#leftcol li {

	margin: 0 0 .5em 0;

	padding: 0 0 0 14px;

	background: url(images/bullet.gif) no-repeat 0 4px;

	}



#leftcol ul li.last {

	margin-bottom: 0;

	}



#leftcol ul.sub li.active a:link, #leftcol ul.sub li.active a:visited {

	color: #383d44;

	font-weight: bold;

	text-decoration: none;

	border-bottom: none;

	}



#leftcol ul.sub li.active {

	background: url(images/icon-sub.gif) no-repeat 1px 4px;

	}



/* Thumbnail */



#leftcol img.thumb {	

	float: left;

	margin: 0 8px 2px 0;

	padding: 2px;

	background: #fffefa;

	}

#leftcol a img.thumb:hover {

	border-color: #fff;

	background: #fff;

	}



/* Tables */



table.data {

	width: 40em;

	margin: 0 0 2em 0;

	padding: 0;

	border-collapse: collapse;

	}

table.data th, table.data td {

	margin: 0;

	padding: 5px 10px;

	vertical-align: top;

	border-bottom: 1px solid #dbd5c5;

	}

table.data tr.last th, table.data tr.last td {

	border-bottom: none;

	}

table.data th {

	text-align: left;

	}

table.data td blockquote {

	margin-left: 0;

	}



/* Footer */



#footer {

	width: 66em;

	margin: 0 auto;

	padding: 12px 0 30px 0;

	font-size: 95%;

	line-height: 1.5em;

	text-align: left;

	}



#footer-inner {


	}



#footer p {

	margin: 0;

	padding: 0;

	font-size: 90%;

	}



hr, .hide {

	display: none;

	}

a img {

	border: none;

	}



#nav ul:after, 

#main-body:after,

#main-body-inner:after,

#flickr:after,

#extra:after,

#footer:after,

#port:after, 

#work-simple:after,

.prod-feature:after, 

dl.teaser:after {

	content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

    }





body {

	font-size: x-small; /* IE5 */

  	voice-family: "\"}\""; 

  	voice-family: inherit;

  	font-size: small;

	}

html>body { 

	font-size: small;

	}





* html #nav ul, 

* html #main-body,

* html #main-body-inner {

	height: 1%;

}



*:first-child+html #nav ul, 

*:first-child+html #title, 

*:first-child+html #main-body, 

*:first-child+html #main-body-inner {

	min-height: 1px;

}