/*  
Theme Name: Landisimo 
Description: Landing Page - clean and minimal design, it can be use to any kind of product with Facebook landing page template
Version: 1.0
Author: Moraru Razvan aka Hazmy
Author URI: http://themeforest.net/user/hazmy
*/

/* ========================================
		 ==== Reset Styles ==== 
========================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;/*background:transparent*/}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* ========================================
		==== End Reset Styles ==== 
 ========================================*/





/*========================================
 	==== General Typorgraphy ====  
========================================*/
body { background: url(../images/bg/pt10.png) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #828282; }
/* ==== Typography ==== */
a { text-decoration: none; color: #fff; }
p { font-size: 12px; color: #828282; line-height: 1.6em; }
h1 { font-size: 30px; color: #ffab00; }
h2 { font-size: 24px; color: #828282; font-weight: bold; }
h3 { font-size: 22px; color: #ffab00; font-weight: normal; }
h4 { font-size: 14px; color: #828282; font-weight: bold; }
span.hightlight { color: #ffab00; display: inline-block; }
	/* h2.title - the title for every section (.stepWrap, .tabWrap, .fbWrap, .buyWrap) */
	h2.title { color: #ffab00; position:relative; text-align:center; margin-top:40px; margin-bottom:35px; font-weight:700; font-size: 24px; display:block; }
	/* ==== Begin span.pointer - the arrow for the tittles ====*/
	.pointer { background: url(../images/default/pointer.png) no-repeat; width:37px; height:26px; display:inline-block; position:relative; top:18px; left:4px; }
	/* ==== End span.pointer ====*/

/* ========================================
 	==== End General Typography ====  
========================================*/




/*========================================
	 ==== Layout General Structure  ====  
	  (floats, clearfix and wrappers)
========================================*/
.fl { float: left; }
.fr { float:right; }
.clearfix { clear:both; }
#wrapper { width:960px; margin:0 auto; }
#stepWrap, #fbWrap, #buyWrap, #tabWrap { position:relative; width:820px; margin:40px auto 0; display:block; }

/* If you want to hide one or more of the section, just remove the css comments */
#stepWrap { /*display:none !important;*/}
#tabWrap { /*display:none !important;*/}
#fbWrap { /*display:none !important;*/}
#buyWrap { /*display:none !important;*/}

/* ========================================
	==== End Layout General Structure ==== 
 ========================================*/
 
  /*========================================
==== Background patterns for the main elements  ====
   (#mainContent, #stepWrap, #tabWrap, #fbWrap)   
========================================*/
/* Here you can change your background patterns for the main elements */
	/*==== #mainContent ==== */
	#mainContent {background: url(../images/bg/pt7.png);}
	/*==== End #mainContent ==== */
	
	/*==== #stepWrap ==== */
	.step1, .step2, .step3 { background: url(../images/bg/pt7.png);}
	/*==== End #stepWrap ==== */
	
	/*==== #tab_container(#tabWrap) ==== */
	.tab_container { background: url(../images/bg/pt7.png) repeat;}
	/*==== End #tab_container ==== */
	
	/*==== #fbcomments(#fbWrap) ==== */
	#fbcomments {background: url(../images/bg/pt7.png) repeat;}
	/*==== End #fbcomments ==== */
	
	/*==== .modal-subscribe ==== */
 	.modal-subscribe {background: url(../images/bg/pt7.png) repeat;}
	/*====.modal-subscribe ==== */
 /*========================================
====End Background patterns for the main elements  ====
   (#mainContent, #stepWrap, #tabWrap, #fbWrap)   
========================================*/ 
 
 
 
 
 /* ========================================
 ==== #header - the top section of the site, contains the logo and the tagline ==== 
  ========================================*/
#header { width: 820px; margin: 0 auto; border-top: 6px solid #828282; }
#header #logo a img { margin-top:15px; }
#header h2 { margin: 15px 0 10px 5px; }
/* ========================================
 		 ==== End #header ==== 
========================================*/




/* ========================================
 ==== #mainContent - contains the structure of the scrollable plugin, and the styling for the 3 slides, the #price and the #act-buttons ==== 
 			here you will find everything to change, customize this section
 ========================================*/
#mainContent { margin: 0 auto; width: 820px; position: relative; border:1px solid #bfbfbf; -moz-box-shadow: 0px 1px 5px #bfbfbf; -webkit-box-shadow: 0px 1px 5px #bfbfbf; box-shadow: 0px 1px 5px #bfbfbf; -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4 */ border-radius: 10px; }

	/* ==== Begin .priceTop ==== */
	.priceTop { background:url(../images/default/seal.png) no-repeat; z-index:1; width:92px; height:93px; position: absolute; top:-40px; left:760px; }
	.priceTop p { margin:0px auto; text-shadow: 0px -1px 1px #cf7500; color:#fff; font-size:30px; padding-left:10px; line-height:90px; }
	sup { vertical-align: baseline; position: relative; font-size: 60%; bottom: 0.6em; } /* 70% size of its parent element font-size which is good. */
	small { font-size: 16px; }
	/* ==== End .priceTop ==== */
	
	/* ==== Slider Control Buttons ==== */
	a.sliderLeft { cursor: pointer; display: block; width: 37px; height:37px; position: absolute; top:200px; left:20px; }
	a.sliderRight { cursor: pointer; display: block; width: 37px; height: 37px; position: absolute; top:200px; left:389px; }
	a.sliderLeft { background: url(../images/default/slider-left.png) no-repeat; }
	a.sliderRight { background: url(../images/default/slider-right.png) no-repeat; }
	a.sliderLeft:hover { background: url(../images/default/slider-left-hover.png) no-repeat; }
	a.sliderRight:hover { background: url(../images/default/slider-right-hover.png) no-repeat; }
	/* ==== End Slider Control button ==== */
	
	/* ==== Begin .action-btns ==== */
	.action-btns { margin: 20px 45px 20px 0; }
	.action-btns ul li { float: left; }
	.action-btns ul li a { color:#fff; height: 43px; width:138px; float:left; display:block; line-height: 43px; text-align:center; font-size:20px; font-weight:bold; background: url(../images/default/act-button.png) no-repeat; }												
	.or { margin: 0 10px; line-height:41px; font-size:24px; color:#828282; }
	/* ==== End .action-btns ==== */
	
	/*==== begin .mainCorner (mainContent sliced corner image) ====*/
	.mainCorner { position:absolute; background:#fff url(../images/bg/main-corner-pt10.png); width:108px; height:92px; left:-4px; top:374px; }
	/*==== End  .mainCorner ====*/
	
	/* ==== Begin Cloud-carousel ==== */
		#cloud-carousel { width:340px; height:340px; margin: 60px 60px 0 55px; }
	/* ==== End cloud-carousel ==== */

	/* ==== Scrollable ==== */
	
	/* root element for the scrollable. when scrolling occurs this element stays still. */
	.scrollable { /* required settings */ position:relative; overflow:hidden; width: 320px; height:370px;/* custom decorations */ }
	/*
		root element for scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accomodate scrollable items.
		it's enough that you set the width and height for the root element and
		not for this element.
	*/
	.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
	.items .slide1, .items .slide2, .items .slide3 { float:left; width:320px; height:345px; }
	/* ==== End scrollable structure setup ==== */
	
		/* ==== Slide 1 ( .product  ) ==== */
		.product h3 { text-align:center; margin: 15px 0 20px; }
		.emphasize { font-size:14px; margin-bottom:20px; }
		ul.checkList { margin-top:20px; }
		ul.checkList li { margin-bottom: 15px; height: 16px; line-height:16px; color: #4e4d4c; padding-left:30px; background: url(../images/default/check.png) no-repeat; }
		/* ==== End Slide 1 ==== */
	
		/* ==== Slide 2 and slide3 ( .testimonials and .features)  ==== */
		
			/* ==== Features Slide and Testimonial slide - Slide2 and Slide3 ====*/
			.features img, .testimonials .img { float: left; margin: 10px 15px 0 10px; }
			.testimonials .img { float: left; margin: 10px 15px 0 10px; background: url(../images/default/quote.png) no-repeat; display:block; height:39px; width:37px; }
			.features h3, .testimonials h3 { text-align: center; margin: 15px 0 10px; }
			.features h4, .testimonials h4 { margin: 0 0 10px 5px; }
			.features ul li p { display: block; margin-left: 65px; }
			.features ul li, .testimonials ul li { border-bottom: 1px solid #cdcdcd; padding-bottom: 10px; margin-bottom:20px; }
			/* ==== End Features Slide and Testimonials Slide ==== */
			
		/* ==== End Slide 2 and slide 3 ==== */
		
	
	/* ==== End .scrollable ==== */

/* ========================================
 	 ==== End #mainContent ==== 
========================================*/




  
/* ========================================
==== #stepWrapper contains the structure and the styling for the 3 column steps ==== 
========================================*/
#stepWrap h3 { margin-left:10px; margin-top:15px; margin-bottom:15px; font-weight:700; font-size: 20px; color:#ffab00; }
.step1, .step2, .step3 { margin-top:35px; position:relative; width:244px; height:198px; margin-left:20px; float:left; border:1px solid #cacaca; }
#stepWrap p { padding:0 10px; }
span.fb_edge_comment_widget.fb_iframe_widget { display: none !important; }

	/* ==== Begin .circle ====*/
	.circle { left:94px; z-index:-99999; top:-45px; background: url(../images/default/circle.png) no-repeat; width:55px; height:55px; display:block; position:absolute; }
	.circle p { text-align:center; font-size:30px; line-height:45px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; }
	/* ====End .circle ====*/
	
	/* ==== Begin span.line-middle ====*/
	span.line-middle { position:absolute; width:20px; height:1px; background: url(../images/default/line-middle.png); right:-21px; display:block; top:25px; }
	/* ==== End span.line-middle ====*/
	
	/*==== .step1 ====*/
	a.nextStep { background: url(../images/default/next-step.png) no-repeat; width:38px; height:28px; display:block; margin:20px auto 0; }
	/*==== End .step1 ====*/
	
	/*==== .step2 ====*/
	.like-btn { height:29px; width:48px; display:block; margin:20px auto 0; }
	/*==== end .step2 ====*/
	
	/*==== .step3 ====*/
	a.download-btn { background: url(../images/default/download.png) no-repeat; width:129px; height:45px; display:block; font-size:16px; line-height:40px; text-align:center; margin:35px auto 0; font-weight:700; }
	/*==== end .step3 ====*/
	
	/* The modal window subscribe  styling */
	.modal-subscribe {  display:none; width:520px; padding:15px; text-align:left;  border: 3px solid #dec89a; /* Rounded Corners */
		-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
	.modal-subscribe .close { background:url(../images/default/close.png) center no-repeat; display:block; position:absolute; right:-5px; top:-5px; cursor:pointer; height:26px; width:26px; }
	.modal-subscribe .close:hover { background:url(../images/default/close-hover.png) center no-repeat; height:26px; width:26px; display:block; position:absolute; right:-5px; top:-5px; }
	/* End modal window subscribe (.modal-subscribe) */
	
		/* Overlay-subscribe styling elements */
		#overlay-subscribe h2.title { margin-top:0px; }
		#overlay-subscribe .quote { font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; line-height:1.6em; color:#ababae; display:block; margin: 0 20px; }
		#overlay-subscribe .info { font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; font-style:italic; clear:both; display:block; color:#898989; padding-top:30px; margin-left:40px; }
		/* End Overlay-subscribe styling elements */
		
		/* ====== #subscribe-overlayForm styling ====== */
		#subscribe-overlayForm { display:block; position:relative; width:340px; margin:30px auto 0; }
		#subscribe-overlayForm .error { line-height:12px; font-size:12px; color:#fd5b5b; float:right; z-index: 9999; display:inline; }
		#subscribe-overlayForm input.Email.required.email.error { border:1px solid #fd5b5b; }
		#subscribe-overlayForm input, #subscribe-overlayForm textarea { text-align:center; line-height:25px; width: 225px; height:25px; border: 1px solid #cacaca; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:	5px; color:#ccc; float:right; margin-bottom:10px; }
		#subscribe-overlayForm label { line-height:26px; font-size:14px; font-family: Arial, Helvetica, sans-serif; color:#666666; display:block; float:left; clear:both; }
		#subscribe-overlayForm textarea:focus, #subscribe-overlayForm input:focus { border: 1px solid #ffab00; line-height:25px; color: #828282; text-align:left; }
		#subscribe-overlayForm .submit-button { float:right; font-size:14px; border:none; background: url(../images/default/submit-form.png) no-repeat; width: 109px; height:40px; line-height:40px; color:#fff; text-shadow: 0px -1px 1px #cf7500; letter-spacing:0.5px; cursor:pointer; clear:both; display:block; margin-top:15px; font-weight:700; }
		/* ====== #subscribe-overlayForm styling ====== */
		
/* ========================================
 	==== End #stepWrapper ====  
========================================*/




/* ========================================
==== #tabWrap - contains the structure and the styling for all the tabs ==== 
========================================*/

	/* ==== Begin .tabCorner ==== */
	.tabCorner { left:-18px; top:84px; background: url(../images/bg/tab-corner-pt10.png) no-repeat; width:110px; height:97px; position:absolute; display:block; }
	/* ==== End .tabCorner ==== */
	
	/* ==== Tab Navigation ==== */
	ul.tabNav { margin-left: 110px; }
	ul.tabNav li { float:left; margin-right: 10px; display:block; background: url(../images/tab-normal.png) no-repeat; height: 30px; width: 125px; line-height: 30px; text-align: center; font-size:14px; }
	ul.tabNav li:hover { background: url(../images/default/tab-active.png) no-repeat; }
	ul.tabNav li.active { background: url(../images/default/tab-active.png) no-repeat; }
	/* ==== End Tab Navigation ==== */
	
	/* ==== Tab Generals ====*/
	.tab_container { border: 1px solid #999; overflow: hidden; float: left; width: 100%;  border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #bfbfbf; -moz-box-shadow: 0px 1px 5px #bfbfbf; -webkit-box-shadow: 0px 1px 5px #bfbfbf; box-shadow: 0px 1px 5px #bfbfbf; }
	.tab_content { padding: 50px 50px; z-index:1; }
	.tab_content h4 { margin: 0 0 10px 10px; }
	/* ==== End Tab Generals ==== */
	
		/* ==== Begin Tab1 ==== */	
			
			/* ==== Begin .tabFeatures ==== */
			ul.tabFeatures li { float:left; width: 300px; margin:0 120px 50px 0; }
			ul.tabFeatures p { padding-left: 70px; }
			ul.tabFeatures li a { height:20px; width:70px; margin-top:20px; float:right; text-align:center; line-height:20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; padding: 0 5px; border: 1px solid #ffab00; color: #ffab00; }
			ul.tabFeatures li a:hover { border: 1px solid #ccc; }
			ul.tabFeatures img { float:left; margin:5px 0 0 10px; }
			ul li.last { margin-right:0; }
			/* ==== End .tabfeatures ==== */
					
		/* ==== End Tab1 ==== */
		
		/* Begin Tab2 ==== */		
		
			/*==== Begin .tabGallery ====*/
			.tabGallery { width: 720px; }
			.tabGallery li { float:left; width:150px; height: 90px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 1px 3px #ccc; -webkit-box-shadow: 0px 3px 3px #ccc; box-shadow: 0px 3px 3px #ccc; margin:0 20px 50px 0; overflow: hidden; padding: 5px; background: #fff; }
			.tabGallery li img { background: #fff; }
			.tabGallery li a { background: #fff; }
			.tabGallery li.zoom { background: #fff url(../images/zoom.png) center no-repeat; }
			/* ==== End .tabGallery ==== */	
				
		/*==== End tab2 ====*/
		
		/*==== Begin tab3 ==== */		
			/* ==== Begin .tabTestimonials ==== */
			.tabTestimonials li { width:320px; float:left; margin: 0 80px 50px 0; }
			.tabTestimonials li img { background: #fff; border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; float:left; margin-right:10px; padding:10px 20px; }
			.tabTestimonials h2 { margin-left: 9px; margin-bottom: 10px; font-size: 16px; font-weight: bold; }
			.tabTestimonials p { font-style: italic; }
			/* ==== End tabTestimonials ==== */		
		/* ==== End tab3 ==== */
		
		/* ==== Begin tab4 ==== */		
			/* ==== Begin  .featuresTable ==== */
			.featuresTable { color: #828282; font-size: 12px; float:left; width:350px; height:300px; }
			.featuresTable thead { height: 60px; text-align:center; line-height: 60px; padding:0 10px; color: #f0efea; font-weight: bold; }
			.featuresTable td { border: 1px solid #828282; font-weight: bold; text-align:center; line-height:50px; padding:0 10px; }
			.featuresTable .alt { background-color: #f1f1f1; }
			table { border: 1px solid #828282; }
			.featuresTable thead th { border: 1px solid #828282; }
			.featuresTable tr td.first { color: #565656; }
			.featuresTable thead tr { background: #565656; }
			.featuresTable tr { background:#fff; }
			/* ==== End .featuresTable ==== */
			
			/* ==== Begin .infoSec ==== */
			.infoSec { width:320px; height:300px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:	10px; padding: 10px; margin-bottom:50px; background: #fff; }
			/* ==== End .infoSec ==== */		
		/* ==== End tab4 ==== */
		
		/* ==== Begin tab5 ==== */
		
			/*==== Begin video ===== */
			.videoHolder { width: 347px; height:265px; background: url(../images/shadow.png) center bottom no-repeat; padding-bottom:11px; }
			.video { border:1px solid #ccc; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; }
			/* ==== End video ==== */

			/* ====== .Tabform - #subscribe-tabForm ======*/
			.tabForm { background:#fff; width:320px; height:300px; border: 1px solid #ccc; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:	10px; margin-bottom: 50px; }
			.tabForm h3, .infoSec h3 { margin: 10px 0 20px 0; font-weight: bold; }
			
				/* ==== Begin #subscribe-TabForm Syling  ===== */											
				#subscribe-tabForm { margin-top:20px; width: 300px; height:125px; }
				#subscribe-tabForm label.error { font-size:12px; color: #fd5b5b; display:block; z-index: 9999; width:300px; }
				#subscribe-tabForm input.Email.required.email.error { border:1px solid #fd5b5b; }
				#subscribe-tabForm input, #subscribe-tabForm textarea { line-height:20px; width: 150px; height:20px; margin-top:10px; border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:	6px; color:#ccc; text-align:center; }
				#subscribe-tabForm textarea:focus, #subscribe-tabForm input:focus { border: 1px solid #ffc859; height:20px; width:150px; line-height:20px; color: #828282; }
				#subscribe-tabForm .submit-button { border:none; width: 109px; height:40px; float:right; margin-top:20px; line-height:35px; color:#fff; margin-right:3px; background: url(../images/default/submit-form.png) no-repeat; font-weight:700; }
				#subscribe-tabForm .error { line-height:12px; font-size:12px; color:#fd5b5b; float:right; z-index: 9999; display:inline; }
				#subscribe-tabForm .submit-button:hover { cursor: pointer; }
				#subscribe-tabForm label { line-height:20px; float: left; height:20px; margin-right: 5px; width:140px; margin-top:10px; color: #303030; }
				/* ==== End #subscribe-TabForm ==== */
 		/*==== End tab5 ==== */
		
/* ========================================
 		 ====End #tabWrap ==== 
========================================*/




/* ========================================
 			==== #fbWrap  ==== 
========================================*/

	
	/*==== Begin #fbcomments ==== */
	#fbcomments { margin:40px auto; width:820px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #bfbfbf; -moz-box-shadow: 0px 1px 5px #bfbfbf; -webkit-box-shadow: 0px 1px 5px #bfbfbf; box-shadow: 0px 1px 5px #bfbfbf; }
		
		/*==== Begin .fb ==== */
		.fb { width:500px; margin:40px auto; }
		/*==== End .fb ==== */
		
	/*==== End #fbcomments ==== */

/* ========================================
 		 ==== End #commentsWrapper ==== 
  ========================================*/ 
  
  
  
  
/* ========================================
 		 ==== #buyWrap ==== 
========================================*/
#buyWrap { border-bottom:1px solid #b3b3b3; }

	/*==== Begin .buy-now ==== */
	.buy-now { position:relative; width:520px; margin:0 auto; }
	.buy-now img { margin-left:40px; float:left; }
	.buy-now p.offer { float:right; width:315px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#ababae; margin-left:20px; }
	.buy-now a { font-size:24px; font-weight:700; text-align:center; line-height:68px; }
	a.buy-btn { margin-top:70px; margin-right:50px; margin-bottom:70px; float:right; background: url(../images/default/buy-button.png) no-repeat; width:244px; height:66px; display:block; }

		/*==== Begin .priceBottom ==== */
		.priceBottom { background:url(../images/default/seal.png) no-repeat; z-index:-999; width:92px; height:93px; position: absolute; top:85px; left:420px; }
		.priceBottom p { margin:0px auto; text-shadow: 0px -1px 1px #cf7500; color:#fff; font-size:30px; padding-left:10px; line-height:90px; }
		/*==== End .priceBottom ==== */
		
	/*==== End .buy-now ==== */ 
  
/* ========================================
 		 ==== end #buyWrap ==== 
 ========================================*/ 





/* ========================================
 		 ==== #footer ==== 
 ========================================*/
#footer { clear:both; padding-bottom:10px; position:relative; width:820px; margin: 0 auto 50px; }
 	/* ==== Social ==== */
	#social li { float:left; display:inline-block; margin: 10px 0px 15px 10px; }
	#social li a { display:block; width:24px; height:24px; }
	a.facebook { background: url(../images/facebook.png) no-repeat; }
	a.facebook:hover { background: url(../images/facebook-hover.png); }
	a.twitter { background: url(../images/twitter.png) no-repeat; }
	a.twitter:hover { background: url(../images/twitter-hover.png); }
	a.rss { background: url(../images/rss.png) no-repeat; }
	a.rss:hover { background: url(../images/rss-hover.png); }
	/* ==== End Social  ==== */
	
	/* ==== Copyrights ==== */
	#copyright { margin: 15px 0; }
	#copyright li { float:left; padding-right:10px; border-right:1px solid #828282; }
	#copyright .last { border-right: none; }
	#copyright a { margin-left:10px; text-decoration:none; color: #828282; }
	#copyright li p { line-height: 1; }
	#copyright a:hover { text-decoration:underline; }
	/*==== End Copyrights ====*/

/* ========================================
 		==== end #footer ====  
 ========================================*/
 
 
 
 
/* ========================================
 			==== MIsc ==== 
========================================*/ 
 
/* ==== Tipsy ==== */
.tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color:black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position:  bottom center; margin:0 auto; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/* ==== End Tipsy ==== */	
 
/*========================================
 		==== End  MIsc ==== 
========================================*/