/* CSS Document */

/* CSS RESET */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
}
ol, ul {
	line-height: 1.2;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF CSS RESET */




/* BEGIN MAIN CSS */

/* generated by csscreator.com */ 
 
 html, body{

background: url(../images/background2.jpg);
background-color:#003B8D;

background-position:bottom;
background-repeat: no-repeat;
 margin:0;
 padding:0; 
 text-align:center; 
  
}
#pagewidth{
 width:1000px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;

} 
/* HEADER SECTION START*/  
#header{
	position:relative;
	height:158px;
	width:1000px;
	margin-top:-50px;
	background-image:url(../images/top_nav_bkgd.png);
	background-position:top;
	background-repeat:no-repeat;
	z-index:3;
} 
#middle{
	position:relative;
	height:1%;
	overflow:hidden;
	width:1000px;
	background-image:url(../images/mid_nav_bkgd.png);
	background-position:top;
	background-repeat:repeat-y;
	z-index:2;

	
} 
#row1{
	position:relative;
	height:1%;
	overflow:hidden;
	width:800px;
	background-color:#ffffff;
	float:left;
	margin-left:100px;
	margin-top:10px;
	font-size:12px;
	
} 
#row1_left{
	position:relative;
	height:1%;
	overflow:hidden;
	width:377px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	text-align:justify;
	
} 
#row1_right{
	position:relative;
	height:1%;
	overflow:hidden;
	width:380px;
	float:left;
	margin-left:30px;
	margin-top:0px;
	text-align:justify;
	
} 

#bottom{
	position:relative;
	height:53px;
	width:1000px;
	margin-top:0px;
	background-image:url(../images/bottom_nav_bkgd.png);
	background-position:top;
	background-repeat: no-repeat;
} 
   #logo{
 position: relative;
 margin-left:35px;
 margin-top:0px;
 width:239px;
 height:151px;
 float: left;
 z-index:1;

 }
     #nav{
 position: relative;
 width:725px;
 height:62px;
 float: left;
  margin-top:5px;
  z-index:100;

 }
     #sub_nav{
 position: relative;
 width:650px;
 height:25px;
 float: left;
  margin-top:35px;
  margin-left:20px;
  z-index:2;

 }
    #details{
 position: relative;
 margin-left:405px;
 width:225px;
 height:225px;
 float: left;
  margin-top:25px;
  z-index:1;
  color:#FFFFFF;
  font-size:16px;
  line-height:19px;


 }
    #quote{
 position: relative;
height:250px;
	width:600px;
 float: left;
  margin-top:20px;
  margin-left:20px;
  z-index:1;


  
 }
     #intro{
 position: relative;
height:250px;
	width:550px;
	margin-top:10px;
 float: left;

  margin-left:0px;
  z-index:1;
  font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#663300;
  
 }
 
 #intro  a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#663300;
		text-decoration: none;
}
#intro  a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#663300;
		text-decoration: none;
}
#intro  a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#663300;
		text-decoration: underline;
	
}

#intro a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#663300;
		text-decoration: none;
	}
     #box2{
 position: relative;
 margin-left:0px;
 
 float: right;
  margin-top:125px;
  z-index:1;



 }

     #bottom_nav{
 position: relative;
 margin-left:0px;
 width:1000px;
 height:40px;
 float: left;
  margin-top:100px;
  z-index:1;



 }
      #disclaimer{
 position: relative;
 margin-left:0px;
 width:1000px;
 height:40px;
 float: left;
  margin-top:0px;
  z-index:1;
 
  font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color:#999999;



 }
       #tageline{
 position: relative;

 margin-top:100px;
 width:1000px;
 height:40px;
 float: left;
  margin-top:0px;
  z-index:1;
  background-color:#cccccc;
 



 }
        #kmedialab{
 position: relative;
 margin-left:0px;
 width:83px;
 height:31px;
 float: right;
  margin-top:0px;
  z-index:1;



 }
 
 
 
 
/* Fonts */





.h4{
font:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
}

  #emailUs
  {
    display: block;
    width: 107px;
    height: 23px;
    background: url("our_product.gif") no-repeat 0 0;

  }

  #emailUs:hover
  { 
    background: url("our_product_over.gif") no-repeat 0 0;
  }



 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* END MAIN CSS */