@charset "utf-8";
/* CSS Document */

/* css for DSI by Steven Thate */
/* Jan 2009 */

/* these BODY properties give it the vertical repeating background image */
body { margin: 0; background: url(../images/bg_page.gif) repeat-y center #fff; }

img {border-style:none}

/* this div is the mothership; it contains all of the website's content outside the page background */
#container { margin: 0; width: 873px; text-align: left; }

/* firefox requires POSITION and RIGHT attributes--IE does not */
#header { margin: 0; height: 266px; background: url(../images/bg_header.jpg); }

#header_text { width: 620px; float: right; font-family:Arial, Helvetica, sans-serif; font-style: italic; font-size: 18pt; color: #444; line-height: 135%; }
#header_text p {position:relative; top: -8px;}


#contact_topinfo { background: #fff; }
#contact_topinfo h1 { font: Georgia, "Times New Roman", Times, serif; font-size: 4em; font-style: italic; color:#999; }
#content { margin: 0; min-height: 161px; background: url(../images/bg_content_top.jpg) no-repeat top; padding-top: 50px;}
#content p { font-family:Verdana, Geneva, sans-serif; font-size:.8em; color:#666; line-height:200%; }
.product_text_span { width:220px; font-family:Verdana, Geneva, sans-serif; font-size:.8em; line-height:150%; color:#333; text-align: center; }
.contact_form { font-family:Verdana, Geneva, sans-serif; font-size:.8em; color:#666; line-height:150%; font-weight: bold;}
.fortext { font-family:Verdana, Geneva, sans-serif; font-size:.8em; color:#666; line-height:200%; }
.contact_big { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#666; line-height:150%; }
.contact_notsobig { font-family:Verdana, Geneva, sans-serif; font-size:1em; color:#666; line-height:200%; }

ul { font-family:Verdana, Geneva, sans-serif; font-size:.8em; color:#666; line-height:200%; }

.colone { width: 278px; float: left; margin: 0; padding-top: 10px; text-align: center; padding-left: 20px }
.col { width: 278px; float: left; margin: 0; padding-top: 10px; text-align: center; }

/* column used by the contact page, for text on one side and the contact form on the other */
.contact_col { width:350px; position:relative; float:left; margin:0; padding:20px 40px 20px 20px; text-align:left; }
.contact_col_last { width:350px; position:relative; float:left; margin:0; padding:20px 20px 20px 80px; text-align:left; background: url(../images/bg_contact_form.png) no-repeat top left; }

.service_col { width:350px; position:relative; float:left; margin:0; padding:20px 40px 20px 20px; text-align:left; z-index:1; }

/* -- [ HEADER STYLES ] -- */
/* -- [ HEADER STYLES ] -- */
/* -- [ HEADER STYLES ] -- */

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

h1 { font: Georgia, "Times New Roman", Times, serif; font-size: 4em; font-style: italic; color:#999; }
h2 { font: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight: bold; color: #6199ed; padding-bottom: 2px; }










span.something {
   position: absolute;
   top: 80px;
   right: 470px;
   display: none;
   z-index:2;
   width:365px;
   text-align:justify;
}

a.whatever:hover span.something {
   display: block;
}