body {
	margin: 0;
	padding: 0;
	background: #FFF;
}
#wrap {
	width: 100%;
	min-width: 875px;
	margin: 0;
}
#head {
	height: 121px;
	width: 100%;
	background: url(i/bg-head.gif) repeat-x;
	padding: 0;
}
#head p {
	font: italic 1em/1.1em "Times New Roman", Times, serif;
	text-align: center;
	color: #FFF;
	margin: 0 0 0 0;
}
#head p.top {
	padding-top: 28px;
}
#logo {
	float: left;
	position: relative;
	width: 590px;
	height: 121px;
	text-align: center;
	background: url(i/bg-header.jpg) no-repeat;
}
#logo p {
	font: normal 1.2em/1.2em "Times New Roman", Times, serif;
	margin: 18px 0 0 0;
}
#logo img.top {
	margin-top: 30px;
}
#nav {
	width: 272px;
	height: 581px;
	/*position: relative;*/
	background: url(i/bg-nav.jpg) no-repeat;
	float: left;
	top: 0px;
}
#nav ul {
	margin: 28px 0 0 111px;
	list-style: none;
	padding: 0;
	font: italic bold 1.1em/1em Georgia, "Times New Roman", Times, serif;
}
#nav li {
	margin: 8px 0;
	color: #039;
}
#nav li.two {
	margin-left: 13px;
}
#nav li.three {
	margin-left: 27px;
}
#nav li.four {
	margin-left: 41px;
}
#nav li.five {
	margin-left: 57px;
}

#nav li a {
	color: #36C;
	text-decoration: none;
}
#nav li a:hover {
	color: #006;
}
h2 {
	font: italic 1.7em/1em Georgia, "Times New Roman", Times, serif;
	color: #369;
	margin: 18px 0 0 0;
}
#steps h2 {
	font: italic 1.4em/1em Georgia, "Times New Roman", Times, serif;
	color: #369;
	margin: 20px 0 0 0;
}
p {
	color: #4A7DC1;
	font: .9em/1.6em Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 0 286px;
}
.intro {
	font: 1em/1.8em Georgia, "Times New Roman", Times, serif;
}
ul {
	color: #4A7DC1;
	font: .9em/1.7em Georgia, "Times New Roman", Times, serif;
	margin: 8px 0 0 286px;
	list-style: circle;
}
.example {
	border: 2px solid #369;
	margin: 0 30px 30px 5px;
	float: right;
}
#steps {
	clear: right;
	width: auto;
	margin: 30px 30px 20px 286px;
	border: 1px solid #369;
	border-right: 0px none;
	background: url(i/bg_steps.jpg) repeat-y top right;
	padding: 0 0 7px 14px;
}
#steps table {
	border: 0px none;
	width: 95%;
	margin: 0 23px 0 0;
}
#steps tr {
	background: url(i/steps_div.gif) repeat-x bottom;
}
#steps tr.last {
	background: none;
}
#steps td {
	vertical-align: middle;
	padding: 3px;
}
#steps h2 {
	margin: 7px 0 15px 0;
}
#steps h3 {
	font: italic 1.2em/1.2em Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
#steps p {
	font: .8em/1.3em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 0 0;
}
#footer {
	clear: both;
	width: 100%;
	margin: 15px auto 20px auto;
	text-align: center;
}
#footer p {
	color: #999;
	font: .7em/1em Arial, Helvetica, sans-serif;
}
#footer a {
	color: #999;
}
.contact td {
	padding: 5px;
	vertical-align: middle;
}
.contact p {
	margin: 0;
}
textarea, input {
	border: 1px solid #999;
	padding: 2px;
}
.button {
	background: #039;
	color: #FFF;
	padding: 2px;
	font: .9em/.8em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	border: 1px solid #006;
}
.button:hover {
	background: #06C;
	cursor: pointer;
}
#subnav {
	width: 700px;
	height: auto;
	background: url(i/lt_blue.gif) repeat;
	border: 1px solid #369;
	text-align: left;
	margin: 5px 0;
	position: relative;
	padding: 0;
}
#subnav ul {
	font: .9em/1.7em Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin: 3px 1px 3px 1px;
	padding: 0;
}
#subnav li {
	display: inline;
	margin: 0 5px;
}
#subnav li a:link {
	color: #4A7DC1;
	text-decoration: underline;
}
#subnav li a:hover {
	color: #369;
	text-decoration: none;
}
#subnav li a:visited {
	color: #769CCE;
	text-decoration: underline;
}
#subnav li a:active {
	color: #06C;
	text-decoration: none;
}
#products {
	position: relative;
	top: 10px;
	left: 0px;
	width: 85%;
	min-width: 850px;
}
#products table {
	margin: 15px 0 0 0;
}
#products table p {
	margin: 8px 0 0 20px;
	font: .9em/1.4em Georgia, "Times New Roman", Times, serif;
}
#products .example {
	border: 2px solid #369;
	margin: 0 0 30px 5px;
	float: right;
}
table {
	border: 0px none;
	width: 100%;
}
td {
	vertical-align: top;
}
#products td {
	text-align: center;
	border-bottom: 1px solid #BAC6ED;
}
#products td.last {
	border-bottom: 0px none;
}
table.contact {
	width: 400px;
}
table p {
	margin: 10px 0 0 10px;
}
td.note {
	background: url(i/lt_blue.gif) repeat;
	font: italic .7em/1em Arial, Helvetica, sans-serif;
	color: #369;
}
/*============ LIGHTBOX ============*/
#lightbox{
	background-color:#EEE;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left;
}
#keyboardMsg{ float: right;
}
#closeButton{ top: 5px; right: 5px;
}

#lightbox img{ border: none; clear: both;
} 
#overlay img{ border: none;
}
#overlay{ background-image: url(i/overlay.png);
}
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(i/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="i/overlay.png", sizingMethod="scale");
}
/*============ END LIGHTBOX ============*/