@charset "utf-8";
/* CSS Document */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
/* end YUI reset elements */
a.hyperlinks:link 
{
    text-decoration: underline;
    color: Yellow;  
}
body {
	text-align: left;
	background-image: url(/images/background-new.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
 	background-attachment: fixed;
	background-color:#000;
    z-index: 5000;
	font: 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
	 margin: 0 auto; width: 1138px; 
}
h1 {
    font:arial, sans-serif;
	font-size: 35px;
	color: Yellow;
	margin-left:auto;
    margin-right:auto;
    width:90%;
	padding: 15px; 
	font-weight: bold;
}
h2 {
	font-size: 18px;
	color: #900;
}
h3 {
    font:arial,sans-serif;
	font-size: 30px;
	color: Black;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
    margin-right:auto;
    width:100%;
}
h4 {
    font:arial,sans-serif;
	font-size: 30px;
	color: Black;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
    margin-right:auto;
    width:100%;
}

div.clear { 
	clear: both;
	height: 1px; 
	overflow: hidden;
}
div#main {
	width: 1138px;
	margin-left: auto ;
    margin-right: auto ;
	min-height: 100%;
	}
div#globelogo {
	width: 94px;
	height: 91px;
	background-image: url(/images/globe-logo.png);
	float: left;
	position: absolute;
	margin: 8px 0 0 32px;
	z-index: -1;
}
div#clicktopmap {
	width: 210px;
	height: 64px;
	background-image: url(/images/top-map-click.gif);
	float: left;
	position: absolute;
	margin: 102px 0 0 918px;
	z-index: 1;
}
div#clicksol {
	width: 210px;
	height: 64px;
	background-image: url(/images/sol-click.gif);
	float: left;
	position: absolute;
	margin: 102px 0 0 221px;
	z-index: 1;
}
div#clicksat {
	width: 160px;
	height: 75px;
	background-image: url(/images/click-sat.gif);
	float: left;
	position: absolute;
	margin: 102px 0 0 3px;
	z-index: 1;
}
div#onhuman {
	width: 92px;
	height: 64px;
	background-image: url(/images/on-human.gif);
	float: left;
	position: absolute;
	margin: 95px 0 0 477px;
	z-index: 1;
}
div#meperiodic {
	width: 98px;
	height: 63px;
	background-image: url(/images/me-periodic.gif);
	float: left;
	position: absolute;
	margin: 97px 0 0 696px;
	z-index: 1;
}
div#headerright {
	width: 843px;
	height: 55px;
	background-image: url(/images/science-hyphen-story.png);
	position: absolute;
    margin: 17px 0 0 170px;
	z-index: -2;
}
div#header1 {
	width: 1138px;
	height: 106px;
	background-image: url(/images/newheader.png);
	margin: 75px 0px 0px 0px;
	float: left;
	z-index: 1;
}
div#menu {
	width: 1005px;
	height: 110px;
	float: left;
	padding: 0 0 0 0px;
}
#menu_new {
	width: 1138px;
	height: 38px;
}
div#menuItem01 {
	background-image: url(/images/science-layout06.png);
	float: left;
	width: 83px;
	height: 110px;
}	
div#menuItem02 {
	/*background-image: url(/images/science-layout_07.png);*/
	float: left;
	width: 144px;
	height: 110px;
}	
div#menuItem03 {
	/*background-image: url(/images/science-layout_08.png);*/
	width: 225px;
	height: 110px;
	float: left;
}	

div#menuItem04 {
	/*background-image: url(/images/science-layout_09.png);*/
	width: 229px;
	height: 110px;
	float: left;
}	
div#menuItem05 {
	/*background-image: url(/images/science-layout_10.png);*/

	width: 243px;

	height: 110px;

	float: left;

}	

div#menuItem06 {

	background-image: url(/images/science-layout11.png);

	width: 81px;

	height: 110px;

	float: left;

}	

div#mainbody {
	background-image: url(/images/mainbodyback.png);
	background-repeat: repeat-y;
	width: 1138px;
	min-height: 500px;
	float: left;
}
div#leftside {
		float:left;
		width:675px;
		margin: 0px 0px 0px 65px;
}
div#rightside {
		float:right;
		width:336px;
		margin: 0px 62px 0px 0px;
}
div#titlebox {
	background-image: url(/images/titlebox.jpg);
 	height: 59px;
	width: 666px;
	float: right;
}
.downloadsbox {
	margin:10px 0px 0px 0px;
	font-size: 13px;
}
.posterqualityvid {
	margin:10px 0px 0px 0px;
}
.facebooklikebox {
	margin: 20px 0px 0px 0px;
}
.mainbodybottom {
	width: 1138px;
	height: 54px;
	background-image: url(/images/mainbodybottom.png);
}
.newfooterbar {
	width: 1138px;
	height: 34px;
	background-image: url(/images/newfooterbar.png);
	background-repeat:no-repeat;
	margin-bottom: 20px;
	padding-left: 200px;
 
}

div#mainbottom {
 	background-image: url(/images/mainbottom.png);
 	height: 20px;
 	width: 1000px;
 }
.bodytext {
	font-size: 17px;
	margin: 30px 0px 0px 0px;
	padding: 0 16px 0 0;
	line-height:1;
}
.bodydetails {
	font-size:14px;
	margin: 10px 0 0 0 0;
	padding: 0 16px 0 0;
}
.specialfeatures {
	font-size:14px;
	margin: 10px 0px 0 0px;
	padding: 0 16px 0 0;
}
.facebookcomments { 
	margin: 20px 0 0 0;
}
div#sitemap {
	font-size: 20px;
 	line-height:2;
}

.bodytextnews {

	margin: 40px 75px 0 70px;

	font-size: 14px;

}

.bodytextnews ul {

	padding-left: 20px;

}

.bodytext .contactform {

	text-align: left;

	padding: 20px;

	border:1px solid #999;

	font-size: 14px;

	background-color: #F3F3F3;

	-moz-box-shadow: 0px 4px 6px #999;

	-webkit-box-shadow: 0px 4px 6px #999;

	box-shadow: 0px 4px 6px #999;

	-moz-border-radius: 15px;

	border-radius: 15px;

	border:1px solid #999;

}

.bodytext .formstyle {

	font-style:normal;

	font-weight: normal;

	font-size: 13px;

	text-align: left;

	color: #666;

}

.bodyTextHeader {

	font-weight: bold;

	font-size: 120%;

}

.powerof {

     font-size: 88%;

     }

.bodyPlanetInfo {
	font-weight: bold;
	font-size: 100%;
    color: #900;
}

.bodyImageDetails {

	font-weight: bold;

	font-size:  110%;

		color: #0C0;

}

.bodyTextHeader2 {

	font-weight: bold;

	font-size: 120%;

	color: #900;

}

div#footer1 {

	float: left;

	width: 1000px;

	height: 18px;

	background-image: url(/images/science-footer1.png);

}

div#footer2 {

	background-image: url(/images/science-footer2.png);

	float: left; 	

	width: 1005px;

	height: 55px;

	color: #666666;

	text-align: center;

	vertical-align: middle;

	line-height: 12px;

}	

div#footer2 p.links {

	padding: 10px 0 5px 0;

	font-weight: bold;

	font-size: 13px;

}

div#footer2 p.copyright {

	font-size: 80%;

}

div#footer3 {

	float: left;

	width: 1005px;

	height: 50px;

}

div#rightRotating {

	width: 300px;

	height: 320px;

	margin: 25px 100px 20px 20px;

	float: right;

	text-align: center;

}

div#rightContent {

	width: 470px;

	height: 320px;

	margin: 45px 30px 20px 0;

	float: right;

	text-align: center;

}

#slideshow {

    position:relative;

    height:320px;

}

#slideshow IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

}

#slideshow IMG.active {

    z-index:10;

}

#slideshow IMG.last-active {

    z-index:9;

}

div#galleryheader {

	text-align: left; padding: 12px 0 0 250px;

}

div#gallerycontent {

	text-align: left; padding: 20px;

}

div#galleryImageWrap {

	width:49%; float: left; padding-bottom: 25px;

}

div.galleryImageHeader {

	text-align:center; 

	width: 100%; 

	float: left;

	font-size: 90%;

	font-weight: bold;

	padding: 10px 0 10px 0;

	color: #3366FF;

	height: 30px;

}

div.galleryImage {

	text-align:center; 

	width: 100%; 

	height: 180px; 

	vertical-align: middle;

	float: left;

}

div.galleryImageFooter {

	text-align:center;

	width: 100%;

	height: 65px;

	float: left;

	background-color: #D9EDFD;

	padding-top: 5px;

	color: #000000;

}

.table td {

	text-align: left;

	vertical-align: top;

}

.productdetails {

	padding: 15px 0 15px 0;

}

.productdetails p {

	color: #930;

}

ul li { 
 	padding-left:0px; 
 	overflow: visible;
}

.classtest p {

	color: orange;

	font-size: 25px;

}

/* begin navigation css for menu dropdowns */

#nav {
	padding: 0px 0 0 0px; 
	margin:0; 
	list-style:none; 
	height:38px; 
	position:relative; 
	z-index:500; 
	font-family: Verdana, Geneva, sans-serif;
}

#nav li.top {display:block; float:left; height:38px;}

#nav li a.top_link {
	display:block; 
	float:left; 
	height:38px; 
	line-height:38px; 
	color: #FF0; 
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-decoration:none; 
	font-size:18px; 
	margin-left: 0px; 
	padding: 0 0 0px; 
	cursor:pointer; 
}

#nav li a.top_link span {
	float:left; 
	display:block; 
	padding: 0 24px 0 15px; 
	height:31px; 
	font-family: Verdana, Geneva, sans-serif;
}

#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding: 0 24px 0 12px; 
	height:31px; 
}


#nav li:hover a.top_link {color: #FF0;}

#nav li:hover a.top_link span {color: #FF0;}

#nav li:hover a.top_link span.down {color: #FF0;}

/* startna lista */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub {
	left:1px; 
	top:38px; 
	color: #FF0; 
	white-space:nowrap; 
	width:210px; 
	height:30px; 
	z-index:300;
}

#nav li:hover ul.sub li {
	display:block; 
	color: #Yellow; 
	height:30px; 
	margin-left: 0px;
	position:relative; 
	float:left; 
	width:210px; 
	font-weight:normal; 
	border-bottom:1px solid #aaaaaa;  
	background: url(/images/menubar_p2.jpg);
}

#nav li:hover ul.sub li a

{display:block;  font-size:12px; height:30px; width:160px; line-height:30px; text-indent:5px; color:#009; text-decoration:none;  }

#nav li ul.sub li a.fly

{background: url(/images/three_2a.png) no-repeat; color: #060;}

#nav li:hover ul.sub li a:hover 

{color: #FFF;}

#nav li:hover ul.sub li a.fly:hover

{color: #FFF;}

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{left:155px; top:3px; color: #FF0; white-space:nowrap; width:160px; z-index:400; height:auto;}

#nav ul, 

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; }

#nav li:hover li:hover a.fly,

#nav li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover a.fly,

#nav li:hover li:hover li:hover li:hover li:hover a.fly

{color: #ffcc00; border-color:#aaaaaa;} 

#nav li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li a.fly,

#nav li:hover li:hover li:hover li:hover li a.fly

{color: white; border-color:#aaaaaa;} 

/* end navigation css for menu dropdowns */



.clearfix {

	clear: both;

}

div.listing-reviews {

	border-bottom: dotted 1px; 

	padding: 5px 0 5px 5px;

	float: left;

	width: 95%;

	color: #666;

	font-size: 14px;

}

.login 

{

	padding: 20px 20px;

	text-align: right;

}

/* checkout table items */

table.checkouttable {

	font-family: verdana,arial,sans-serif;

	font-size:11px;

	color:#333333;

	border-width: 1px;

	border-color: #666666;

	border-collapse: collapse;

}

table.checkouttable th {

	border-width: 1px;

	padding: 8px;

	border-style: solid;

	border-color: #666666;

	background-color: #dedede;

}

table.checkouttable td {

	border-width: 1px;

	padding: 8px;

	border-style: solid;

	border-color: #666666;

	background-color: #ffffff;

}

ul.listProdDetails

{

	list-style-image: url(../images/bulletpoint.png);

	padding-left: 25px;

	color: #900;

}

.newstext {

	font-family: Tahoma, Geneva, sans-serif;

	background-color: #CCC; 

	border-bottom: thin solid black; 

	padding: 4px;

}

.newstext title {

	 style='width: 20%; float: left;

}

.newstext detail {

	 style='width: 75%; float: left;

}

@media only screen and (min-width: 800px) {
    /* Style adjustments for viewports that meet the condition */
 	body {
	text-align: left;
	background-image: url(/images/background-new.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
 	background-attachment: fixed;
	background-color:#000;
    z-index: 5000;
	font: 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
}


}
@media only screen and (max-width: 799px) {
    /* Style adjustments for viewports that meet the condition */
	 	body {
	text-align: left;
	background:url(/images/background-new-thin.jpg) #0000ff no-repeat center bottom;
	background-attachment: fixed;
	background-size: cover;
     z-index: 5000;
	font: 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
}
	

}