/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777777;

}


/* Wrapper div inside which everything exists */
#wrapper {
	margin: 0 auto;
	padding: 0;
	z-index:-1;
	width:787px;
}

/* Logo container */
#logo {
	width: 757px;
	margin: 0 auto;
	background: transparent url(images/carbonlogo.jpg) no-repeat;
}
#logo a {display:block; width:276px; padding-top:112px; height:0; color:#000; text-decoration:none; overflow:hidden;}

/* Header Container */
#header {
	width: 787px;
	margin: 0 auto;
	height: 137px;
	border: 0px;
	z-index:1;
	position:relative;
}

/* Menu Container */
#menu {display:block; height:137px; margin:0px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; display:block;}

/* Default Navigation Menu Images */
#menu li.list1 {background:transparent url(images/navigation/serviceable.png) no-repeat; width:140px;}
#menu li.list2 {background:transparent url(images/navigation/recoverable.png) no-repeat; width:114px;}
#menu li.list3 {background:transparent url(images/navigation/batterylife.png) no-repeat; width:112px;}
#menu li.list4 {background:transparent url(images/navigation/performance.png) no-repeat; width:140px;}
#menu li.list5 {background:transparent url(images/navigation/multimedia.png) no-repeat; width:131px;}
#menu li.list6 {background:transparent url(images/navigation/wireless.png) no-repeat; width:150px}
#menu a {display:block; width:115px; padding-top:137px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:86px; he\ight:0;}

/* Images for when the current page is selected */
#menu li.list1a {background:transparent url(images/navigation/serviceable_over.png) no-repeat; width:140px;}
#menu li.list2a {background:transparent url(images/navigation/recoverable_over.png) no-repeat; width:114px;}
#menu li.list3a {background:transparent url(images/navigation/batterylife_over.png) no-repeat; width:112px;}
#menu li.list4a {background:transparent url(images/navigation/performance_over.png) no-repeat; width:140px;}
#menu li.list5a {background:transparent url(images/navigation/multimedia_over.png) no-repeat; width:131px;}
#menu li.list6a {background:transparent url(images/navigation/wireless_over.png) no-repeat; width:150px}
#menu span {display:block; width:115px; padding-top:137px; height:0; color:#000; text-decoration:none; overflow:hidden;}

/* Mouseover images */
#menu a#item1 {background:transparent url(images/navigation/serviceable_over.png) -200px -200px no-repeat; width:140px;}
#menu a#item2 {background:transparent url(images/navigation/recoverable_over.png) -200px -200px no-repeat; width:114px;}
#menu a#item3 {background:transparent url(images/navigation/batterylife_over.png) -200px -200px no-repeat; width:112px;}
#menu a#item4 {background:transparent url(images/navigation/performance_over.png) -200px -200px no-repeat; width:140px;}
#menu a#item5 {background:transparent url(images/navigation/multimedia_over.png) -200px -200px no-repeat; width:131px;}
#menu a#item6 {background:transparent url(images/navigation/wireless_over.png) -200px -200px no-repeat; width:150px;}

/* What to do when the menu is moused over */
#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}
* html #menu a:hover {height:137px; he\ight:0;}

/* Content div for the home and video pages */
#flash {
		width:757px;
		position:relative;
		top:-44px;
		margin:0 auto;
		z-index:0;
		text-align:center;
		background:url(images/border.gif) repeat-y;
		
}
#flashr {
		background:url(images/border.gif) right repeat-y;
		width:757px;
		position:relative;
		z-index:0;
}

/* Content div for the rest of the pages */
#content {
		width:757px;
		position:relative;
		margin:0 auto;
		z-index:5;
		text-align:center;
		background:url(images/border.gif) repeat-y;
}

/* Adds the right side of the border */
#contentr {
		background:url(images/border.gif) right repeat-y;
}

/* Box in which the body text sits */
#textbox {
		float:left;
		text-align:left;
		padding-left:64px;
		padding-right:64px;
		position:relative;
		top:-20px;
		z-index:5;
}
#textbox h3 {
		line-height:8px
}
#textbox h4 {
		line-height:0px;
		text-indent:15px
}
.floatingimage {
	float:left;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	clear:left;
}
.floatingtext {
		float:right;
		vertical-align:top;
		width:440px;
}

/* Box for the serviceable image */
#imagebox {
		text-align:center;
		z-index:-1;
}

/* Footer div for the index and video page */
#infooter {
	position:relative;
	top:-88px;
	width: 757px;
	margin: 0 auto;
	height: 145px;
	border: 0px;
	z-index:2;
}

/* Footer div for the rest of the pages */
#footer {
	position:relative;
	width: 757px;
	margin: 0 auto;
	height: 145px;
	border: 0px;
	z-index:2;
}

/* Top div inside the footer */
#ftop {
		position:relative;
		height:22px;
		margin:0;
		background:url(images/footer/footer_1.png) no-repeat center;
}

/* the middle of the footer, containing the links to video and the datasheet */
#fmiddle {display:block; height:30px; margin:0 auto;}
#fmiddle ul {margin:0; padding:0; list-style-type:none;}
#fmiddle li {float:left; display:block;}
#fmiddle li.list1 {background:transparent url(images/footer/footer_2.png) no-repeat; width:282px;}
#fmiddle li.list2 {background:transparent url(images/footer/footer_3.png) no-repeat; width:62px;}
#fmiddle li.list3 {background:transparent url(images/footer/footer_4.png) no-repeat; width:53px;}
#fmiddle li.list4 {background:transparent url(images/footer/footer_5.png) no-repeat; width:105px;}
#fmiddle li.list5 {background:transparent url(images/footer/footer_6.png) no-repeat; width:255px;}
#fmiddle a {display:block; width:115px; padding-top:30px; height:0; color:#000; text-decoration:none; overflow:hidden;}
#fmiddle span{display:block; width:115px; padding-top:30px; height:0; color:#000; text-decoration:none; overflow:hidden;}

/* Bottom of the footer, including Nexlink logo */
#fbottom {height:93px;
		margin:0;
		padding:0;
		background:url(images/footer/footer_7.png) no-repeat center;
}

a:link {color: #007cc4; text-decoration: underline;}
a:visited { color: #007cc4; text-decoration: underline; }
a:hover { color: #414142; text-decoration: underline; }