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

body {
	margin:0px;
	padding:0px;
	background-color:#bab5da;
	background-image:url(../_images/backgrounds/inner-bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

#wrapper {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	}
	

	
p {
	color:#333333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
a {
	text-decoration:underline;
	color:#39396b;
	}
	
a:hover {
	text-decoration:none;
	}
	
ul {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../_images/assets/arrow.jpg);
	font-size:12px;
	}
	
ul li {
	margin-bottom:10px;
	}
	


/*--------------------------------------- Header --------------------------------------- */

#header-wrapper {
	width:100%;
	margin:0px;
	padding:0px;
	}
	
#header-container {
	width:902px;
	padding:0px;
	margin:0px auto 0px auto;
	}
	
#swf-container {
	width:641px;
	padding:0px;
	margin:0px;
	float:right;
	}
	
	
#logo-container {
	float:left;
	margin:0px;
	padding:0px;
	}
	
	
.borderless {
	border:none;
	}
	
	

	
/* --------------------------------------- End Header --------------------------------------- */




/* --------------------------------------- Nav --------------------------------------- */

#nav-container {
	float:right;
	margin:0px;
	padding:0px 0px 0px 20px;
	background-image:url(../_images/backgrounds/nav-bg.jpg);
	background-repeat:repeat-x;
	width:621px;
	z-index:10000;
	height:37px;
	text-align:right;
	}
	
	
#home-nav {
	float:right; 
	width:450px;
	}
	
#inner-nav {
	float:right; 
	width:550px;
	}
	
/*-------------------------MENU BUTTONS-----------------------------*/	

ul.menu {
	list-style:none; 
	margin:0; 
	padding:0
	}
	
ul.menu * {
	margin:0; 
	padding:0
	}
	
ul.menu a {
	display:block; 
	color:#ffffff; 
	text-decoration:none;
	}
	
	
ul.menu li {
	position:relative; 
	float:left; 
	margin-right:2px
	}
	
ul.menu ul {
	position:absolute; 
	top:37px; 
	left:0; 
	background:#f1bed9; 
	display:none; 
	opacity:0; 
	list-style:none
	}

ul.menu ul li {
	position:relative; 
	border-bottom:1px solid #f9d3e7;
	border-top:none; 
	width:148px; 
	margin:0
	}
	
ul.menu ul li a {
	display:block; 
	padding:3px 7px 5px; 
	background-color:#f1bed9;
	color:#353568;
	}
	
ul.menu ul li a:hover {
	background-color:#353568;
	color:#FFFFFF;
	}
		
ul.menu ul ul {
	left:148px; 
	top:-1px
	}
	
ul.menu .menulink {
	padding:11px 7px 7px; 
	font-weight:bold;
	width:85px;
	text-align:center;
	height:19px;
	}
	
ul.menu .menulink:hover, ul.menu .menuhover {
	background:url(../_images/backgrounds/nav-hit.jpg);
	background-color:#f1bed9;
	color:#353568;
	}
	
	
ul.menu .topline {
	border-top:1px solid #aaa
	}


/* --------------------------------------- End Nav --------------------------------------- */


/* --------------------------------------- Content --------------------------------------- */

#content-wrapper {
	width:100%;
	padding:0px;
	margin:0px;
	}
	
#content-container {
	width:902px;
	border:solid 1px #333366;
	border-top:none;
	background-color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	background-image:url(../_images/assets/baby-hand.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
#content-side {
	float:left;
	width:260px;
	margin:0px;
	padding:0px;
	}
	
#content-main {
	float:right;
	margin:0px;
	padding:20px 8px;
	min-height:400px;
	width:625px;
	}
	
	
#content-main ul {
	line-height:50px;
}

#content-main ul li {
	line-height:normal;
}
	
.smallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}
	
.smallText ul {
	list-style-image:none;
	list-style-type:disc;
	list-style:inside;
	font-size:10px;
	margin:0px 0px 0px 10px;
	padding:0PX;
}

.smallText ul li {
	margin:0px;
	padding:0px;
}

	
/* --------------------------------------- End Content --------------------------------------- */






/* --------------------------------------- Contact Form --------------------------------------- */

#contact-form {
	width:80%;
	margin:0px auto 0px auto;
	padding:0px 0px 8px 0px;
	border:solid 2px #373769;
	background-color:#ffffff;
	}
	
#contact-form p {
	margin:0px;
	padding:0px 0px 5px 0px;
	text-align:center;
	}
	
#contact-form p.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#ffffff;
	color:#38386a;
	text-align:left;
	position:relative;
	top:-10px;
	float:left;
	left:5px;
	margin:0px;
	padding:0px 3px 0px 2px;
	}
	
.button {
	background-color:#f1bfd9;
	border:none;
	cursor:pointer;
	color:#39396b;
	border:solid 2px #39396b;
	font-weight:bold;
	}
	
.button:hover {
	background-color:#39396b;
	color:#ffffff;
	border:solid 2px #f1bfd9;
	}






/* --------------------------------------- End Contact Form --------------------------------------- */







/* --------------------------------------- Footer Content --------------------------------------- */

#footer-wrapper {
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
#footer-container {
	width:800px;
	padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;
	text-align:center;
	}
	
*html #footer-container {
	padding-top:30px;
	}
	
#footer-container p {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#7970b2;
	font-weight:normal;
	font-size:11px;
	}
	
#footer-container a {
	text-decoration:none;
	color:#7970b2;
	}
	
#footer-container a:hover {
	text-decoration:underline;
	}
	
/* --------------------------------------- End Footer --------------------------------------- */



/*--------------------- H1 SIRF Rplacement ----------------------------------*/



.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
  line-height:23px;
  border-bottom:solid 1px #353568;
  font-size:16px;
  visibility:hidden;
  margin:0 !important;
}



h1 {
  color:#353568;
  margin:5px 0 10px 0; /* this is overridden when sIFR is active with the !important declaration */
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  font-weight:bold;
  border-bottom:solid 1px #353568;
  font-size:16px;
}

h2 {
  color:#353568;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  font-size:14px;
}


h3 {
  color:#353568;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  font-size:14px;
}




/*-------------------- End H1 Replacement ----------------------------------*/

/* --------------------------------------- Assets --------------------------------------- */

.image-right, .image-left, .center-image  {
	background-color:#FFFFFF;
	
	}

.image-right {
	float:right;
	margin:0px 1px 0px 0px;
	padding:0px;
	}
	
.image-left {
	float:left;
	margin:0px;
	padding:0px;
	}
	
	
.col-left {
	float:left;
	margin:0px;
	padding:0px;
	width:301px;
	text-align:center;
	background-image:url(../_images/assets/products-container-middle.jpg);
	background-repeat:repeat-y;
	}
	
.col-left p {
	text-align:center;
	margin:25px 0px 0px 0px;
	padding:4px 0px 3px 0px;
	background-image:url(../_images/assets/products-container-nottom.jpg);
	background-repeat:no-repeat;
	height:19px;
	}
	
.col-right {
	float:right;
	margin:0px;
	padding:0px;
	width:301px;
	text-align:center;
	background-image:url(../_images/assets/products-container-middle.jpg);
	background-repeat:repeat-y;
	}
	
.col-right p {
	text-align:center;
	margin:25px 0px 0px 0px;
	padding:4px 0px 3px 0px;
	background-image:url(../_images/assets/products-container-nottom.jpg);
	background-repeat:no-repeat;
	height:19px;
	}
	
	
#mapContainer {
	border:solid 1px #353568;
	margin:18px auto 0px auto;
	padding:0px;
	height:300px;
	width:95%;
	}
	
	
.mapStyle {
	width:175px; 
	padding-right:10px; 
	font-family:arial; 
	font-size:12px;
	text-align:left;
	}
	
.clear {
	clear:both;
	width:100%;
	border-top:1px solid #000066;
	height:1px;
	margin:2px 0px 3px 0px;
	padding:0px;
	}

.topText {
	color:#000066;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
/* --------------------------------------- End Assets --------------------------------------- */

/* --------------------------------------- Contact form, Google Maps (eliot) --------------------------------------- */

#contact_form_response {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px;
	clear: both;
	margin: 10px;
}

.submissionFail {
	background-color: #900;
}

.submissionSuccess {
	background-color: #0C0;
}

.contactForm ul {
	font-size: 11px;
	list-style-image: none;
	margin-left: 4px;
	padding-left: 15px;
}

.contactForm ul li {
	margin-bottom: 0px;
}

.defaultText {}
.defaultTextActive { color: #a1a1a1; font-style: italic; }

.mapContainerWithDirections {
	width: 200px;
}

#directionsResponse {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px;
	clear: both;
	margin: 11px;	
}

#directionsPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* --------------------------------------- End Contact form, Google Maps (eliot) --------------------------------------- */