/* Stylesheet "ThermometerApp" :: v1 (23-03-2009) */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2009 "ThermometerApp" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	- Site Structure Styles
		- General Styles
		- Main Layout Styles
		
	- Content Styles
		- General Content Styles
		- Heading Styles
		- Paragraph Styles
		- Link Styles
		
	- Image Styles
		- General Image Styles

*/ 







/*** Site Structure Styles ***/

		/* General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* Main Layout Styles */
			
			body {
				background:				url(../images/bg_body.png) repeat-x top center #93b2cd;
				color:						#eef9ff;
				font-family:			"Lucida Grande",Arial,Verdana,sans-serif;
				font-size:				13px;
				line-height:			16px;
				word-spacing:			0.10em;
			}
			
			#container {
				margin: 					0 auto;
				width:						720px;
			}
			
			#header {
				background:				url(../images/bg_bar.png) repeat-x bottom left;
				clear: 						both;
				height:						288px;
				margin: 					16px 0 16px 0;
				padding: 					0 0 16px 0;
			}
			
			#content {
				float: 						left;
				margin: 					0 auto 16px auto;
				overflow: 				hidden;
				padding: 					0 16px 16px 16px;
				position: 				relative;
				width: 						412px;
			}
			
			#sidebar {
				float: 						right;
				padding: 					12px;
				width: 						240px;
			}     
			
			#footer {
				background:				url(../images/bg_bar.png) repeat-x top left;
				clear: 						both;
				font-size: 				12px;
				margin: 					0 auto 0 auto;
				padding: 					16px 0;
				text-align: 			center;
				width:						720px;
			}

		/************************/







/*** Content Styles ***/

		/* General Content Styles */

			a:link, a:visited, a:active {
				color: 							#fff;
				outline: 						none;
			}
			
			a:hover {
				color: 							#000;
				outline: 						none;
				text-decoration: 		underline;
			}
							
		/************************/
	
		/* Heading Styles */
			
			h1, h2 {
				text-indent:			-4000px;
			}
			
			h1 {
				background:				url(../images/logo.png) no-repeat top left;
				height: 					215px;
				margin: 					0 auto 16px auto;
				width: 						254px;
			}
			
			h2 {
				background:				url(../images/bg_subtitle.png) no-repeat bottom left;
				height: 					46px;
				margin: 					0 auto 32px auto;
				width: 						473px;
			}
			
			h3 {
				color: 						#5381ac;
				font-size:				16px;
				font-weight: 			bold;
				padding:					16px 0 18px 0;
				text-shadow: 			0 1px #bed1de;
			}
			
		/************************/
	
		/* Paragraph Styles */		
			
			p {
				clear: 						both;
				margin: 					0 0 18px 0;
			}
			
			p strong {
				font-weight: 			normal;
			}
			
			p em {
				color: 						#fff;
				font-weight: 			bold;
			}
			
			#footer p.disclaimer {
				color: 						#c2d3df;
				font-size: 				11px;
			}

		/************************/
	
		/* Link Styles */
			
			p.button {
				text-indent:      -4000px;
			}
			p.download_button a:link, p.download_button a:visited {
				background:				url(../images/bg_download_button.png) no-repeat 0 0;
				display: 					block; 
				height:  					41px; 
				text-indent:      -4000px;
				width: 						270px;
			}
			
			p.download_button a:hover {
				background:				url(../images/bg_download_button.png) no-repeat 0 -41px;
			}
			
			p.download_button a:active {
				background:				url(../images/bg_download_button.png) no-repeat 0 -82px;
			}
			
			p.twitter_button a:link, p.twitter_button a:visited {
				background:				url(../images/bg_twitter_button.png) no-repeat 0 0;
				display: 					block;
				height:  					41px;
				margin:           6px auto 0 auto;
				text-indent:      -40000px;
				width: 						215px;
			}
			
			p.twitter_button a:hover {
				background:				url(../images/bg_twitter_button.png) no-repeat 0 -41px;
			}
			
			p.twitter_button a:active {
				background:				url(../images/bg_twitter_button.png) no-repeat 0 -82px;
			}
			
			#footer a {
				color: 						#eef9ff;
			}
			
			#footer a:hover {
				color: 						#fff;
			}

		/************************/







/*** Image Styles ***/

		/* General Image Styles */
		
			img {
				border: 				none;
			}
			
			#content img {
				background: #fff;
				border: 1px solid #5381ac;
				padding: 2px;
			}
		
		/************************/             
		







		/*** Fancybox Styles ***/

		    /* General */

					div#fancy_overlay {
						position: fixed;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						display: none;
						z-index: 30;
					}

					div#fancy_loading {
						position: absolute;
						height: 40px;
						width: 40px;
						cursor: pointer;
						display: none;
						overflow: hidden;
						background: transparent;
						z-index: 100;
					}

					div#fancy_loading div {
						position: absolute;
						top: 0;
						left: 0;
						width: 40px;
						height: 480px;
						background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;
					}

					div#fancy_outer {
						position: absolute;
					    top: 0;
					    left: 0;
					    z-index: 90;
					    padding: 20px 20px 40px 20px;
					    margin: 0;
					    background: transparent;
					    display: none;
					}

					div#fancy_inner {
						position: relative;
						width:100%;
						height:100%;
						background: #FFF;
					}

					div#fancy_content {
						margin: 0;
						z-index: 100;
						position: absolute;
					}

					div#fancy_div {
						background: #000;
						color: #FFF;
						height: 100%;
						width: 100%;
						z-index: 100;
					}

					img#fancy_img {
						position: absolute;
						top: 0;
						left: 0;
						border:0; 
						padding: 0; 
						margin: 0;
						z-index: 100;
						width: 100%;
						height: 100%;
					}

					div#fancy_close {
						position: absolute;
						top: -12px;
						left: -15px;
						height: 30px;
						width: 30px;
						background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;
						cursor: pointer;
						z-index: 181;
						display: none;
					}

					#fancy_frame {
						position: relative;
						width: 100%;
						height: 100%;
						display: none;
					}

					#fancy_ajax {
						width: 100%;
						height: 100%;
						overflow: auto;
					}

					a#fancy_left, a#fancy_right {
						position: absolute; 
						bottom: 0px; 
						height: 100%; 
						width: 35%; 
						cursor: pointer;
						z-index: 111; 
						display: none;
						background-image: url("data:image/gif;base64,AAAA");
						outline: none;
						overflow: hidden;
					}

					a#fancy_left {
						left: 0px; 
					}

					a#fancy_right {
						right: 0px; 
					}

					span.fancy_ico {
						position: absolute; 
						top: 50%;
						margin-top: -15px;
						width: 30px;
						height: 30px;
						z-index: 112; 
						cursor: pointer;
						display: block;
					}

					span#fancy_left_ico {
						left: -9999px;
						background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
					}

					span#fancy_right_ico {
						right: -9999px;
						background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
					}

					a#fancy_left:hover, a#fancy_right:hover {
						visibility: visible;
						background-color: transparent;
					}

					a#fancy_left:hover span {
						left: 20px; 
					}

					a#fancy_right:hover span {
						right: 20px; 
					}

					#fancy_bigIframe {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background: transparent;
					}

					div#fancy_bg {
						position: absolute;
						top: 0; left: 0;
						width: 100%;
						height: 100%;
						z-index: 70;
						border: 0;
						padding: 0;
						margin: 0;
					}

					div.fancy_bg {
						position: absolute;
						display: block;
						z-index: 70;
						border: 0;
						padding: 0;
						margin: 0;
					}

					div#fancy_bg_n {
						top: -20px;
						left: 0;
						width: 100%;
						height: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
					}

					div#fancy_bg_ne {
						top: -20px;
						right: -20px;
						width: 20px;
						height: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
					}

					div#fancy_bg_e {
						right: -20px;
						height: 100%;
						width: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
					}

					div#fancy_bg_se {
						bottom: -20px;
						right: -20px;
						width: 20px;
						height: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
					}

					div#fancy_bg_s {
						bottom: -20px;
						left: 0;
						width: 100%;
						height: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
					}

					div#fancy_bg_sw {
						bottom: -20px;
						left: -20px;
						width: 20px;
						height: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
					}

					div#fancy_bg_w {
						left: -20px;
						height: 100%;
						width: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
					}

					div#fancy_bg_nw {
						top: -20px;
						left: -20px;
						width: 20px;
						height: 20px;
						background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
					}

					div#fancy_title {
						position: absolute;
						z-index: 100;
						display: none;
					}

					div#fancy_title div {
						color: #FFF;
						font: bold 12px Arial;
						padding-bottom: 3px;
						white-space: nowrap;
					}

					div#fancy_title table {
						margin: 0 auto;
					}

					div#fancy_title table td {
						padding: 0;
						vertical-align: middle;
					}

					td#fancy_title_left {
						height: 32px;
						width: 15px;
						background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x;
					}

					td#fancy_title_main {
						height: 32px;
						background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x;
					}

					td#fancy_title_right {
						height: 32px;
						width: 15px;
						background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x;
					}