* { /* Universal Selector (selects all XHTML elements) */
margin: 0; /* strips out default spacing donw with margins */
padding: 0; /* strips out default spacing donw with padding */
}


body {
	font-size: 75%; /* resets 1em to 12px (instead of default 16px) */
	background-color:#1C1D21;
    color:#FFFFFF;
    font-family:"Helvetica Neue","HelveticaNeue",Arial,Helvetica,Geneva,sans-serif;
	text-align: center; /*  centering hack for ieWin5.x */
	
	}
	
	
/* ---------------------------- STRUCTURE ---------------------------- */

	
#wrapper{
position: relative;
margin: 60px auto 30px;
width: 900px;
border: none;
z-index: 10;
}

#bkghome {
width: 900px;
height: 600px; 
background: url(images/cb80-home-bkg.png) no-repeat; 
z-index: 10;
}


#bkgcb80 {
width: 900px;
height: 600px;
background: url(images/cb80-secondary-bkg.jpg) no-repeat; 
z-index: 10;
}

#bkggallery {
width: 900px;
height: 600px;
background: url(images/cb80-gallery-bkg.jpg) no-repeat; 
z-index: 10;
}

#contenthome {
	position: absolute;
	top: 182px;
	left: 510px;
	width: 345px;
	height: 200px;


}


#cb80 {
position: absolute;
top: 110px;
left: 100px;
width: 432px;
height: 362px;
background: url(images/cb80-bus.png) no-repeat;
float: left;
}


#content {
float: right;
width: 330px;
height: 255px;
/* padding-right: 10px; */
margin-right: 20px; /* triggers DOUBLE MARGIN FLOAT BUG (because the div#content is floated to the right and has a right margin) */
margin-top: 190px;
display: inline; /* fixes DOUBLED MARGIN FLOAT BUG */
overflow: auto;
}

#footer {
margin: 10px auto;
padding: 10px;
    font-size: 0.9em;
	color: #666666;
	margin: 10px 0;
width: 900px; /* incorrect value for IE 5.x */
w\idth: 880px; /* We added a width so the the height becomes correct. If we dont have a width the height changes in all IE's  */
}
/* ----------------------------IMAGES ---------------------------- */



#advanced-images {
position: absolute;
top: 8px;
left: 123px;
width: 469px;
height: 446px;
background: url(images/cb80-advanced-images.png) no-repeat;
float: left;
}

#material-images {
position: absolute;;
top: 8px;
left: 123px;
width: 469px;
height: 446px;
background: url(images/cb80-material-images.png) no-repeat;
float: left;
}


#tare-weight-images {
position: absolute;
top: 8px;
left: 123px;
width: 469px;
height: 446px;
background: url(images/cb80-tare-weight-images.png) no-repeat;

}


#features-images {
position: absolute;
top: 8px;
left: 123px;
width: 469px;
height: 446px;
background: url(images/cb80-features-images.png) no-repeat;

}



/* ----------------------------CONTENT ---------------------------- */

h1 {
	font-size: 2em;
	color: #563;
}

h2 {
	font-size: 1.2em;
	color: #FFF;
	font-weight: normal;
	padding-right: 30px;
	text-align: left;
}
#contenthome h2 {
	font-size: 1.2em;
	color: #FFF;
	font-weight: normal;
	margin: 0px 25px;
}

p {
    font-size: 1em;
	text-align: left;
}

#scrollable p {
    font-size: 0.95em;
	line-height: 1.2em;
	text-align: left;
	font-weight: normal;
	margin: 10px 0;
	padding-right: 10px;
	
}

#contenthome p {
    font-size: 0.95em;
	text-align: left;
	margin: 10px 30px 10px 25px;
}
.angle {
width: 300px;

}




#content a:link, #content a:visited  {
	font-weight: bold;
	text-decoration: none;
}
#content a:link  {
	color: #33f;
}
#content a:visited  {
	color: #909;
}
#content a:hover {
	color: #066;
	text-decoration: underline;
}

#footer p {
    font-size: 0.9em;
	color: #666666;
	margin: 10px 0;
}

#footer a {
    font-size: 1em;
	color: #666666;
	margin: 10px 0;
}
#footer h2 {
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}


/* ---------------------------- NAVIGATION ---------------------------- */
/*
#navbar {
position: absolute;
width: 900px;
height: 115px;
top: 484px;
left: 0px;
clear:both;
}*/


/* ---------------------------- NavBar ---------------------------- */
ul#nav {
position: absolute;
width: 900px;
height: 115px;
top: 484px;
left: 0px;
z-index:1000;
}

ul#nav li {
	float: left;
	display: inline;
}
ul#nav li a {
	height: 115px;
	float: left;
	margin:0;
	text-decoration: none;
	text-indent: -100000px;
	border: none;
	overflow: hidden;
	display: inline;
}
a#home {
	width: 180px;
	height: 115px;
	margin-left: 0px;
	background: transparent url(images/cb80-menu.jpg) no-repeat 0px 0px;	
}
a#home:hover {
	background: transparent url(images/cb80-menu.jpg) no-repeat 0px -115px;	
}
a#advanced {
	width: 180px;
	height: 115px;
	background: transparent url(images/cb80-menu.jpg) no-repeat -180px 0px;	
}
a#advanced:hover {
	background: transparent url(images/cb80-menu.jpg) no-repeat -180px -115px;	
}
a#materials {
	width: 180px;
	background: transparent url(images/cb80-menu.jpg) no-repeat -360px 0px;	
}
a#materials:hover {
	background: transparent url(images/cb80-menu.jpg) no-repeat -360px -115px;	
}
a#tare-weight {
width: 180px;
	background: transparent url(images/cb80-menu.jpg) no-repeat -540px 0px;	
}
a#tare-weight:hover {
	background: transparent url(images/cb80-menu.jpg) no-repeat -540px -115px;	
}
a#features {
width: 180px;
	background: transparent url(images/cb80-menu.jpg) no-repeat -720px 0px;	
}
a#features:hover {
	background: transparent url(images/cb80-menu.jpg) no-repeat -720px -115px;	
}

/* ---------------------------- NavBar ACTIVE PAGE ---------------------------- */

body#home a#home{
background: transparent url(images/cb80-menu.jpg) no-repeat -0px -115px;
}
body#advanced a#advanced {
background: transparent url(images/cb80-menu.jpg) no-repeat -180px -115px;	
}
body#materials a#materials {
background: transparent url(images/cb80-menu.jpg) no-repeat -360px -115px;	
}
body#tare-weight a#tare-weight {
background: transparent url(images/cb80-menu.jpg) no-repeat -540px -115px;	
}
body#features a#features {
background: transparent url(images/cb80-menu.jpg) no-repeat -720px -115px;	
}


/* ---------------------------- scrollable div area ---------------------------- */
			#scrollable {
				position: absolute;
				left:540px;
				top:200px;
				float: left;
				width: 310px;
				height:218px;
				overflow: hidden;
	
			}
				
			/* vertical track */
			#track {
				position: absolute;
				left: 0px;
				top: 0px;
				width: 15px;
				height: 225px;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap {
				float: left;
				position: absolute;
				left:870px;
				top:200px;
				width: 15px;
				height: 220px;
				background: transparent url(images/cb80-scroll-bar.gif) no-repeat bottom left;
			}
			
			/* top image of track */
			#track-top {
				position: absolute;
				left:2px;
				width: 15px;
				height: 15px;
				/*background: transparent url(/_graphics/scrollbar-track-top.png) no-repeat top left;*/
			}
			
			/* vertical track handle */
			#handle {
				width: 16px;
				height: 20px;
				cursor:pointer;
				}
	

/* ---------------------------- Top Right Menu ---------------------------- */

ul#top-nav {
	position: absolute;
	width: 170px;
	top: 29px;
	right: 0px;
	z-index:1000;
	list-style: none;
}

ul#top-nav li {
	float: left;
	
}

ul#top-nav li a {
	height: 22px;
	width: 170px;
	margin: 4px 0px;
	float: right;
	text-decoration: none;
	display:block;
	text-indent: -9999px;
	list-style: none;
	 outline: none;

	}
	

/* ---------------------------- jQuery lightBox plugin - Gallery style ---------------------------- */
	
	
	
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 1px solid #666;
		padding: 3px;
		background-color: #fff;
	}
	#gallery ul a:hover img {
		border: 1px solid #666;
		padding: 3px;
		background-color: #004065;
	}
	#gallery ul a:hover { color: #004065; }
	
/*	#gallery{
	position:absolute;
	top: 220px;
	left: 250px;
    height:150px;
    width:570px;
    padding:10px 0;
    background-color:#fafafa;
    overflow:auto;
	
	}*/
 
#gallery {
    position:absolute;
	top: 168px;
	left: 100px;
    height: 300px;
    width: 700px;
    padding:0 5px;
	overflow: hidden;
 }
img.gallery{
    border:5px solid #fff;
    float:left;
    display:inline;
    margin: 3px;
 }
 
 
 #video {
    position:absolute;
	top: 66px;
	left: 60px;
    height: 385px;
    width: 640px;
    padding:5px;
    border: 1px solid #666;
		background-color: #fff;
	
 }
 
 /* ---------------------------- scrollable div area ---------------------------- */
					
			/* vertical track */
			#track1 {
				position: absolute;
				left: 0px;
				width: 15px;
				height: 240px;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap1 {
				float: left;
				position: absolute;
				left:870px;
				top:200px;
				width: 15px;
				height: 220px;
				background: transparent url(images/cb80-scroll-bar.gif) no-repeat bottom left;
			}
			
			/* top image of track */
			#track-top1 {
				position: absolute;
				left:0px;
				width: 15px;
				height: 15px;
				/*background: transparent url(/_graphics/scrollbar-track-top.png) no-repeat top left;*/
			}
			
			/* vertical track handle */
			#handle1 {
				width: 16px;
				height: 16px;
				cursor:pointer;
				}
	
	
	.left {
	float: left;
	}
	
	.right {
	float: right;
	}