@charset "UTF-8";
/* CSS Document */



body {
			margin:0px 0;
			padding:0;
			color:#ccc;
			background-position:bottom;
			line-height: 1.4em;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: 100;
			font-size: 75%;
			background-color: #fff;
			background-image: url(images/pixelblocks.png);
			background-repeat: repeat-x;
}

a:link, a {

			border-bottom:1px dotted #960;
			color: #960;
			text-decoration: none;
	
}

	#navcontainer {
			position: absolute;
			margin-top: 8px;
			left: 421px;
			top: 13px;
			margin-left: 0px;
			width: 900px;
}

#navlist {
	
			border-bottom: 1px solid #ccc;
			margin: 0;
			padding-bottom: 19px;
			padding-left: 10px;

}

#navlist ul, #navlist li {
			display: inline;
			list-style-type: none;
			margin: 0;
			padding: 0;

}

#navlist a:link, #navlist a:visited {
			background: #E8EBF0;
			border: 1px solid #ccc;
			color: #666;
			float: left;
			font-size: small;
			font-weight: normal;
			line-height: 14px;
			margin-right: 8px;
			padding: 2px 10px 2px 10px;
			text-decoration: none;

}

#navlist a:link#current, #navlist a:visited#current {
			background: #fff;
			border-bottom: 1px solid #fff;
			color: #000;

}

#navlist a:hover { color: #f00; }

		body.section-1 #navlist li#nav-1 a,
		body.section-2 #navlist li#nav-2 a,
		body.section-3 #navlist li#nav-3 a,
		body.section-4 #navlist li#nav-4 a {
		
			background: #fff;
			border-bottom: 1px solid #fff;
			color: #000;

}

		#navlist #subnav-1,
		#navlist #subnav-2,
		#navlist #subnav-3,
		#navlist #subnav-4
{
			display: none;
			width: 90%;
}

	body.section-1 #navlist ul#subnav-1,
	body.section-2 #navlist ul#subnav-2,
	body.section-3 #navlist ul#subnav-3,
	body.section-4 #navlist ul#subnav-4

{
			display: inline;
			left: 10px;
			position: absolute;
			top: 95px;

}

	body.section-1 #navlist ul#subnav-1 a,
	body.section-2 #navlist ul#subnav-2 a,
	body.section-3 #navlist ul#subnav-3 a,
	body.section-4 #navlist ul#subnav-4 a

{
			background: #fff;
			border: none;
			border-left: 1px solid #ccc;
			color: #999;
			font-size: smaller;
			font-weight: bold;
			line-height: 10px;
			margin-right: 4px;
			padding: 2px 10px 2px 10px;
			text-decoration: none;

}

#navlist ul a:hover { color: #f00 !important; }

#contents {
			background: #fff;
			border: 1px solid #ccc;
			border-top: none;
			clear: both;
			margin: 0px;
			padding: 15px;

} 

/* Font Control */


h2 {

			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			font-style: italic;
			color:#FF0066;
			text-decoration: underline;
}


h3 {

			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			font-style: italic;
			color:#FF0066;
}



.h6 {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 6em;
			font-style: italic;
			line-height: normal;
			color: #000;
}

p.splash {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 6em;
			font-style: italic;
			line-height: normal;
			color: #000;
}



/* Font Control */


#mainbox {
		
			position:relative;
			height: 800px;
			width: 100%;
			margin:0px;
			margin-top: 0px;
	
			background: #fff url(images/pixelblocks.png);
			background: repeat;
			background-position:bottom;

}

#titlebox {
			poition:absolute;
			height: 200px;
			width: 100%;
			background:#fff;
			padding-left: 50px;
		}
		
		
#eigentitle {

			height: 175px;
			width: 100%;
			font-family:Geneva, Arial, Helvetica, sans-serif large;
			color: #000;
			padding: 15px;
		}


.image {
			padding: 10px;
			margin: 25px;
		}




#splashpage {
			position:relative;
			height: 100%;
			width:600px;
			color:#000;
			padding: 2px;
			margin-top: 0px;
			margin-left: 160px;
			top: 28px;
		}

#homecontent1 {

			position:absolute;
			height:757px;
			width:416px;
			color:#000;
			padding: 6px;
			margin-top: 0px;
			margin-left: 50px;
			top: 179px;
	
		}

#homecontent2 {

			position:absolute;
			height:399px;
			width:350px;
			color:#000;
			padding: 6px;
			margin-top: 205px;
			margin-left: 50px;
			border-top: solid 1px #ccc;
			left: 72px;
			top: 107px;
	
		}
		
#homecontent3 {

			position:absolute;
			height:150px;
			width:377px;
			color:#000;
			padding: 6px;
			margin-top: 205px;
			margin-left: 470px;
			border-left: solid 0px #ccc;
			left: 166px;
			top: 296px;
			
		}


p {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-transform: lowercase;
			color: #000000;
			text-align: left;
			overflow: auto;
			
		}
		
p.readmore {
			margin-top: 0px;
			width: 100px;
			font:Geneva, Arial, Helvetica, sans-serif;
			font-size:x-small;
			color:#666666;
}

p.splash {

			font:Geneva, Arial, Helvetica, sans-serif;
			font-size:small;
			color:#999999;
}

p.splashright {
			
			text-align: right;
			font:Geneva, Arial, Helvetica, sans-serif;
			font-size:small;
			color:#999999;
}


p.tutorial {
			font-family:Arial, Helvetica, sans-serif;
			font-weight:100;
			font-size: 13px;
			text-transform: lowercase;
			color: #ff0000;
			text-align: left;
			overflow: auto;
		}



/* images - diagrams */

.captioned_photo {

			float: right;
			margin: .5em -2em 2em 2em;
			padding: 0;
			line-height: 1em;
			width:360px;
	
	
	}
	
.captioned_photo p {

			width: 25%;
			margin: 80px 0 0 2em;
			padding: 1em 0;
			font: .75em Verdana, sans-serif;
			color: #666;
			float: left;
	
	}
	
.captioned_photo img {

			margin: 0;
			padding: 0;
			display: block;
			float: left;
			
	}

/* START Controling content for each products page START */

#redcontent1 {

			position:absolute;
			height:541px;
			width:817px;
			color:#000;
			padding: 6px;
			margin-top: 0px;
			margin-left: 50px;
			left: 37px;
			top: 191px;
			
		}
		
		
#brickscontent1 {

			position:absolute;
			height:827px;
			width:908px;
			color:#000;
			padding: 6px;
			margin-top: 0px;
			margin-left: 50px;
			left: 37px;
			top: 191px;
			
		}

/* END Controling content for each products page END */


#footer {
			position:static;
			text-align:right;
			width:90%;
			padding: 9px;	
			margin-top: 5%;	
}
	
#footer p {
			color: #256290;
			margin: 0;
			float: right;
			margin-right: 165px;
			padding: 0.2em 0 0.2em 0;
	
	}

/* Tutorial Controls */


#tutorialcontent1	{

			width: 700px;
		
		
		
		
		}

p.tut1 {

			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 1.5em;
			font-style: bold;
			line-height: normal;
			color: #000;
			
			
			}
			
			
p.tut2 {

			font-family: Geneva, Arial, Helvetica, sans-serif;
			background-image:url(images/toptab.gif);
			font-size: 1em;
			font-style:normal;
			font-color: #636363;
			
			}
			
			
td.tut2 {

			font-family: Geneva, Arial, Helvetica, sans-serif;
			background-image:url(images/toptab.gif);
			font-size: 1em;
			font-style:normal;
			font-color: #636363;
			
			}
			
			
li {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-weight:100;
			font-size:12px;
			color:#333333;
	
	}

ul.tutlist {
			
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-weight:100;
			font-size:10px;
			color:#003366
			
			}
			
ul {	
			color:#666;
	
	}		
			
			
ul ul {
			color:#333333;
			font-weight:100;
	
	
	}
	
	
	
table.tuttable {
		
			width:"600px";
			padding:2px;
			
			background-image:url(images/tuttable_bck.gif);
			background-repeat:no-repeat;
	
	}
	
td.tuttable2 {
	
			font-size:9px;
	
	
	}
	
	
#feature {
	
			background: #ccc, url(images/tut_bottom_bck.gif) no-repeat bottom left;
			width: 220px;
		
		}
		
		
#feature dt {
		
			background: url(images/tut_top_bck.gif) no-repeat;
			margin: 0;
		
		}