@charset "utf-8";
/* CSS Document */

body{ font-family:Tahoma, Geneva, sans-serif; }
img {border: 0px;}
hr{ color:#009;}	
h3 a{ text-decoration:none; color:#009; }

.container {
	position: relative; 
	width: 800px;  
	height:100%;
	margin: 0px auto; 
	border: 0;}
.header{ text-align:center;}
.blueLines{margin-left: 20px; padding:  5px 0 5px 0; border-top:thin #009 solid; border-bottom:thin #009 solid; font-size: 0.9em;}
.logo{
	border: 0px;
	position:absolute;
	z-index:1;
	top: 16px;
	width:128px;
	height: 128px;
	left:  -14px;	/*background-image:url(http://www.comfsm.fm/images/logoFSM.png);
	background-repeat:no-repeat;*/
}
.mainContent{padding: 0 10px 0 10px ;}
.footer {
	bottom:0px;
	clear: both;
	text-align: center;
	line-height: 1.8em;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
	color: #000;
	font-size: 0.8em;
	position:relative;
	margin-top: 100px;
}

.footer a {
	color: #009;
	text-decoration: none;
}
.footer a:hover {
	color: #999;
	text-decoration: underline;
}

.image-div
{

-webkit-box-shadow: 0 0 1px 1px #8C8C8C;
box-shadow: 0 0 1px 1px #8C8C8C;
border:#999999 thin solid;
margin:10px;
padding: 5px;
color:#FFF;
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
font:"Comic Sans MS", cursive;
}
#sdeleon
{
	border:#000000 thin solid;
}
/*----------------------------Purposefule Dialogue stories ---------------------------------*/
.pstory{
	padding:5px;
-webkit-border-radius: 20px;
-webkit-border-top-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius: 20px;
-moz-border-radius-topright: 1px;
-moz-border-radius-bottomleft: 1px;
border-radius: 20px;
border-top-right-radius: 1px;
border-bottom-left-radius: 1px;
border:#CCC thin dotted;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #ddf1f9 7%, #a0d8ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(7%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#ddf1f9 7%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#ddf1f9 7%,#a0d8ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#ddf1f9 7%,#a0d8ef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 7%,#a0d8ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
6-9 */

-webkit-box-shadow: 1px 1px 6px 0px rgba(48, 50, 50, 0.72);
-moz-box-shadow:    1px 1px 6px 0px rgba(48, 50, 50, 0.72);
box-shadow:         1px 1px 6px 0px rgba(48, 50, 50, 0.72);
}
/*----------------------------------TEST ----------------------------------------*/
		@import url(http://fonts.googleapis.com/css?family=Ubuntu);
		
		
		
		
		
		/*----------
		Blocks
		----------*/
		/*Pricing table and price blocks*/
		.pricing_table {
			font-family: Ubuntu, arial, verdana;
			line-height: 150%; 
			font-size: 12px; 
			margin: 0 auto; 
			width: 75%; 
			max-width: 800px; 
			padding-top: 10px;
			margin-top: 100px;
		}
		
		.price_block {
			margin: 0; padding: 0;
			text-align: left; 
			width: 100%; 
			color: #fff; 
			float: left; 
			list-style-type: none; 
			transition: all 0.25s; 
			position: relative; 
			box-sizing: border-box;
			
			margin-bottom: 10px; 
			border-bottom: 1px solid transparent; 
		}
		
		/*Price heads*/
		.pricing_table h3 {
			text-transform: uppercase; 
			padding: 5px 0; 
			background: #333; 
			margin: -10px 0 1px 0;
		}
		
		/*Price tags*/
		.price {
			display: table; 
			background: #444; 
			width: 100%; 
			height: 70px; 
		}
		.price_figure {
			font-size: 24px; 
			text-transform: uppercase; 
			vertical-align: middle; 
			display: table-cell;
		}
		.price_number {
			font-weight: bold; 
			display: block;
		}
		.price_tenure {
			font-size: 11px; 
		}
		
		/*Features*/
		.features {
			background: #DEF0F4; 
			color: #000;
		}
		.features li {
			padding: 8px 15px;
			border-bottom: 1px solid #ccc; 
			font-size: 13px; 
			list-style-type: none;
			
		}
		
	
		.action_button {
			text-decoration: none; 
			color: #fff; 
			font-weight: bold; 
			border-radius: 5px; 
			background: linear-gradient(#666, #333); 
			padding: 5px 20px; 
			font-size: 11px; 
			text-transform: uppercase;
		}
		
		.price_block:hover {
			box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); 
			transform: scale(1.04) translateY(-5px); 
			z-index: 1; 
			border-bottom: 0 none;
		}
		.price_block:hover .price {
	
			box-shadow: inset 0 0 45px 1px #06F;
			background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

		}
		.price_block:hover h3 {
			background: #222;
		}
		.price_block:hover .action_button {
			background: #2c539e; /* Old browsers */
background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#2c539e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */

		}
		
		
		@media only screen and (min-width : 480px) and (max-width : 768px) {
			.price_block {width: 50%;}
			.price_block:nth-child(odd) {border-right: 1px solid transparent;}
			.price_block:nth-child(3) {clear: both;}
			
			.price_block:nth-child(odd):hover {border: 0 none;}
		}
		@media only screen and (min-width : 768px){
			.price_block {width: 25%;}
			.price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
			.price_block:last-child {border-right: 0 none;}
			
			.price_block:hover {border: 0 none;}
		}
		
		
		
		}
		#date
		{
			text-align:right;
			border:none;
		}