@charset "utf-8";

/*Main structure of the page*/
	body {
		background-color: #C7E8FF;
	}
	
	#main{
		position: relative;
		width: 920px; 
		height: 690px;
		margin-right: auto;
		margin-left: auto;
/*		background-color: #1B74A7;
*/	}

	#siteLinks {
		position: absolute;
		left: 16%;
		bottom: -300px;
		width: 67%;
	}
	
	.paddingSides{
		padding-right: 25px;
	}
	
		#header{
			position: relative;
			margin-right: auto;
			margin-left:auto;
			top:8px;
			height:160px;
			width:98%;
/*			background-color: #ffffff;
*/		}
		
			#logo {
				position: absolute;
				top: 14px;
				left:14px;
				width: 189px;
				height: 132px;
			}		
		
			#logIn {
				height:150px;
				position:absolute;
				right:330px;
				top:70px;
				width:270px;
			}
			
			#logIn2 {
				position: absolute;
				top: 30px;
				right: 20px;
				width: 90px;
				height: 20px;
			}
			
			#emailLogin {
				position: absolute;
				top: 25px;
				right: 30px;
				width: 100%;
				height: 20px;
				text-align: right;
			}			
			
		/*Start of Navigation*/
		#nav{
			position:absolute;
			top:126px;
			left:226px;
			width:547px;
			height: 46px;
			z-index:100;
			background-color:#00FF00;
		}
			.navTab {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 87px;
				height: 46px;
				background-color:#006600;
			}
			
			#Home {
				left: 0px;
			}
			
			#Products {
				left: 92px;
			}
			
			#Store {
				left: 184px;
			}
			
			#Application {
				left: 276px;
			}
			
			#Bio-Logic {
				left: 368px;
			}
			
			#Contact {
				left: 460px;
			}		
		/*End of Navigation*/
		
		#content{
			position:absolute;
			top:205px;
			left: 1%;
			height:344px;
			width:98%;
		}
		/*Start of Divs nested in content div*/
			#rightSide{
				position:absolute;
				top:-100px;
				right: 25px;
				height:344px;
				width:280px;
			}
			
			#leftSide{
				position:absolute;
				top:215px;
				left: 85px;
				height:100%;
				width:490px;
			}
		/*End of Divs nested in content div*/		
		
		
		#footer{
			position: absolute;
			left: 1%;
			bottom: -10px;
			width:98%;
			height: 20px;
			text-align:center;
			padding:0px;
		}
		
/*Text styles*/	
	.copy, .copyWhite, .copySmall, .copySmallW, .copyGray, li, .copyGrayB{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		text-align: left;
		padding: 0em 1em 0em 1em;
	}
	
	.copy, .copySmall{
		color: #000000;
	}
	
	.copy, .copyWhite {
		font-size: 11px;
	}
	
	.copyWhite, .copySmallW{
		color: #ffffff;
	}	
	
	.copySmall, .copySmallW{
		font-size: 10px;
	}
	
	.copyGray, li{
		line-height: 18px;
		color: #808080;
		font-size: 12px;
	}
	
	.copyGrayB{
		color: #CCCCCC;
		font-size:12px;
	}	
	
	
/*Link styles*/
	.link, .smLink{
		text-align: left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #33CCFF;
		text-decoration:none;
	}
	
	.link{
		font-size: 12px;
	}
	
	.link:hover, .smLink:hover{
		text-decoration: underline;
	}
	
	.smLink {
		font-size: 10px;
	}

	.navLinks {
		text-align: left;
		position:relative;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin:0px 0px 0px 0px;
		list-style-type:none;
		width:175px;
		padding:0px;
	}
	
	.navLinks a {
		display: block;
		background-color: #ffffff;
		padding: 0.5em 1em;
		color: #333333;
		text-decoration: none;
	}
	
	.navLinks a:hover, .navLinks a:focus {
		background-color: #FFCC66;
		color: #000000;
		font-weight:bold;
	}

	#footerLinks li{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		display: inline;
		list-style-type: none;
		padding-right: 5px;
	}
	
	.footerLinks a {
		color: #000000;
		text-decoration: none;
	}
	
	.footerLinks a:hover, .footerLinks a:focus {
		color:#FFFFFF;
	}
	
	.linkWhite {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		text-align: left;
		color: #000099;
		font-size: 12px;
		text-decoration:none;
		font-weight: bold;
	}
	
	.linkWhite:hover{
		text-decoration: underline;
	}

	.loggedInAs {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #333333;
		font-style:italic;
		font-weight: bold;
	}
	
	.loginLinks, .loginCopy{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size:12px;
		color: #666666;
		font-weight: bold;		
	}
	
	.loginLinks:hover {
		text-decoration: underline;
	}

/*Picture Placement*/	

	.floatL {
		float: left;
		margin: 10px 10px 10px 10px;
	}
	
	.floatR {
		float: right;
		margin: 10px 10px 10px 10px; 
	}	

	
/*Other styles*/	
	.hide {
		display: none;
	}
	
	.hr50 {
		width:50%;
	}
	
	.hr75 {
		width:75%;
	}