/* All the main styles and stylesheet imports
 *
 * @file		style.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 */

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

body { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; color: #626467; background: #62BEE5 url(../images/background_main.jpg) no-repeat center top; }

.wrapper { width: 840px; padding: 0 58px; margin: 0 auto; background: url(../images/background_body.png) repeat-y center top; }

a { color: #F69220; }
a:hover { text-decoration: underline; }

/*===================================
	HEADER
===================================*/
.header_container { background: url(../images/backgound_header.jpg) no-repeat; width: 838px; height: 114px; margin: 0 0 3px; position: relative; }
	
	h1 { display: block; text-indent: -99999px; }
	
		h1 a { display: block; background: url(../images/logo_main.gif) no-repeat; width: 266px; height: 105px; }
	
	.contact_header_link { position: absolute; right: 0; top: 0; display: block; height: 114px; width: 300px; }

/*===================================
	NAVIGATION
===================================*/
.nav_container { width: 838px; height: 34px; margin: 0 0 3px; }
	
	.nav_container li { float: left; display: inline-block; height: 34px; }

		.nav_container li a { display: block; height: 34px; background: url(../images/navigation.gif) no-repeat 0 0; margin-right: 2px; text-indent: -99999px; }
		
		.nav_container li a.profile			{ background-position: 0 0; width: 84px; }
		.nav_container li a.productline		{ background-position: -85px 0; width: 140px; }
		.nav_container li a.how_works	{ background-position: -225px 0; width: 156px; }
		.nav_container li a.whats_new	{ background-position: -381px 0; width: 216px; }
		.nav_container li a.sitemap			{ background-position: -597px 0; width: 103px; }
		.nav_container li a.contact_us		{ background-position: -700px 0; width: 129px; margin: 0; }

		.nav_container li a:hover	 { opacity:0.85; filter:alpha(opacity=85) }

/*===================================
	PROMO
===================================*/
.billboard { position: relative; width: 838px; padding: 0 0 2px; }

	.see_how_works { position: absolute; bottom: 20px; left: 45px; display: block; background: url(../images/link_see-how-works.gif) no-repeat 0 0; width: 153px; height: 29px; text-indent: -99999px; }
	.view_image_gallery { position: absolute; bottom: 20px; left: 210px; display: block; background: url(../images/link_view-image-gallery.gif) no-repeat 0 0; width: 166px; height: 29px; text-indent: -99999px; }
	.view_image_gallery2 { background-image: url(../images/link_view-image-gallery2.gif); position: relative; bottom: auto; left: auto; float: left; height: 28px; }
	
	.see_how_works:hover, .view_image_gallery:hover { background-position: 0 -29px; }
	.view_image_gallery2:hover { background-position: 0 -28px; }

.buckets { width: 838px; height: 217px; padding: 0 0 3px; }
	
	.buckets li { float: left; display: inline-block; width: 276px; height: 217px; margin: 0 5px 0 0; background: url(../images/buckets_home.jpg) no-repeat; }
	
	.buckets li.bucket1	{ background-position: 0 0; }
	.buckets li.bucket2	{ background-position: -276px 0;  }
	.buckets li.bucket3	{ background-position: -552px 0; margin: 0; }
	
	.buckets li a { display: block; float: right; background: url(../images/link_learn-more.gif) no-repeat 3px 4px; width: 90px; height: 20px; margin: 22px 13px 0 0; text-indent: -99999px; }
	.buckets li a:hover { opacity: 0.80; filter: alpha(opacity=80) }

/*===================================
	SLIDESHOW
===================================*/
#slideshow { float: left; margin: 0 0 30px 0; background: #fff; border: 0; width: 838px; height: 261px; font-family:  Arial, Arial, Helvetica, sans-serif; }

	#slideshow-nav { position: absolute; right: 10px; top: 10px; }
	
		#slideshow-nav a { float: left; display: block; border: 1px solid #ccd6d5; background: #fff; width: 21px; height: 18px; padding-top: 4px; padding-left: 1px; text-align: center; font-size: 15px; text-decoration: none; line-height: 1em; color: #ccd6d5; margin-left: 3px; outline: none; }
		
		#slideshow-nav a:hover { color: #1a83c5; border-color: #1a83c5; }
		
		#slideshow-nav a.active { color: #1a83c5; cursor: default; }
		#slideshow-nav a.active:hover { border-color: #ccd6d5; }
	
	#slideshow #slideshow-inner { overflow: hidden; width: 836px; height: 259px; border: 1px solid #ccd6d5; position: relative; }

	#slideshow #slideshow-inner #slidr { position: absolute; width: 5000px; margin: 0; }

	#slideshow #slideshow-inner #slidr .slidr-inner { float: left; width: 838px; }


/*===================================
	CONTENT
===================================*/
.content_container { width: 838px; min-height: 350px; padding: 30px 0; }
.content_container_home { min-height: 0; }

	.content_container h2, .content_container h3 { position: relative; margin-bottom: 10px; display: block; height: 23px; }
	
		.content_container h2 small { display: block; position: absolute; right: 15px; top: 8px; font-weight: normal; font-size: 11px; }
	
	.content_container h6 { margin-bottom: 20px; color: #1582C6; font-size: 13px; }
	
	.content_container p, .content_container blockquote { line-height: 1.4em; margin-bottom: 20px; }

	.content_container li { padding-left: 17px; background: url(../images/blue_bullet.gif) no-repeat 2px 4px; font-size: 14px; padding-bottom: 15px; }
	
		.content_container li em { font-style: normal; color: #EC008C; font-weight: bold; }

		.content_container li a { color: #1582C6; }
		.content_container li a:hover { color: #F69220; text-decoration: none; }

	.column_main { float: left; width: 535px; padding-left: 20px; }
	.column_main_wider { width: 550px; }
	
		.column_main h4 { font-size: 1.5em; font-weight: normal; color: #EB008B; margin-bottom: 5px; padding-top: 10px; }
		.column_main .entry { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #aaa; }
		.column_main_wider h4 { font-size: 1em; font-weight: normal; color: #EB008B; margin-bottom: 5px; padding: 0; }

	.column_sub { float: right; width: 248px; }
	.column_sub_home { background: url(../images/crayons.jpg) no-repeat right top; height: 174px; width: 166px; padding-right: 80px; }
	
		.column_sub blockquote { color: #63BDE1; }
		
		.column_sub_home h3 { margin-bottom: 3px; }
	
		.column_sub_home li { padding-bottom: 4px; font-size: 16px; background-position: 2px 5px; }
		
	.sitemap_links li { padding: 10px 0 0; background: none; }
	.sitemap_links li ul { padding-left: 20px; padding-bottom: 3px; }
	.sitemap_links li ul li a { color: ; }
	.sitemap_links li ul li ul li { font-size: .8em; }
	.sitemap_links li ul li.first { padding-top: 0; }
	
	.terms_page ul, .terms_page, .terms_page li { font-size: 11px; }
	/*--------------------------------------------------------
		GALLERY
	--------------------------------------------------------*/
	.photo_bucket { float: left; width: 247px; height: 115px; padding: 25px 28px 0 0; }
	
		.thumbnail { display: block; float: left; margin-right: 12px; outline: none; }
		.thumbnail img { border: 1px solid #bcbdbf; outline: none; }
		.thumbnail:hover img { border-color: #f79324; }
		
		.thumnail_description { float: left; width: 131px; }
			
			.thumnail_description h4 { color: #1a83c5; margin-bottom: 6px; line-height: 1.2em; }
			.thumnail_description p { margin-bottom: 0; padding: 0; }
			.thumnail_description p span { padding-right: 5px; }
			.thumnail_description a { display: block; margin-top: 10px; outline: none; }

			.clearer { clear: both; height: 1px; }
		

	/*--------------------------------------------------------
		CONTACT US
	--------------------------------------------------------*/
	.form { float: left; margin-bottom: 25px; width: 535px; }
	.form_radio {  }
	
		.form dd { float: left; width: 535px; clear: both; position: relative; padding-bottom: 10px; }
		
		.required { color: #EC2027; margin: 15px 0; }
						
			.form span { float: left; display: block; padding: 5px 7px 0 3px; }
			
			.form em { color: #EC2027; font-style: normal; padding-left: 3px; }

			.form label { float: left; position: relative; display: block; padding-top: 6px; width: 75px; }
			.form_radio label { margin-left: 10px; padding-top: 1px; width: auto; }
			label.no_width { margin-left: 10px; width: auto; padding-right: 5px; }
			
				.form label span { float: none; display: inline; position: absolute; right: 0; padding: 0 2px 0 0; }

			.form input { float: left; padding: 3px; border: 1px solid #BCBDBF;  }
			.form_radio input { margin-left: 10px; padding: 0; border: none; }
			
			.check_row input { border: none; padding: 0; }
			.check_row label { width: auto; padding: 2px 0 0; margin-left: 10px; }
			
			button.submit { text-indent: -99999px; position: absolute; left: 315px; top: -3px; background: url(../images/submit_button.gif) no-repeat; width: 91px; height: 29px; border: none; cursor: pointer; }
			
			/* FIELD SIZES --------------------------*/
			.xsmall { width: 29px; }
			.small { width: 76px; }
			.med { width: 141px; }
			.large { width: 217px; }
			.xlarge { width: ; }


/*===================================
	FOOTER
===================================*/
.footer_wrapper { background: url(../images/footer_background.png) no-repeat center bottom; font-size: 10px; text-align: center; padding-top: 50px; padding-bottom: 90px; }

/*===================================
	MODIFIERS
===================================*/
.clearer { clear: both; }