a:active{ outline: none;}
img{ outline: none;}


body{
margin:0;
background-image:url(http://www.bluemolecule.com/images/bodybg.gif);
}

a{
color:#CC6600;
text-decoration:underline;
}

.nobg{
background:none !important;

 /*TO ELIMNATE THE BACKGROUND ON FIRST ITEM IN INLINE <UL>'s*/
}

#topcenterColumn {
margin:0;
height:72px;
background:#38312B;
text-align:left;
border-top:10px solid #000;
border-bottom:10px solid #000;
}
#topcenterColumn img {vertical-align:middle; border:none;}

#centerColumn { 	
margin:0 auto;
height:72px;
width:990px;
background-color:#38312B;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-image:url(http://www.bluemolecule.com/images/headerBG.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

#maintable{
padding-left:10px; position:relative; top:-12px; border:none; padding-right:0; padding-top:0; padding-bottom:0; width:100%;
}

#leftcell{padding-top:30px;}

#maincontentarea{margin-top:-10px; background-color:#F1F1F1;  padding-top:9px; margin:0 auto; width:990px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}

/*HOME PAGE 500S*/

	/*PROD BOXES*/


#prodwrapper{float:left;}

#prodwrappermid{float:left; margin-right:10px; margin-left:10px;}

#prodbox {width:234px;}

#prodbox img {border:none;}

#copy{margin:7px; border:1px #999999 solid; background-color:#FFFFFF;}

#prodtitle{background-image:url(http://www.bluemolecule.com/images/home/titlebg.jpg); height:26px; margin-top:-5px;}

#prodtitle h1{font-family:Lucida Grande, Arial, Verdana, sans-serif; font-size:16px; color:#fff; font-weight:bold; padding-left:10px; padding-top:4px;}

#proddescription{background:#CCCCCC; background-image:url(http://www.bluemolecule.com/images/home/descriptionBG.jpg);  padding:10px;}

#proddescription p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0; line-height:150%;}

	/*END PROD BOXS*/
	
	/*HOME ADS*/
	#adwrapper img {float:left; margin-right:10px;}
	#adwrapper p {font-family:Lucida Grande, Arial, Verdana, sans-serif; font-size:12px; padding-right:10px; margin-top:20px;}
	#ad1{float:left; margin-top:25px; margin-right:25px; border-right:1px dotted #666666;}
	#ad2 {float:left; margin-top:25px;}

	#clear{clear:both; margin-bottom:40px;}
		
	/* END HOME ADS*/
/*END HOME PAGE*/

.quotecredit{text-align:right !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#CC0000; margin:0px;}

#contentbox { 	
margin: 8px auto;
width:990px;
text-align:left;
vertical-align: middle;
background-color:#F1F1F1;
}
#contentbox h1{
font-family:Lucida Grande, Arial, Verdana, sans-serif; font-size:16px; margin:0;
}

#maintab h1{
 width:379px;  background-image:url(http://www.bluemolecule.com/images/tabBG.jpg); background-repeat:no-repeat; color:#FFFFFF; position: relative; bottom: 6px; right: 6px;   margin-top:20px;  padding:3px; text-align:center;
}

#shadow{
	position: relative;
	bottom: 2px;
	right: 2px;
	background-image:url(http://www.bluemolecule.com/images/shadow.gif);
	background-position:right bottom;
}

#content{
	position: relative;
	bottom: 4px;
	right: 4px;
	background-image:url(http://www.bluemolecule.com/images/textboxBG.jpg);
	background-repeat:repeat-x; 
	background-position:top;
	background-color:#FFF;
	border:1px #666666 solid;
	font-family:Lucida Grande, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#666666;
}
#content h2{
	font-size:18px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:-1px;
	padding-left:10px;
	padding-top:10px;
	color:#BA1418;
}

#content h3{
	font-size:12px;
	margin-top:17px;
	
	margin-bottom:-10px;
padding-left:15px;
padding-right:15px;


	color:#2a3b63;

}

#content p{
padding-left:15px;
padding-right:15px;
line-height:150%;
text-align:justify;
}

#content ul{
list-500-image:url(http://www.bluemolecule.com/images/bullet.gif);
}
#content li{
padding-bottom:15px;
padding-right:15px;
}


#nav { 	
margin:-12px auto;
width:990px;
height:24px;
text-align:left;
vertical-align: middle;
position:relative;
z-index:1;	
}



/*#nav ul{
list-500:none;
padding:0;
margin:0;
width:1000px;
height:28px;
position:relative;


}

#nav ul li{
display:inline;
background-image:url(button.gif);
background-repeat:no-repeat;
padding-left:5px;
color:#FFFFFF;

}*/



#subnav{
 background-color:#FFF;
 background-image:url(http://www.bluemolecule.com/images/subnavBG.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 border:1px #CCCCCC solid;
 text-align:right;
 color:#666666;
 font-family:Lucida Grande, Arial, Verdana, sans-serif;
 font-size:11px;
 font-weight:bold;
 line-height:150%
}
#subnav ul{
display:inline;
}
#subnav li{
background-image:url(http://www.bluemolecule.com/images/subnavliBG.gif);
background-repeat:no-repeat; 
background-position:0px 3px;
padding-left:5px;
padding-right:5px;
display:inline;

}
#subnav li a{
padding-left:5px;
padding-right:5px;
text-decoration:none;
}
#subnav li a:hover{
color:#FFF;
background-color:#CC6600;
}


#Menu4 {
font-family: Arial, sans-serif;
font-size:12px;

height: 26px;
 /* Since we float li in this example we must set a height on the div */
}

#Menu4 ul {
margin: 0 auto; /* Aligning div horizontally */
 /* When aligning using the method above we must set a specific width */
list-500: none;
padding: 0; /*ZLATIC - CHANGE THIS VALUE TO MOVE THE BUTTONS RIGHT*/
}

#Menu4 li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 2px 0 1px;
line-height: 25px; /* Aligning text vertically using line-height */
list-style:none;
}
#Menu4 li a {
display: block; /* Making the whole tab a clickable link */
width: 125px; /*Fixed width on the link, the same width as the image width */
height: 28px; 
color: #FFF;
font-weight:bold;
text-decoration: none;
background: url(http://www.bluemolecule.com/images/button.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}

#Menu4 li a:hover {
background: url(http://www.bluemolecule.com/images/button2.gif) no-repeat left bottom;
color:000;
}

#navtd{
border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;  background-color:#F7F7F7; padding:15px; text-align:center;
}

#boxtop{
width:210px; height:15px; background-image:url(http://www.bluemolecule.com/images/boxtop.gif); background-repeat:no-repeat; background-position:bottom; margin:0px; padding-top:10px;
}
#boxmid{
width:210px; background-image:url(http://www.bluemolecule.com/images/boxmid.gif); margin:0px;
 font-family:Lucida Grande, Arial, Verdana, sans-serif;
 font-size:11px;
 line-height:150%;
 color:#666666;}
 
#boxmidcontentwrapper{padding-left:15px; padding-right:15px; text-align:left;}

#boxmidcontentwrapper form{margin-top:0;}

#boxmid h3{
margin-top:0;
margin-bottom:3px;
font-size:13px;
 color:#660000;
 text-align:left;
 
}

#boxmid p {
margin:0; padding-top:5px;
 text-align:left;

}

.searchbut{position:relative; top:4px;}
.textalignright {text-align:right !important;}

#boxbot{
width:210px; height:15px; background-image:url(http://www.bluemolecule.com/images/boxbot.gif); background-repeat:no-repeat;
}

#footer{
 margin-top:20px;
  background-image:url(http://www.bluemolecule.com/images/footerBG.gif); 
  background-position:bottom;
 background-color:#FFF;
 
	position: relative;
	bottom: 4px;
	right: 4px;
	background-repeat:repeat-x; 


	border:1px #666666 solid;
	font-family:Lucida Grande, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#666666;
 }
 
 #footer p {
 margin:3px;
 padding-left:5px;
 }
 
 #footerlinks{
 	padding:5px;
	text-align:right;
 }
 
 #footerlinks ul{
 	 margin:0;  padding-bottom:5px; color:#000000;
 }
 
 #footerlinks li{
 	 display:inline; padding-left:10px; padding-right:5px; background-image:url(http://www.bluemolecule.com/images/subnavliBG.gif); background-repeat:no-repeat; background-position:0px 3px;
 }

 #footerlinks a{
 color:#666666;
 text-decoration:none;
 } 
 #footerlinks a:hover{
  text-decoration:underline;
 } 
  #footerlinks a:visited{
  color:#999999;
 } 
  #footerlinks p{
	 margin:0;
 }
 
 
 #contactbutton{

 }
 
  #contactbutton ul{
  width:195px;
  height:63px;
  list-500:none;
  display:inline;
  margin:0;
  padding:0;
  
   }
 
   #contactbutton li{
	 line-height:63px;
     width:195px;
	 height:63px;
	 float:left;
	 
 }
 
  #contactbutton li a{
  display:block;
  list-500:none;
  background-image:url(http://www.bluemolecule.com/images/contactup.jpg); 
  width:195px;
  text-decoration:none;
 }
 
   #contactbutton li a:hover{
  
   background-image:url(http://www.bluemolecule.com/images/contactdown.jpg); 
 }
 
 
 #menu5wrapper{
margin-top:10px;
 }

 #Menu5 {
font-family: Arial, sans-serif;
font-size:12px;

height: 63px;
 /* Since we float li in this example we must set a height on the div */
}

#Menu5 ul {
margin: 0 auto; /* Aligning div horizontally */
 /* When aligning using the method above we must set a specific width */
list-500: none;
padding-left:7px; /*ZLATIC - CHANGE THIS VALUE TO MOVE THE BUTTONS RIGHT*/
}

#Menu5 li {
text-align: center;
float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
margin: 0 2px 0 1px;
line-height: 25px; /* Aligning text vertically using line-height */
list-style:none;
}
#Menu5 li a {
display: block; /* Making the whole tab a clickable link */
width: 195px; /*Fixed width on the link, the same width as the image width */
height: 63px; 
color: #FFF;
font-weight:bold;
text-decoration: none;
background: url(http://www.bluemolecule.com/images/contactup.jpg) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
}

#Menu5 li a:hover {
background: url(http://www.bluemolecule.com/images/contactdown.jpg) no-repeat left bottom;
color:000;
}
 
 div.figure {
  float: right;
  width: 136px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 10px;
  position:relative;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  position:relative;
}

.img-wrapper div{
	float:right;
	position:relative;
	padding:4px;
	
	margin:10px;

	border:#a9a9a9 1px solid;
	background:#f7f7f7;
	
}

.img-wrapper img{
	background:#fff;
	border:#a9a9a9 1px solid;
	display:inline;
}

.img-wrapper p {
	margin:0;
	padding:0;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:100%;
	text-align:left;
	position:relative;
}




#portfolio	{
margin: 0px 0px 30px 40px;
		display:inline;
		width: 182px;
		float: left;
		position:relative;
		height:120px;
		
		}


#portfoliosec	{width:700px;
		margin:0;
		padding:0;}

#portfoliosm	{margin-top: 6px}

#portfolio a img	{vertical-align: middle;
		background: #EEE;
		padding: 4px;		
		margin-bottom: 6px;
		border: 1px solid #E6E6E6;
		}

#portfolio a img:visited	
		{background: #A5A4A4;}

#portfolio a img:hover	
		{background: #FFF;}
		
#portfolio h2{
 font-family:Georgia, Times New Roman, Times, serif; font-size:11px; margin:0; padding:0;
}

.active a{
background:#000099;
color:#FFF;}

.active a:hover{
background:#000099 !important;
color:#FFF;}


.cursection a{
color:#000 !important;
background:#000000;
}

label {
display:block;
font-weight:bold;
color:#003366;
}

.checklabel{
display:inline;
font-weight:normal;
}

fieldset{
width:40%;
margin-left:15px;

padding:10px;
background-image:url(../../images/fieldsetBG.jpg);
background-position:bottom;
background-repeat:repeat-x;
}


legend{

font-weight:bold;
font-size:16px;
color:#990000;



}