/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

h2 {
	font-size:140%; color:#000000; margin: 1.5em 0; font-weight:bold;
}
h3, h4 {
	font-size:110%; color:#000000; margin: 1.5em 0 1em 0; font-weight:bold;
}
ol {
	padding-left:2em;
}

h3 {
	color: #296683;  padding:0.2em;
}

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }

#top { height:25px; text-align:right; margin:1.5em 0 0 0; 
		background:#10648e url('images/background.gif') repeat-x 0 -90px; 
		color:#999; width:100%; padding:0.3em 0 0.8em 0; 
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		vertical-align:middle;
	}
#top a { margin: 0 1em; color:#d2d2d2;  }
#top span.nanohub a{ float:left; background:url('images/nanohub.gif') no-repeat 0 0; width:130px; padding:0.6em 0; margin-left:0.5em;  }
#top span.nanohub a:hover { background-position: 0 -36px; cursor:pointer; }
#top a.goto { float:right; color:#FFF; margin-top:0.5em;  }
#top a:hover { color:#FFF; text-decoration:none;  }
#top a.goto:hover { color:#c6e3f1;}

#bottom {  height:30px; width: 880px; padding:0; margin: 0 auto; position: relative; color:#FFF; font-size:80%;   }
#bottom p { margin-top:0.5em;  }

#launch { position:relative; top:120px; left:190px;  margin: 0 auto; }

#launch a { background: #000000; padding:0.6em 2em;
		-moz-border-radius-topright: 12px;
		-moz-border-radius-bottomright: 12px;
		-moz-border-radius-bottomleft: 12px;
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-right-radius: 12px;
		-webkit-border-bottom-right-radius: 12px;
		-webkit-border-bottom-left-radius: 12px;
		-webkit-border-top-left-radius: 12px;
		}
#launch a, #launch a:hover {
	text-decoration: none;
}
#launch a:hover  {
	background: #144958;
}

#container { width: 880px; margin: 0 auto; position: relative; padding:0; }
#main { width: 100%; position: relative; text-align:center;}
#content, #content_sec { position: relative;   
		/*background:#e7edee url('images/nanohub_itunes.jpg') no-repeat -150px -150px;*/ zoom: 1;  
		border:1px solid #ccc;
		-moz-border-radius-topright: 12px;
		-moz-border-radius-bottomright: 12px;
		-moz-border-radius-bottomleft: 12px;
		-moz-border-radius-topleft: 12px;
		-webkit-border-top-right-radius: 12px;
		-webkit-border-bottom-right-radius: 12px;
		-webkit-border-bottom-left-radius: 12px;
		-webkit-border-top-left-radius: 12px;}
#content { background:#e7edee url('images/splash.jpg') no-repeat 0 0; height: 550px; min-height:550px; margin-top:2em; }
#content_sec { background:#e7edee url('images/bgsec.jpg') no-repeat right bottom; min-height:500px; margin-top:0.3em; padding:1em 2em 0.5em 2em; text-align:left; color:#000000;}

#content_sec p { line-height:1.5em; margin-bottom:1em;}

#content a:hover { text-decoration:none; }
#splash { padding-bottom:530px; display:block; padding-left:850px;  font-size:xx-small;  color:#e7edee; }
#breadcrumb { clear: both; text-align: left; margin: 0 auto; margin-top:0.3em; padding-left:0.8em; font-size: 90%; color: #686868; }

#logo{ position: relative; top:0; left:190px;  margin: 0 auto; width:377px; height:150px; background:  url('images/logo.png') no-repeat 0 0;}
#caption { position: absolute; top:180px; left:465px;  margin: 0 auto; width:377px; height:50px; color:#333333; text-align:left; }
#caption a { color:#333333; }
#caption a:hover { color:#296683; }
#imagepane { position:relative; top:40px; left:0;  margin: 0 auto; display:block; width:100%;  }

body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background: #89979d url('images/bg_long.gif') repeat-x 0 0; color: #f3f5f6; }

a { color: #296683; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: none; color:#777;}
.active span {  color:#fef6dd; margin: 0 1em; }

ul.menu { list-style:none; float:left; margin-left:2em; margin-top:0.5em;}
ul.menu li { display:inline; margin: 0.2em 0.1em; }

ul.items {
	margin-left:1em; line-height:1.5em;
}

ul.items li {
	font-weight:bold; margin-bottom:1em;
}

ul.items span {
	font-weight:normal;
	display:block;
}