/* Minification failed. Returning unminified contents.
(531,17): run-time error CSS1030: Expected identifier, found '{'
 */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

#sliderflex{
	padding:0;
	position:relative;
	overflow:hidden;
    height:auto;
}
#sliderflex li{ margin:0; padding:0;}
#sliderflex li{ background-position:50% top;}
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}


/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;}


/* Slides*/

.space-slide-1 {
    
}

.flex-slidepic{z-index:100;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin:0; position: relative; zoom: 1;}

.flexslider .slides {zoom: 1;}
.flex-slide{height:100%;}


.slide1 {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 10%;
    position: absolute;
    /*left: 50%;*/
    bottom: 50px;
    color: white;
    text-align: center;
    text-shadow: 0 -5px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}

.slide2 {
    background: #000;
    background: rgba(25, 65, 114, 0.60);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 70%;
    position: absolute;
    /*left: 50%;*/
    bottom: 50px;
    color: white;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}
.slide3 {
    background: #000;
    background: rgba(176, 159, 126, 0.8);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 10%;
    position: absolute;
    /*left: 50%;*/
    bottom: 50px;
    color: white;
    text-align: center;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}
.slide4 {
    background: #000;
    background: rgba(0, 97, 175, 0.5);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 10%;
    position: absolute;
    /*left: 50%;*/
    bottom: 50px;
    color: white;
    text-align: center;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}
.slide5 {
    background: #000;
    background: rgba(20, 131, 82, 0.7);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 70%;
    position: absolute;
    /*left: 50%;*/
    bottom: 50px;
    color: white;
    text-align: center;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}
.slide6 {
    background: #000;
    background: rgba(255, 255, 255, 0.8);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 10%;
    position: absolute;
    /*left: 50%;*/
    bottom: 5px;
    color: #006595;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    font-size: x-large;
    font-weight: 500;
    line-height: 1.5em;
}
.slide7 {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 70%;
    position: absolute;
    /*left: 50%;*/
    bottom: 30px;
    color: white;
    text-align: center;
    text-shadow: 0 -3px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}
.slide8 {
    background: #000;
    background: rgba(0, 97, 175, 0.5);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 10%;
    position: absolute;
    /*left: 50%;*/
    bottom: 50px;
    color: white;
    text-align: center;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}
.slide9 {
    background: #000;
    background: rgba(0, 0, 0, 0.4);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 10%;
    position: absolute;
  /*left: 50%;*/
    bottom: 20px;
    color: white;
    text-align: center;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}
.slide10 {
    background: #000;
   background: rgba(25, 65, 114, 0.60);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
    width: auto;
    padding: 15px;
    margin: 0 0 0 70%;
    position: absolute;
    /*left: 50%;*/
    bottom: 50px;
    color: white;
    text-align: center;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}

.slide11 {
    background: #000;
    background: rgba(0, 97, 175, 0.5);
	/* CSS3 ROUND CORNER */
	-webkit-border-radius:		8px 8px 8px 8px;
	 -khtml-border-radius:		8px 8px 8px 8px;
	   -moz-border-radius:		8px 8px 8px 8px;
	     -o-border-radius:		8px 8px 8px 8px;
	        border-radius:		8px 8px 8px 8px;

	/* CSS3 SHADOW */
	-webkit-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	   -moz-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	     -o-box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	        box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.3), 0px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	
   width: auto;
    padding: 15px;
    margin: 0 0 0 10%;
    position: absolute;
   /* left: 50%;*/
    bottom:50px;
    color: white;
    text-align: center;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, .3);
    font-size: xx-large;
    font-weight: 700;
    line-height: 1.5em;
}

/* Direction Nav */
.flex-direction-nav {*height: 0;}

.flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}

.flex-control-nav{width:930px;position:absolute;text-align:center;margin-top:-30px; left:50%; margin-left:-460px;}
 
.flex-control-nav li a.active{cursor:default; background:#FFF; background:rgba(255, 255, 255, 0.6);}

@media screen and (max-width: 860px) {
}



/* Direction Nav */
.side-flexslider .flex-direction-nav {display:none;
                                      *height: 0;}

.side-flexslider .flexslider:hover .flex-next {opacity: 0.8; right:0px;}
.side-flexslider .flexslider:hover .flex-prev {opacity: 0.8; left:0px;}
.side-flexslider .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}


/* Control Nav */
.side-flexslider .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}

.side-flexslider .flex-control-nav{width:280px;position:absolute;text-align:center;margin-top:-30px; left:50%; margin-left:-140px;}


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

	RESPONSIVE CSS

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

/*
	-------------------------------------
	HACKS
	-------------------------------------
*/
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a img { border: 0px; }



/*
	-------------------------------------
	Smaller than standard 960 (devices and browsers)
	-------------------------------------
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
 
*, html{
	-webkit-font-smoothing: antialiased;
}

#header .content{max-width:768px;}
#slider .content{max-width:728px;}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10, .slide11 {
        font-size: small;
    }
#free_zone .content{max-width:768px;}
#title_bar .content{max-width:728px;}
#main .content{max-width:768px;}
#social_zone .content{max-width:768px;}
#footer .content{max-width:728px;}


.one-full { 		width: 728px; }
.one-half { 		width: 354px; }
.one-third { 		width: 229px; }
.two-third { 		width: 478px; }
.one-fourth {		width: 167px; }
.two-fourth { 		width: 354px; }
.three-fourth { 	width: 542px; }
.one-fifth { 		width: 130px; }
.two-fifth { 		width: 280px; }
.three-fifth { 		width: 430px; }
.four-fifth { 		width: 580px; }


#page_content { width: 415px; }


#header #header_logo h1{
	display:block; 
	margin-left:10px;
	font-size:11px;
}
#header #navigation ul li{ margin:0 2px; }
#header #navigation ul li a {
font-size: 13px;
padding: 0 8px;
}

#navigation a{ font-size: 16px; }

/*.flex-slide{min-height:400px !important;height:100% !important;} */
.flex-slide{height:100% !important;} 
.flexslider:hover .next{ right:10px !important; }
.flexslider:hover .prev{ left:10px !important; }


.biglines{ font-size:16px; }

.cols_4{
	width:165px;
}

.cols_4 .zoom {
margin: -52px 0 0 -31px !important;
}

.cols_3{
	width:230px;
}
.cols_2{
	width:354px;
}
.cols_1{
	width:728px;
}


#social_zone .content { padding: 30px 0 20px 0; }
#footer #footer_widgets .widget_col { width: 182px; }
#footer_navigation { width: 100%; }
#footer_navigation ul {
padding: 0 20px 10px 0;
border-bottom: 1px solid #333;
border-right:none;
}
#footer .copyright { width: 100%; padding: 0 0 10px 0; }


 #pricetable_cell {
        display: block;
        width:100%;
    }
.plan-head-cell:{padding:50px;
}
#pricetable_div {
    display: none;
}
/*
	.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
		width:710px;
		margin:20px 0 30px 0;
	}
	
	.pricing-table.col-2 .plan{
		float:left;
		width:354px;
		display: block;
	}
	.pricing-table.col-3 .plan{
		float:left;
		width:236px;
		display: block;
	}
	.pricing-table.col-4 .plan{
		float:left;
		width:176px;
		display: block;
	}
	.pricing-table.col-5 .plan{
		float:left;
		width:141px;
		display: block;
	}
*/
}
	


/*
	-------------------------------------
	IPAD Portrait
	-------------------------------------
*/

@media (max-width: 768px) and (orientation: portrait) {
 

#header .content{max-width:768px;}

#top_illustration_contact {
    min-height: 290px;
}
#top_illustration_general {
    min-height: 145px;
}
#top_illustration_standard{
    min-height: 180px;
    }        
#top_illustration_express{
      min-height: 150px;
    }        
#top_illustration_vcontest {
    background: url(../Images/ContestFilmStrip_LRes_Sm.jpg) no-repeat center top;
 min-height: 280px;
 max-height: 280px;
    }
#top_illustration_makeover {
    background: url(../Images/credit-makeoverLRes_Sm.jpg) no-repeat center top;
    min-height: 281px;
    }
#slider .content{max-width:728px;}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10, .slide11 {
        font-size: x-small;
    }
#free_zone .content{max-width:768px;}
#title_bar .content{max-width:728px;}
#main .content{max-width:768px;}
#social_zone .content{max-width:768px;}
#footer .content{max-width:728px;}

.one-full { 		width: 728px; }
.one-half { 		width: 354px; }
.one-third { 		width: 229px; }
.two-third { 		width: 478px; }
.one-fourth {		width: 167px; }
.two-fourth { 		width: 354px; }
.three-fourth { 	width: 542px; }
.one-fifth { 		width: 130px; }
.two-fifth { 		width: 280px; }
.three-fifth { 		width: 430px; }
.four-fifth { 		width: 580px; }


#page_content { width: 415px; }


#pricetable_cell {
    display: block;
    width: 415px;
}
#pricetable_div {
    display: none;
}
}



/*
	-------------------------------------
	SMARTPHONE and IPHONE Landscape
	-------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 765px) {

h1{
	font-size:24px;
	line-height:26px;
	margin-bottom:10px;
}
h2{
	font-size:20px;
	line-height:22px;
	margin-bottom:10px;
}
h3{
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}
h4{
	font-size:16px;
	line-height:22px;
	margin-bottom:8px;
}
h5{
	font-size:14px;
	line-height:17px;
	margin-bottom:5px;
}
h6{
	font-size:12px;
	line-height:15px;
	margin-bottom:5px;
}

#header .content{max-width:480px;}
 .cta_wrapper {
        top: 45px;
    }
#csgame, #csgame2 {
        display: block;
    }

#top_illustration_contact {
    min-height: 290px;
}
#top_illustration_general {
    min-height: 145px;
}

#top_illustration_standard{
    min-height: 180px;
    }        
#top_illustration_express{
      min-height: 150px;
    }        
#top_illustration_vcontest {
    background: url(../Images/ContestFilmStrip_LRes_Sm.jpg) no-repeat center top;
 min-height: 280px;
 max-height: 280px;
   }
#top_illustration_makeover {
    background: url(../Images/credit-makeoverLRes_Sm.jpg) no-repeat center top;
    min-height: 281px;
    }
#slider .content{max-width:440px;}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10, .slide11 {
            font-size: x-small;
        }
#free_zone .content{max-width:480px;}
#title_bar .content{max-width:440px;}
#main .content{max-width:480px;}
#social_zone .content{max-width:480px;}
#footer .content{max-width:440px;}


#page_content { width: 100%; float:none; margin:0 0 20px 0; }

.one-full, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, #page_content .one-full, #page_content .one-half, #page_content .one-third, #page_content .two-third, #page_content .one-fourth, #page_content .two-fourth, #page_content .three-fourth, #page_content .one-fifth, #page_content .two-fifth, #page_content .three-fifth, #page_content .four-fifth{ float: none; width:100%; margin-left:0 !important; margin-right:0; }

#header #header_logo .logo {height: 50px;}

#header #header_logo h1{
	display:block; 
	margin-left:7px;
	font-size:11px;
}

#header .open_phone_nav, #header #phone_navigation{
	display:block !important;
    z-index: 100;
}

#header #navigation{ display:none; }
#header #search_top{ right: 50px; }

/*.flex-slide{min-height:200px !important;height:100% !important;} */
.flex-slide{height:100% !important;} 
.flexslider .next{ right:-50px !important; }
.flexslider .prev{ left:-15px !important; }
.flexslider:hover .next{ right:10px !important; }
.flexslider:hover .prev{ left:10px !important; }


.biglines{ font-size:16px; }
#filters ul {
position: inherit;
}

.cols_1, .cols_2 { width: 440px; }
.cols_3, .cols_4, .cols_5 { width: 210px; }


#sidebar {
width: 440px;
}
#sidebar .sidebar_node {
/*width: 94%;*/
float:left;
}
#sidebar .sidebar_node:nth-child(even) {
/*width: 94%;*/
float:left;
/*margin-right:0px;*/
}

.blog_post_style_1{
	margin:0 20px 20px 20px;
}

#social_zone .content { padding: 30px 0 20px 0; }
#footer #footer_widgets { border-bottom: none; }
#footer #footer_widgets .widget_col { width: 100%; padding:20px 0; border-bottom:1px solid #333; min-height:inherit; background:none; }
#footer_navigation { width: 100%; }
#footer_navigation ul {
padding: 0 20px 10px 0;
border-bottom: 1px solid #333;
border-right:none;
}
#footer .copyright { width: 100%; padding: 0 0 10px 0; }



.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
	width:440px !important;
	margin:20px 0 30px 0;
}

.pricing-table.col-2 .plan,
.pricing-table.col-3 .plan,
.pricing-table.col-4 .plan,
.pricing-table.col-5 .plan
{
	float:left;
	width:210px !important;
	display: block;
}
.pricing-table .featured{
	position:static;
	z-index: 200;
	margin:0 !important;
	padding:0 !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;

}
.plan.featured h3{
	font-size:16px;
	margin:-1px -1px 0px -1px;
	padding:7px 0;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}

.plan.featured .signup{
	padding:10px 0;
}


#lower_zone .container {
        width: 97%;
        padding:7px;
    }

#pricetable_cell {
    display: block;
    max-width: 400px;
}
#pricetable_div {
    display: none;
}
}




/*
	-------------------------------------
	SMARTPHONE and IPHONE Portrait
	-------------------------------------
*/

@media only screen and (max-width: 480px) {

/*Darken type to give more contrast on small screen*/
html, body, textarea, input { 
	color:#333;
    font-size: 1em;
}

body {
}

    #header #header_logo .logo {
        height: 38px;
    }

    #header .content {
        max-width: 100%;
    }

    #header #phone_navigation {
        top: 37px;
    }

    .cta_wrapper {
        top: 36px;
    }
#csgame, #csgame2 {
        display: none;
    }

#top_illustration_contact {
    min-height: 290px;
}
#top_illustration_general {
    min-height: 145px;
}
#top_illustration_standard{
    min-height: 180px;
    }        
#top_illustration_express{
      min-height: 150px;
    }        
#top_illustration_vcontest {
    background: url(../Images/ContestFilmStrip_LRes_Sm.jpg) no-repeat center top;
 min-height: 280px;
 max-height: 280px;
 }
#top_illustration_makeover {
    background: url(../Images/credit-makeoverLRes_Sm.jpg) no-repeat center top;
    min-height: 281px;
    }

    .flex-direction-nav {
        visibility: collapse;
    }

    #slider .content {
        max-width: 480px;
    }

    .slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10, .slide11 {
        display: none;
        -webkit-backface-visibility: hidden;
        font-size: xx-small;
    }

    #main .content {
        max-width: 440px;
    padding-left: 1%;
    margin-left:0;
    }

    #title_bar .content {
        max-width: 460px;
    }

    #free_zone .content {
        max-width: 460px;
    }

    #social_zone .content {
        max-width: 460px;
    }

    #footer .content {
        max-width: 460px;
    }


    #header #header_logo {
        padding-left: 0px;
    }

        #header #header_logo h1 {
            display: none;
        }

    #header .open_phone_nav, #header #phone_navigation {
        display: block !important;
        z-index:100;
    }

    #header #navigation {
        display: none;
    }

    #header #search_top {
        right: 50px;
    }

   /* #sidebar {
        display: none;
    }*/
    #sidebar .sidebar_node {
        width: 96%;
        float:left;
    }
    #lower_zone .container {
        width: 97%;
        padding: 7px;
    }

    .SubSec {
        PADDING-LEFT: 10px;
    }

    #pricetable_cell {
        display: block;
    }
    #pricetable_div {
        display: none;
    }
}

 




/*
	-------------------------------------
	SMARTPHONE and IPHONE Portrait
	-------------------------------------
*/

@media only screen and (max-width: 380px) { 

/*Darken type to give more contrast on small screen*/
html, body, textarea, input { 
	color:#333;
    font-size: 1em;
}

h1{
	font-size:24px;
	line-height:26px;
	margin-bottom:10px;
}
h2{
	font-size:20px;
	line-height:22px;
	margin-bottom:10px;
}
h3{
	font-size:18px;
	line-height:24px;
	margin-bottom:10px;
}
h4{
	font-size:16px;
	line-height:22px;
	margin-bottom:8px;
}
h5{
	font-size:14px;
	line-height:17px;
	margin-bottom:5px;
}
h6{
	font-size:12px;
	line-height:15px;
	margin-bottom:5px;
}
#header .content{max-width:100%;}
#header #phone_navigation {
        top: 35px;
    }

 .cta_wrapper {
        top: 33px;
    }

 /*Used two redundant ways to hide/show proper label for compatibility w screen size for all devices */
    cta_wrapper > span.smallscreen {
        display: none;
    }
   cta_wrapper > span.bigscreen {
        display: inline;
    }

    #lblRefNum_big {
        display: none;
    }
    #lblRefNum_small {
        display: inline;
    }

#csgame, #csgame2 {
        display: none;
    }

#top_illustration_contact {
    min-height: 290px;
}
#top_illustration_general {
    min-height: 145px;
}
#top_illustration_standard{
    min-height: 180px;
    }        
#top_illustration_express{
      min-height: 150px;
    }        
#top_illustration_vcontest {
    background: url(../Images/ContestFilmStrip_LRes_Sm.jpg) no-repeat center top;
    height:260px;
   max-height: 280px;
 }
#top_illustration_makeover {
    background: url(../Images/credit-makeoverLRes_Sm.jpg) no-repeat center top;
    min-height: 281px;
    }
#slider .content{max-width:320px;}
#sidebar .sidebar_node {
    width: 96%;
    float:left;
    }
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10, .slide11 {
            display: none;
            -webkit-backface-visibility: hidden;
            font-size: xx-small;
        }
#main .content{max-width:300px;}
#title_bar .content{max-width:300px;}
#free_zone .content{max-width:300px;}
#social_zone .content{max-width:300px;}
#footer .content{max-width:320px;}

#page_content { width: 100%; float:none; margin:0 0 20px 0; }

.one-full, .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, #page_content .one-full, #page_content .one-half, #page_content .one-third, #page_content .two-third, #page_content .one-fourth, #page_content .two-fourth, #page_content .three-fourth, #page_content .one-fifth, #page_content .two-fifth, #page_content .three-fifth, #page_content .four-fifth{ float: none; width:100%; margin-left:0 !important; margin-right:0; }

#header #header_logo .logo {height: 35px;}

#header #header_logo{
	padding-left:10px;
}
#header #header_logo h1{
	display:none; 
}

#header .open_phone_nav, #header #phone_navigation{
	display:block !important;
}

#header #navigation{ display:none; }
#header #search_top{ right: 50px; }



/*.flex-slide{min-height:200px !important;height:100% !important;}*/

.flex-slide{height:100% !important;} 
.flexslider .next{ display:none;  }
.flexslider .prev{ display:none;  }


.biglines{ font-size:16px; }
#filters ul {
position: inherit;
}
#filters ul li a {
padding: 5px 10px;
}
.cols_1, .cols_2, .cols_3, .cols_4, .cols_5 { width: 265px; }

.blog_post_style_1{
	margin:0 20px 20px 20px;
}
#sidebar {
/*width: 280px;*/
}

#social_zone .content { padding: 30px 0 20px 0; }

#footer #footer_widgets { border-bottom: none; }
#footer #footer_widgets .widget_col { padding:20px 20px; border-bottom:1px solid #333; min-height:inherit; background:none; }
#footer_navigation { width: 100%; }
#footer_navigation ul {
padding: 0 20px 10px 0;
border-bottom: 1px solid #333;
border-right:none;
}
#footer .copyright { width: 100%; padding: 0 0 10px 0; }

.pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{
	width:320px !important;
	margin:20px 0 30px 0;
}

.pricing-table.col-2 .plan,
.pricing-table.col-3 .plan,
.pricing-table.col-4 .plan,
.pricing-table.col-5 .plan
{
	float:left;
	width:320px !important;
	display: block;
	border-right:1px solid #d5d5d5;
}
.pricing-table .featured{
	position:static;
	z-index: 200;
	margin:0 !important;
	padding:0 !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;

}
.plan.featured h3{
	font-size:16px;
	margin:-1px -1px 0px -1px;
	padding:7px 0;
	color:#ffffff;
	text-shadow:#000 0px 1px 0px;
}

.plan.featured .signup{
	padding:10px 0;
}



#sidebar{}

#lower_zone .container {
        width: 97%;
        padding:7px;
    }
.SubSec {
    PADDING-LEFT: 0px;
}
    #snapshot1 {
        width: 30px;

    }
    #pricetable_cell {
    display: block;
}
    #pricetable_div {
      display: none;
}
}




/*
	-------------------------------------
	RETINA IPHONE 4+
	-------------------------------------
*/

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { 
#header #header_logo .logo {height:30px;}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7, .slide8, .slide9, .slide10, .slide11 {
            display: none;
            -webkit-backface-visibility: hidden;
            font-size: xx-small;
        }


/*
	-------------------------------------
	IE8  Hack
	-------------------------------------
*/
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}