/*  

Theme Name: Nanotech

Description: Nanotech Theme.

Version: 1.0

Author: RedstoneX

*/







body,

html {

  margin:-30px 0 0 0;

  padding:0;

  color:#000;

  background:url(images/vertical-tile.png) repeat-y top center #e5e6e6;

}



#container {

  background:url(images/horizontal-tile.jpg) repeat-x;

  position:relative;

  height:500px;

}



#container2 {

  background:url(images/header-image.jpg) no-repeat top center;

  position:relative;

  height:500px;

}



#wrap {

  width:950px;

  margin:0 auto;

}



#body {

  float:left;

  width:950px;

  margin:0;

  background:url(images/sidebar-tile.png) top left repeat-y;

}



/********************************** GLOBAL TEXT STYLES **********************************/



h1 {

	font-size: 13.5pt;

	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;

	font-size: 13.5pt;

	font-weight: normal;

	color: #333333;

	letter-spacing: 1px;

	margin:0;

}



h2 {

	font-size: 13pt;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #444444;

	letter-spacing: 1px;

	font-weight: normal;

}



p {

  font-family: Arial;

  font-size:12px;

}



a:link,a:active,a:visited {

  color:#000;

  font-weight:normal;

  text-decoration:underline;

}



a:hover {

  text-decoration:none;

}



.alignleft {

  float:left;

}



.alignright {

  float:right;

}



/********************************** HEADER **********************************/



#header {

  height:259px;

  background:url(images/sidebar-top.png) bottom left no-repeat;

}



#header #logo {

  float:left;

  position:relative;

  top:72px;

  left:40px;

}



#header #headline {

  position:relative;

  float:right;

  height:174px;

  width:536px;

  top:80px;

  left:75px;

  overflow:hidden;

  margin-right:70px;

  background: transparent;

}



#header #more-info-button {

  position:absolute;

  top:70px;

  left:310px;

  border:none;

}



/********************************** NAV **********************************/



#nav {

  float:right;

  padding:5px 0 0 0;

  width:700px;

  margin: 20px 0 5px 0;

}



#nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

	float: left;

	cursor:pointer;

}



#nav ul li {

	float: left;

	position:relative;

	cursor:pointer;

}



#nav ul li a {

	float: left;

	text-decoration: none;

	color: #ccc;

	padding: 4px 0px 0 0;

	margin-right: 8px;

	font: normal 14px Arial, Verdana, sans-serif;

	cursor:pointer;	

}



#nav ul li a span {

	float: left;

	padding: 8px 8px 0 0;

	display: block;

	margin-top: -4px;

	height: 24px;

	cursor:pointer;

}



#nav ul li ul {

  display:none;

  position:absolute;

  top:30px;

  left:0px;

  width:120px;

  cursor:pointer;

}



#nav ul li ul li {

	float: left;

	position:relative;

	paddin:0;

	margin:0;

}



#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li ul li a {

 	/*color: #576d07;*/

 	color:#333333;

	background: url(images/tabgray-left.png) no-repeat top left;

}



#nav ul li a:hover span, #nav ul li.current_page_item a span, #nav ul li ul li a span {

  margin-left:8px;

	background: url(images/tabgray.png) no-repeat top right;

}



#nav ul li a {

	/*background: url(images/tabgray-left.png) no-repeat top left;*/

 	color: #fcfcfc;

}



#nav ul li a span {

  margin-left:8px;

	/*background: url(images/tabgray.png) no-repeat top right;*/

}





/********************************** MAIN **********************************/



#main {

  float:right;

  width:700px;

  padding:0;

}



#main #top {

  float:left;

  width:700px;

  height:3px;

  background:url(images/main-top.png) top left no-repeat;

}



#main #middle {

  float:left;

  width:660px;

  background: #feffff;

  padding:20px;

}



#main #middle ul {

  padding:0 20px 5px 20px;

  list-style-image: url(images/nanobullet.png);

}



#main #middle ul li {

  font-family:arial;

  padding:3px;

  margin:0;

  font-size:12px;

}



#main #bottom {

  float:left;

  width:700px;

  height:3px;

  background:url(images/main-bottom.png) bottom left no-repeat;

}



/********************************** SIDEBAR **********************************/



#sidebar {

  float:left;

  width:250px;

  padding:10px 0px;

  background:url(images/sidebar-tile.png) top left repeat-y;

}



#sidebar .gradient-box {

  margin:0;

  width:183px;

  height:141px;

  padding:15px;

  background:url(images/sidebar-gradient-box.png) no-repeat;

}



#sidebar .gradient-bottom {

  margin:0;

  width:213px;

  height:3px;

  padding:0;

  background:url(images/sidebar-gradient-bottom.png) no-repeat;

}



#sidebar .gradient-box img {border:none;}
.duradee {
    border: medium none;
    float: left;
    padding: 30px 0 0 48px;
}



/********************************** FOOTER **********************************/



#footer {

  clear:both;

  text-align:center;

  padding:5px 10px 5px 260px;

  background:url(images/sidebar-tile.png) top left repeat-y;

  margin: 0 0 0 0;

  font-size:12px;

  font-family:arial;

}



#footer span#credits, #footer span#credits a, #footer span#credits a:hover {

  font-size:10px;

  color:#333;

  text-decoration:none;

  font-family:arial;

}



#footer p {

  margin:0;

}



* html #footer {

  height:1px;

}

.duraseal {
margin-left: 16px;
padding-top: 16px;
}


