/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	color:#515151;
	margin:0;
	padding:20px 0 0 0;
	font-size:12px;
	line-height:18px;
	background:#f2f2f2;
}
#wrapper {
	width:960px;
	margin: 0 auto;
	background-color:#fff;
	position: relative;
}

/* @@@@@[ Footer  ]@@@@@ */
#footer {
	width:888px;
	margin-top:2px;
	padding:11px 36px 20px 36px;
	color:#afafaf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#f2f2f2;
}
#footer a:link, #footer a:visited, #footer a:active {
	color:#afafaf;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer a.seo:visited, #footer a.seo:active, #footer a.seo:link {
	text-decoration: none;	
	color:#afafaf;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}
#footer .footerNav {padding-right:5px;}
#footer .footerNav a {
	padding:0 5px 0 5px;
	background:url(images/footer_sep.gif) right no-repeat;
}
#footer .footerNav a.first {padding:0 5px 0 0;}
#footer a.client-access {
	padding-left:18px;
	background:url(images/lock_icon.gif) 0px 0px no-repeat;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#434343;
}

/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
.clrSolo {
	clear: both; 
 	font-size: 0; 
 	line-height: 0; 
 	margin: 0; 
 	padding: 0; 
 	visibility: hidden;
	height: 0;
}
.clr {
 	clear: both;
}
.left {
 	float: left;
}
.right {
 	float: right;
}
a {
	text-decoration:none;
	color:#629abf;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a img {border:none;}
p {
	margin:0;
	padding-bottom:12px;
}
.imgRight {
	float:right;
	margin:0 6px 10px 10px;
}
/* @@@@@[  Form Elements  ]@@@@@ */
input, textarea, select {
	font-size: .9em; 
	color: #666; 
	background: #ffe; 
	border: 1px solid #939;
}
input.clean {
	border-style: none; 
	background: none;
}



/* @@@@@[  Headings  ]@@@@@ */
h1 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	line-height:25px;
	color:#535353;
}
h2 {
	margin:0;
	padding:3px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#535353;
	text-transform:uppercase
}
h3 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#ccc;
	font-weight:normal;
}
hr {
	height: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #C0C0C0;
	background-color: #C0C0C0;
}




/* @@@@@[  Homepage  ]@@@@@ */

#nav {
	width:888px;
	height:26px;
	padding:15px 36px 11px 36px;
}
/*Flash Banner*/
#banner {
	width:960px;
	height:408px;
	background:url(images/wave_top_bg.gif) 0px 260px no-repeat;
}
#content-home {
	width:888px;
	padding:0 36px;
}

/* @@@@@[  Secondary  ]@@@@@ */

#content-wrapper {
	width:888px;
	padding:0 36px;
	background:url(images/content_bg.gif) repeat-y;
}
#content {
	width:888px;
	padding:0 0 25px 0;
	background:url(images/content_bottom.gif) bottom no-repeat;
}
#sidebar {
	width:270px;
	min-height:300px;
	padding:0 25px 0 0;
	float:left;
	background:url(images/content_top-left.gif) left top no-repeat;
}
.sidebar-circle {
	width:270px;
	min-height:345px;
	margin-bottom:20px;
	background:url(images/subnav_bg.png) top no-repeat;
}

#contact {
	background:url(images/subnav_bg_contact.png);
}
#services {
	background:url(images/subnav_bg_services.png);
}
#facility {
	background:url(images/subnav_bg_facility.png);
}
#about {
	background:url(images/subnav_bg_about.png);
}
#sustain {
	background:url(images/subnav_bg_sustain.png);
}
#error-page {
	background:url(images/subnav_bg_error.png);
}


#subnav {
	width:156px;
	margin:0;
	padding:95px 95px 0 19px;
	display:block;
	
	list-style:none;
}
#subnav li {
	padding:4px 0 5px 0;
	text-transform:uppercase;
	font-size:12px;
	line-height:15px;
	color:#fff;
}
#subnav li a {
	font-family:Verdana, Geneva, sans-serif;
	padding:0 0 0 35px;
	color:#fff;
	display:block;
	background:url(images/bullet1_n.gif) 0px 3px no-repeat;
}
#subnav li a:hover, #subnav li a.current {
	font-weight:bold;
	background:url(images/bullet1_o.gif) 0px 4px no-repeat;
}
#right-content {
	width:593px;
	min-height:300px;
	float:left;
	background:url(images/content_top-right.gif) right top no-repeat;
}
#main-content {
	width:540px;
	padding:0 53px 0 0;
}
#content-header {
	width:593px;
	min-height:55px;
	position:relative;
	padding:115px 0 20px 0;
}
#content-header .corner-img {
	position:absolute;
	right:0;
	top:0;
}
#main-content ul {
	margin:0;
	padding:7px 0 15px 25px;
	list-style:none;
}
#main-content ul li {
	padding:0 0 0 11px;
	background:url(images/bullet2.gif) 0px 7px no-repeat;
}
#main-content ul ul {
	margin:0;
	padding:0 0 5px 10px;
}
#main-content ul ul li{
	padding:0 0 0 7px;
	background:url(images/sub_bullet.png) left 7px no-repeat;
}
.quote {
	margin:12px 0 17px 0;
	background:url(images/quote_dot.png) top repeat-x;
}
.quote-content {
	padding:18px 24px 10px 24px;
	background:url(images/quote_dot.png) bottom repeat-x;
}
.quote-content, .quote-content p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	color:#c63976;
	font-style:italic;
	font-weight:normal;
}
/* @@@@@[ Products Page  ]@@@@@ */
#sidebar.products { position:relative; }
#slider {
	width:323px;
	height:360px;
	padding:0 0 0 26px;
	top:156px;
	left:0;
	position:absolute;
}
#products-slider {
	width:323px;
	height:323px;
	position:relative;
	 z-index:100;
}
#products-slider .next {
	width:37px;
	height:34px;
	float:right;
	text-indent:-9999px;
	position:absolute;
	right:-12px;
	top:149px;
	background:url(images/next_n.png) right no-repeat;
	z-index:100;
}
#products-slider .next:hover {background:url(images/next_o.png) right no-repeat; cursor:pointer;}
#products-slider .prev {
	width:37px;
	height:34px;
	float:left;
	text-indent:-9999px;
	position:absolute;
	left:-20px;
	top:149px;
	background:url(images/prev_n.png) left no-repeat;
	z-index:100;
}
#products-slider .prev:hover {background:url(images/prev_o.png) left no-repeat; cursor:pointer;}
#slider p {
	padding:10px 0 0 9px;
	text-align:center;
	color:#231f20;
}
#main-content .product-list1 {
	width:196px;
	padding:4px 0 0 60px;
	float:left;
}
#main-content .product-list2 {
	width:284px;
	float:left;
	padding:4px 0 0 0;
}
#main-content .product-list1 ul, #main-content .product-list2 ul {
	padding:0 0 15px 25px;
}
.take-a-tour {
	width:95px;
	height:60px;
	padding:55px 35px 50px 35px;
	background:url(images/circle_take-a-tour.png) no-repeat;
}
#main-content .product-list2 .take-a-tour {	margin:39px 0 0 18px; }

.callout {
	border-bottom:1px dashed #c63976;
	border-top:1px dashed #c63976;
	color:#c63976;
	font:italic 18px/26px Georgia,"Times New Roman",Times,serif;
	margin:10px auto 20px;
	padding:10px 0;
	width:480px;
}

.contactLeft {
	float:left;
	width:200px;
	margin-left: 25px;
	margin-bottom: 15px;
}

.contactRight {
	float:left;
	width:200px;
	margin-bottom: 15px;
}

p.hilight {
	margin-top: 10px;
	color: #c63976;
	font-size: 13px;
}
.footerlogo {
	float: right; margin-right: 7px; }
	
/* new */

#prod_slider {
  width: 525px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 300px;
  overflow: auto;
  position: relative;
  clear: left;
  background: #fff url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
	height:285px;
	padding:10px 20px;
	width:500px;
}

#shade {
    background: url(images/shade.png) no-repeat 0 0;
    height: 56px;
}

ul.navigation {
	border-bottom:1px solid #e8e5e7;
	list-style:none outside none !important;
	margin:0 !important;
	padding:0 0 8px !important;
}

ul.navigation li {
    background:none repeat scroll 0 0 transparent !important;
	display:inline;
	margin-right: 0;
	padding:0 !important;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #e8e7e7;
}

ul.navigation a.selected {
    background-color: #e8e7e7;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}


/* applies pdf icon to any link with a .pdf extension */
a[href$='.pdf'] {
	display:inline-block;
	padding-right:19px;
	line-height:18px;
	background:transparent url(images/Nuvola_mimetypes_pdf_16x16.png) center right no-repeat;
	margin-right: 2px; /*accounts for following word or period */
}

#footer a[href$='.pdf'] {
	background: none;
	padding-left: 0;
}

.sprite {
	position: absolute;
	right:63px;
	top:87px;
	width: 134px;
	height: 85px;
}

.sprite a {
	background:transparent url(images/index_sprite.jpg) -1px 0 no-repeat;
	display: block;
	width: 134px;
	height: 85px;
}

.sprite a:hover {
	background:transparent url(images/index_sprite.jpg) -135px 0 no-repeat;
	display: block;
	width: 134px;
	height: 85px;
	text-decoration: none;
}