/*
	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 #fff;
				color:						#575a5d;
				font-family:			"Lucida Grande",Arial,Verdana,sans-serif;
				font-size:				13px;
				line-height:			20px;
			}
			
			#container {
				margin: 					0 auto;
			}
			
			#header {
				background:				url(../images/bg_header.jpg) no-repeat top center;
			 	height:						736px;
				text-align:       center;    
				padding:          32px 0;
			}
			
			#main {
			  margin:           0 auto 0 auto;   
			  overflow:         hidden;
			  width:            860px;
			}
			
			#content {
				float: 						left;
				overflow: 				hidden;
				width: 						500px;
			}
			
			#sidebar {
				float: 						right;
				width: 						307px;
				height:						700px;
				background-image: url('../images/desktop_clock_girl.jpg');
				background-position: center bottom;
				background-repeat: no-repeat;
			}
			
			#footer {                    
				background:       #EAEAEA;
				border-top:       1px solid #ccc;
				font-size: 				12px;
				margin: 					0px auto 0 auto;
				padding: 					16px 0 ;
			}

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

/*** Content Styles ***/

		/* General Content Styles */

			a:link, a:visited, a:active {
				color: 							#5eb0e5;
				outline: 						none;
			}
			
			a:hover {
				color: 							#000;
				outline: 						none;
				text-decoration: 		underline;
			}
							
		/************************/
	
		/* Heading Styles */
			
			h1, h2 {
				text-indent:			-4000px;
			}
			
			h1 {
				background:				url(../images/bg_header_title.png) no-repeat top left;
				height: 					92px;
				margin:           0 auto;
				width: 						393px;
			}
			
			h2 {
				background:				url(../images/bg_header_subtitle.png) no-repeat bottom left;
				height: 					80px;
				margin:           32px auto;
				width: 						718px;
			}
			
			h3 {
				color: 						#5eb0e5;
				font-size:				16px;
				font-weight: 			bold;
				margin:           32px 0 0 0;
				text-shadow: 			0 1px #fff;
			}
			
			h3#first {
			  color:            #e21900;
			  margin:           0 0 0 0;
			}
			
		    h3#second {
		      color:            #e21900;
		    }
      
		    h3#third {
		      color:            #e21900;
		    }

		/************************/
	
		/* Paragraph Styles */		
			
			p {
				clear: 						both;
				margin: 					0 0 20px 0;
			}
			
			p strong {
				font-weight: 			bold;
			}
			
			p em {
				color: 						#fff;
				font-weight: 			bold;
			}
			
			#footer p {
		 		color: 						#999;
		   	margin:           0 auto;    
		   	text-align:				center;
				width:            860px;
			}
			
			#footer p.disclaimer {
				color: 						#aaa;
				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_button2.png) no-repeat 0 0;
				display: 					block;
				height:  					41px;
				text-indent:      -40000px;
				width: 						215px;
			}
			
			p.twitter_button a:hover {
				background:				url(../images/bg_twitter_button2.png) no-repeat 0 -41px;
			}
			
			p.twitter_button a:active {
				background:				url(../images/bg_twitter_button2.png) no-repeat 0 -82px;
			}
			
			#footer a {
				color: 						#999;
			}
			
			#footer a:hover {
				color: 						#575a5d;
			}

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







/*** List Styles ***/

		/* General List Styles */

      li {
        list-style:       square;
        margin:           0 0 0 1em;
      }                         

			#sidebar li {
				display:					block;
				list-style:				none;   
				margin:						0 0 16px 0;
			}

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







/*** Image Styles ***/

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