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

body {
	margin: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#143062;
	background-image:url(images/drainox_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#container {
	margin:20px auto;
	left:0;
	right:0;
	width: 850px;
	padding:10px;
	background-color:#fff;
}

#header {
	clear:both;
}

#nav p {
	width:20%;
	float:left;
}

a {
	color:#143062;
	text-decoration:none;
}

#nav a {
	height:35px;
	display:block;
	text-align:center;
	text-decoration: none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:35px;
	color:#143062;
}

#nav a.right {
	border-right:1px solid #143062;
}

#nav a:hover {
	background-color:#143062;
	color: #fff;
}

#m_content {
	clear:both;
	margin: 20px 20px;	
	text-align: left;
	margin-top: 40px;
	color: #143062;
}


#left_column {
	width: 200px;
	float:left;
	margin-top: 30px;
}

#main_column {
	float:left;
	width: 580px;
	margin-left:20px;
	margin-top: 30px;
}

#main_column ul {
	list-style-type:disc;
	/*list-style-image:url(images/blue_arrow.png);*/
	list-style-position:inside;
}

#main_column li {
	/*list-style-image:url(images/blue_arrow.png);*/
	color:  #143062;
	line-height:2em;
}

#main_column h3.blue {
	color:#143062;
	font-size: 1.3em;
}

#main_column .blue {
	color: #143062;
}

#index_banner_container {
	background-color:#e0f4ff;
	width:810px;
}

#index_banner_container h3 {
	color: #143062;
	padding: 5px 15px;
	font-weight:bold;
	
	font-size:1.3em;
}

#index_banner {
	height:445px;
	width:810px;
	
	background-image:url(images/floor_drain.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.banner_block {
	float:right;
	background-image:url(images/blue_transparent.png);
	border:1px solid #143062;
	padding: 5px;
	margin-right: 30px;
	margin-top: 25px;
	width: 320px;
	min-height:170px;
}

.banner_block_two {
	background-image:url(images/blue_transparent.png);
	border:1px solid #143062;
	padding: 5px;
	width: 320px;
	min-height:170px;
	
}

.video_block {
	z-index:20;
	width: 320px;
	float:left;
	position:relative;
	left:60px;
	top: 62px;
	background-color:white;
	padding:10px;
}

.banner_block a {
	color: #FFFFFF;
}

.bb_left {
	float:left;
	width:125px;
	margin-right:5px;
}

.bb_right {
	float:left;
	width:190px;
	color:#fff;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span, span.corners-top2, span.corners-bottom2, span.corners-top2 span, span.corners-bottom2 span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: url(images/corners_left.png);
	
	/*background-position-x: 0px;
	background-position-y: 0px;*/
	background-position: 0 0;
	background-position:top left;
}

span.corners-top span {
	background-image: url(images/corners_right.png);
	
	/*background-position-x: 100%;
	background-position-y: 0px;\*/
	background-position:100% 0;
	background-position: top right;
}

span.corners-bottom {
	background-image: url(images/corners_left.png);
	
	/*background-position-x: 0px;
	background-position-y: 100%;*/
	background-position:0 100%;
}

span.corners-bottom span {
	background-image: url(images/corners_right.png);
	/*background-position-x: 100%;
	background-position-y: 100%;*/
	background-position:100% 100%;
}

span.corners-top2 {
	background-image: url(images/corners_left2.png);
	margin: -10px -10px;
	/*background-position-x: 0px;
	background-position-y: 0px;*/
	background-position: 0 0;
	background-position:top left;
}

span.corners-top2 span {
	background-image: url(images/corners_right2.png);
	/*background-position-x: 100%;
	background-position-y: 0px;\*/
	background-position:100% 0;
	background-position: top right;
}

span.corners-bottom2 {
	background-image: url(images/corners_left2.png);
	margin: 0px -10px;
	margin-bottom: -10px;
	/*background-position-x: 0px;
	background-position-y: 100%;*/
	background-position:0 100%;
}

span.corners-bottom2 span {
	background-image: url(images/corners_right2.png);
	/*background-position-x: 100%;
	background-position-y: 100%;*/
	background-position:100% 100%;
}

#footer {
	clear:both;
	font-size:0.8em;
	text-align:center;
	padding-top: 25px;
}


/********************* TOOLTIP ************************/

/* use a semi-transparent image for the overlay */
  #overlay {
    background-image:url(/images/transparent.png);
    color:#efefef;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:441px;
    overflow-y:auto;
  }
  
  
/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/images/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/images/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}