/* CSS Document */
/* BLUE 006699 ORANGE FF9900 */
body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
	width: 963px;
	background-image:url(images/bkg.gif);
	behavior:url("csshover.htc");
}

p {
	font: small/1.4em Verdana, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	margin-top:0;
}

img {
	display: block;
	border: 0;
	}

	
a:link { 
	color: #006699;
	text-decoration:none;
	}
	
a:visited {
	color: #006699;
	text-decoration:none;
	}
	
a:hover  {
	color: #FF9900;
	text-decoration:underline;
	}
	
a:active {
	color: #006699;		
	}
	
#container {
	margin: 0 auto;
	width: 963px;
	background-image: url(images/bkg_container.gif);
	height: 100%;
	}
	
#content {
	margin: 0 auto;
	width: 810px;
}

#wrapper{ /*for index only, to display bottle*/
	margin: 0 auto;
	width: 810px; 
	background: #FFFFFF url('images/glue_bottle.jpg') no-repeat right bottom;
}


#header img{
	float:left;
}

#menu {
	margin-bottom: 20px; /*added margin*/

}

.slider { /*photo slider*/
	float: left;
}
#main {
	width: 500px; /*main + right margin + column should equal content width */
	margin: 15px 0px 0px 0px;
	float: left;
	
	}
	
#main img{
	margin-bottom: 10px;
	}
	
.headline { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: large;
	color: #006699;
	margin-top: 0px;
	text-align:center;
	}

#column {
	width: 300px;
	margin-top: 15px;
	float: right;
	}
	
.clr { clear:both;} /*for index. floated divs need clearing in order for FF to register it has height */

#footer {
	margin: 0px auto 0 auto;
	width: 851px;
	height:20px;
	background-color: #3884a0;
	clear:both;
	text-align:center;
	}
#footer p, #footer a:link, #footer a:visited {
	font-size: x-small;
	color:#FFF;
	text-align:center;
	}
	

h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: large;
	color: #006699;
	margin-bottom: 2px;
	}
	

	
.headlines p {
	font-size: x-small;
	line-height: 1.5em;
	margin-bottom: 10px;
}

form p {
	font-size: x-small;
}

.gallery img {
	display:inline;
	padding-left:4px;
	}


/* BASIC TABLE STYLE */
table.tblbasic {
	font-size: x-small;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.tblbasic td{ /* Border Rule */
 	padding: 6px 6px 6px 6px;	
}

table.tblbasic a {
	text-decoration: none; /* No link underline*/
}
/* END - BASIC TABLE STYLE */
.news p{
	padding-bottom:1em;
	border-bottom:thin solid #CCCCCC;
}

.news h1 {
	margin-bottom:1em;
	border-bottom:thin solid #CCCCCC;
	}

.small {
	font-size: x-small;
	}
	
h2 {
	font-size: small;
	font-weight: bold;
	color: #FF9900;
	border-bottom: thin solid #999999;
	margin: 10px 0px 10px 0px;
	}
	
	
li {
	list-style-type: square;
	}
	
.center {
	text-align:center;
	margin: 0 auto;
	}
	
	
.left {
	float:left;
	margin-right: 5px;
	}
	
.right {
	float:right;
	margin-left: 5px;
	}

/* HIDE FORM FIELD FROM SPAMMERS */
#human {
visibility:hidden;
display:none;
}
/* Blog Buttons */
.blogbutton {
	float: left;
	margin-bottom:5px;
}

.blogbutton a { 
	background:transparent url(images/buttons_radioblog.jpg) no-repeat  0 0;
	display:block;
	height:75px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:150px;
	}
	
.blogbutton a:hover {
	background:transparent url(images/buttons_radioblog_over.jpg) no-repeat  0 0;
	display:block;
	height:75px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:150px;
	}
.blogbutton2 {
	float: right;
	margin-bottom:5px;
}

.blogbutton2 a { 
	background:transparent url(images/buttons_technews.jpg) no-repeat  0 0;
	display:block;
	height:75px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:150px;
	}
	
.blogbutton2 a:hover {
	background:transparent url(images/buttons_technews_over.jpg) no-repeat  0 0;
	display:block;
	height:75px;
	left:-2px;
	position:relative;
	text-indent:-999em;
	width:150px;
	}
/* End Blog Buttons */
	
/*Media Kit BUTTON*/

.displace { 
	position: absolute;
	left: -5000px;
	} 

ul#cssbutton {
	padding: 20px 0 0 0 ;
	width: 300px;
	margin: 0 auto;
	list-style: none;
	}


ul#cssbutton li {
	width: 300px;
	float: left;
	list-style: none;
	}

ul#cssbutton li a {
	display: block;
	height: 138px;
	background: url(images/jumpstart-editable-sales-sheet-roll.gif);
	list-style: none;
	}

/*
*	Normal Links
*/
ul#cssbutton li.one a {
	background-position: 0 0;	list-style: none;

	}

/*
*	Hover Links
*/
ul#cssbutton li.one a:hover {
	background-position: 0 -138px;	list-style: none;

	}
/*Meida Kit button END */
/*Twitter button*/
.twitter a{
  display:block;
  width: 296px;
  height:55px;
  margin-top:5px;
  margin-left:4px; /*compensate for shadow*/
  text-indent:-9999px;
  background: url('images/twitter_button.gif') no-repeat top left;
  border: 0;
}

.twitter a:hover {
	display:block;
	width: 296px;
	height:55px;
	margin-left:4px; 
	text-indent:-9999px;
	background: url('images/twitter_button.gif') no-repeat left -55px;
	border: 0;
}
/*End Twitter button*/