body {
	font-family:  Arial, sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #262626; 
	background-color: #ffffff;
	margin: 0px;
	}

.top-marble {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width:100%; 
	}
		
.top-shadow {
	background-image: url(/beta-graphics/backgrounds/bg-shadow-top.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 20px;
	}
	
.bottom-marble {
	width:100%; 
	float:left;
	}
		
.bottom-shadow {
	background-image: url(/beta-graphics/backgrounds/bg-shadow-bottom.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 30px;
	}
	
#all {
	background-image: url(/beta-graphics/backgrounds/bg-dotted.gif);
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	background-attachment:fixed;
	}	

.clear {
	clear: both;
	}

/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Header			------------------------------------------------------*/
	
.content-header {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 40px;
 	padding-left: 10px;
	padding-right: 30px;
	background-color: #ffffff;
    height: 60px;
	font-size: .65em;
	line-height: 1.45em;
	}
	
.okaylogo {
	position: relative;
	top: -7px;
	left:0px;
	margin-bottom: -30px;
	}

.grid-1-unit-wide {
	width: 130px;
	}

.grid-2-unit-wide {
	width: 280px;
	}
	
.grid-3-unit-wide {
	margin-right: 0px;
	width: 430px;
	}
	
.grid-4-unit-wide {
	width: 580px;
	}
	
.grid-1-unit-wide,
.grid-2-unit-wide,
.grid-3-unit-wide,
.grid-4-unit-wide,
.grid-5-unit-wide{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}

/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Crumbs			------------------------------------------------------*/
	
.content-crumbs {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	margin-top: 0px;
	padding-top: 20px;
 	padding-left: 10px;
	padding-right: 30px;
 	padding-bottom: 20px;
    height:25px;
	}
	
.rule-crumbs {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	background-color: #1f1f20;
	position: relative;
	top: 0px;
	left: 0px;
	height: 25px;
	width: 880px;
}	

.rule-crumbs-text {
	position: relative;
	top: 1px;
	left: 150px;
}

/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Menu			------------------------------------------------------*/
	
.content-body {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
 	padding-left: 10px;
	padding-right: 30px;
	background-color: #ffffff;
	font-size: .75em;
	color: #262626; 
	}
	
#content-menu {
	width: 130px;
	position: relative;
	top: -4px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	z-index: 1000;
	}
	
#content-feature {
	width: 730px;
	float: left;
	margin-left: 20px;
	margin-bottom: 0px;
	}	

.rule-thin-5-wide {
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 5px;
	background-color: #1f1f20;
	height: 2px;
	width: 730px;
	float: left;
	}	
	
#content-sub-features {
	width: 730px;
	float: left;
	margin-left: 0px;
	margin-top: 20px;
	}	
	
#sub-feature-one,
#sub-feature-two,
#sub-feature-three,
#sub-feature-four {
	width: 130px;
	float: left;
 	padding-bottom: -5px;
	margin-right: 20px;
	background-color: #ffffff;
	color: #1f1f20; 
	}
	
#sub-feature-two {
	width: 280px;
	margin-right: 20px;
	}
	
#sub-feature-four {
	width: 280px;
	margin-right: 0px;
	}
	
h1 {
	color: #808080;
	font-weight: Bold;
	font-size: .70em;
	letter-spacing: .15em;
	position: relative;
	top: 0px;
	text-transform: uppercase;
	}
	
h2 {
	letter-spacing: 0.12em;
	font-size: .5em;
	text-transform: uppercase;
	}	
	
/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Footer			------------------------------------------------------*/

.content-bottom {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
 	padding-left: 10px;
	padding-right: 30px;
 	padding-bottom: 60px;
	background-color: #ffffff;
    height: 30px;
    z-index: -1;
	}
	
.rule-bottom {
	float: left;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
	background-color: #1f1f20;
	position: relative;
	top: 0px;
	left: 0px;
	height: 2px;
	width: 880px;
}	

.legal {
	position: relative;
	left:20px;
	font-size: .625em;
	line-height: 1.2em;
	color: #505050;
	}
	
/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Global links	------------------------------------------------------*/

a:link,
a:visited {
	text-decoration:none;
	color:#c78a03;
	}
	
a:hover,
a:active {
	text-decoration:none;
	color:#34799a;
	}
	
.border	{
	border: 1px;
	border-style:solid;
	}
	
/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Divider links	------------------------------------------------------*/

a.dividercrumb1:link,
a.dividercrumb2:link,
a.dividercrumb3:link,
a.dividercrumb4:link,
a.dividercrumb1:visited,
a.dividercrumb2:visited,
a.dividercrumb3:visited,
a.dividercrumb4:visited {
	}

a.dividercrumb1:link,
a.dividercrumb1:visited {
	color:#888b8d;
	}
	
a.dividercrumb2:link,
a.dividercrumb2:visited {
	color:#686A6C;
	}
	
a.dividercrumb3:link,
a.dividercrumb3:visited {
	color:#4E5051;
	}
	
a.dividercrumb4:link,
a.dividercrumb4:visited {
	color:#393B3D;
	}

a.dividercrumb1:hover,
a.dividercrumb2:hover,
a.dividercrumb3:hover,
a.dividercrumb4:hover {
	color:#eeeeee;
	}


/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Menu links	------------------------------------------------------*/

a.menutitle:link,
a.menutitle:active,
a.menutitle:visited {
	color: #808080;
	font-weight: Bold;
	letter-spacing: .15em;
	font-size: 75%;
	position: relative;
	top: -1px;
	}
	
a.menutitle:hover,
a.menulink:hover {
	color: #909090;
	}

menulink,
a.menulink:link,
a.menulink:active,
a.menulink:visited,
a.menulink:hover {
	color: #262626;
	}
	
a.menulink:hover {
	color: #c78a03;
	}
	
a.menusublink:link,
a.menusublink:active,
a.menusublink:visited {
	color: #1f1f20;
    font-style: italic;
	}
	
a.menusublink:hover {
	color: #c78a03;
	}

.menusubOn {
	position: relative;
	left: 16px;
	}

.menusubOff {
	display: none;
	}

/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Flow	------------------------------------------------------------------*/	

#flow-top-shadow {
	position: relative; 
	top: -1px;
	left: 0px;
	background-image: url(/beta-graphics/flow/flow-shadow-top.png);
	background-repeat: repeat-x;
	width: 730px;
	height: 13px;
	margin-bottom:-13px;
	z-index:999;
	}
	
#flow-top-bottom {
	position: relative; 
	top: 353px;
	left: 0px;
	background-image: url(/beta-graphics/flow/flow-shadow-bottom.png);
	background-repeat: repeat-x;
	width: 730px;
	height: 13px;
	margin-bottom:-13px;
	z-index:998;
	}
	
#wrap {
	height: 365px; 
	width: 730px; 
	padding-left: 0px; 
	position: relative; 
	left: 0px;	
	background-color: #ffffff;
	overflow:hidden;
	}

#slideshow {
    position:relative;
	left:0px;
    height:365px;
	overflow:hidden;
	}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	}

#slideshow IMG.last-active {
    z-index:9;
	}
	
.opentype-grid {
	float: left;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	width: 230px;
	font-size: 11px;
	line-height: 15px;
	}
	
.opentype-grid-units-icon,
.opentype-grid-units  {
	font-size: 11px;
	line-height: 16px;
	float: left;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	position: relative;
	top: 3px;
	left: 0px;
	padding: 0px;
	}
	
.opentype-grid-units-icon  {
	}
	
.opentype-grid-line  {
	display:inline;
	float: left;
	position: relative;
	width: 230px;
	top: 0px;
	height: 1px;
	background: #7d7d7e;
	margin-top: 10px;
	margin-bottom: 8px;
	float: left;
	}
	
.otsamples {
	position:relative;
	top:-4px;
	}
	
.rule-super-thin-5-wide {
	margin-left: 0px;
	margin-top: -12px;
	margin-bottom: 10px;
	background-color: #808080;
	height: 1px;
	width: 730px;
	float: left;
	}	
	
ul, li, ol {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
	
/*	----------------------------------------------------------------------*/
/*	----------------------------------------------------------------------*/
/*	Suckville --------------------------------------------------------------*/