/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  December 13, 2010, 5:56 pm with psd2css Online version 1.89
 *
 */

body {
	background-image:url(images/poolsafetybackground.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	margin: 0px;
	font-family: Calibri, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: small;
	background-color: #0A75D3;
}

.content {
	margin-top: 200px;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: 500px;
	background-color:#FFF;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-radius-topleft: 10px;
	border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding: 20px;
	text-align: left;
	
	color:#666;
	font-size: 12pt;
	top:auto
}

.contentsafety {
	margin-top: 200px;
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	
	background-color:#FFF;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-radius-topleft: 10px;
	border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding: 20px;
	text-align: left;
	
	color:#666;
	font-size: 12pt;
	top:auto
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.footer {
	background-color: #FFF;
	height: auto;
	width: 100%;
	margin: 0px;
	bottom: 0px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #006;
	padding-top: 15px;
	padding-bottom: 15px;
}

.header {
	margin-left:auto;
	margin-right:auto;
	width:1200px;
}

/* You named this layer _bkgnd */
#Layer-1 {
  position: center;
  right: 50%;
  top: +0px;
  width: 100%;
  min-width: 1000px;
  z-index: 1;
 
}

/* You named this layer Manufacturers Advocating Pool_t */
#Layer-2 {
	position: absolute;
	right: 50%;
	margin-right: -325px;
	top: 75px;
	width: 498px;
	height: 29px;
	z-index: 2;
}

/* You named this layer Links_text */
#Layer-3 {
	position: absolute;
	right: 50%;
	margin-right: -475px;
	top: 170px;
	width: 698px;
	height: 23px;
	z-index: 3;
	color: #000000;
	font-size: 17px;
	overflow: visible;
}

/* You named this layer Layer 3 */
#Layer-4 {
  position: absolute;
  right: 50%;
  margin-right: 200px; 
  top: 27px;
  width: 328px;
  height: 162px;
  z-index: 4;
}

#navigation {
    float:right;
    background: url("http://www.bariatricservicesjax.com/images/nav_dot.gif") repeat-x left 2px;
    height:29px;
}

#navigation a {
    display: block;
    float:left;
    margin-top:4px;
    padding-top:5px;
    color:#000077;
    font-size:16px;
    font-family: Calibri, Arial;
    text-decoration:none;
    height:20px;
    line-height:20px;
    margin-right:15px;
}

#navigation a.last {
    margin-right:0px;
}

#navigation a.active {
    margin-top:0px;
    border-top: solid 4px #000077;
	
}

 #navigation a:hover {
    margin-top:0px;
    border-top: solid 4px #f58446;
}


/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #0CF; }
a:visited { color: #0CF; }
a:hover {
  color: #0CF;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}
h1 {
	color: #1565AE;
}
.h2 {
	color: #FFF;
}
p strong {
	color: #1565AE;
}