/*-----------------------------------------------------------------------------------*/
 /*	Shortcodes
 *	
 *	1. Buttons
 *	2. Toggle
 *	3. Tabs
 *	4. Columns
 *	5. Text + Icon (Column with Icon)	 
 *	6. Image Box
 *	7. Lists
 *  8. HR Lines
 *  9. Testimonials
 *  10. Special Heading
 *  11. Google Maps
 *  12. Clients & Awards
 *  13. Pricing Table
 *
 */
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	1. Buttons
/*-----------------------------------------------------------------------------------*/

span.appview-button {	
	position: relative;
	overflow: hidden;
	clear: both;
}

span.appview-button a {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 44px;
	padding: 0px 13px 0px 15px;
	text-decoration: none;
	margin: 0px 15px 20px 0px;
	position: relative;
	z-index: 5;
}

span.appview-button span.name {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	z-index: 15;
	top: 12px;
	left: 16px;
}

span.appview-button span.frame-right {
	display: block;
	height: 44px;
	position: absolute;
	width: 7px;
	top: 0px;
	right: -7px;
}

span.appview-button span.frame-left {
	display: block;
	position: absolute;
	height: 44px;
	width: 100%;
	z-index: 0;
	top: 0px;
	left: 0px;
}

span.appview-button span.frame-left-over {
	display: block;
	position: absolute;
	height: 44px;
	width: 100%;
	z-index: 0;
	top: 0px;
	left: 0px;
}

span.appview-button span.frame-right-over {
	display: block;
	position: absolute;
	height: 44px;
	width: 7px;
	z-index: 0;
	top: 0px;
	right: -7px;
}

span.appview-button.home a,
span.appview-button.arrow-down a,
span.appview-button.arrow-right a,
span.appview-button.cup a,
span.appview-button.clipboard a,
span.appview-button.link a,
span.appview-button.pig a,
span.appview-button.flag a{
	padding: 0px 48px 0px 15px;
}

span.appview-button span.icon {
	display: block;
	width: 23px;
	height: 23px;
	position: absolute;
	z-index: 20;
	top: 10px;
	right: 3px;
}

span.appview-button.flag span.icon {
	right: 2px;
	opacity: 0.85;
}

span.appview-button.home span.icon {
	right: 4px;
	top: 9px;
}

span.appview-button span.divider {
	display: block;
	width: 4px;
	height: 37px;
	position: absolute;
	z-index: 20;
	top: 2px;
	right: 30px;
}


/* Red button */
span.appview-button.red span.name {
	color: #732727;
	text-shadow: 1px 1px 1px #e28383;
}

span.appview-button.red span.frame-right { background: transparent url('../images/buttons/button_right_red.png') no-repeat right top; }
span.appview-button.red span.frame-left { background: url('../images/buttons/button_left_red.png') no-repeat left top; }
span.appview-button.red span.frame-left-over { background: url('../images/buttons/button_left_red_over.png') no-repeat left top; }
span.appview-button.red span.frame-right-over { background: url('../images/buttons/button_right_red_over.png') no-repeat right top;}
span.appview-button.red span.divider { background: url('../images/buttons/button_divider_red.jpg') no-repeat right top; }

/* icons */
span.appview-button.red.home span.icon { background: url('../images/icons/buttons/red/home.png') no-repeat right top; }
span.appview-button.red.cup span.icon { background: url('../images/icons/buttons/red/cup.png') no-repeat right top; }
span.appview-button.red.arrow-down span.icon { background: url('../images/icons/buttons/red/arrow_down.png') no-repeat right top; }
span.appview-button.red.arrow-right span.icon { background: url('../images/icons/buttons/red/arrow_right.png') no-repeat right top; }
span.appview-button.red.clipboard span.icon { background: url('../images/icons/buttons/red/clipboard.png') no-repeat right top; }
span.appview-button.red.link span.icon { background: url('../images/icons/buttons/red/link.png') no-repeat right top; }
span.appview-button.red.pig span.icon { background: url('../images/icons/buttons/red/pig.png') no-repeat right top; }
span.appview-button.red.flag span.icon { background: url('../images/icons/buttons/red/flag.png') no-repeat right top; }

/* Black button */
span.appview-button.black span.name {
	color: #272727;
	text-shadow: 1px 1px 1px #696969;
}

span.appview-button.black span.frame-right { background: transparent url('../images/buttons/button_right_black.png') no-repeat right top; }
span.appview-button.black span.frame-left { background: url('../images/buttons/button_left_black.png') no-repeat left top; }
span.appview-button.black span.frame-left-over { background: url('../images/buttons/button_left_black_over.png') no-repeat left top; }
span.appview-button.black span.frame-right-over { background: url('../images/buttons/button_right_black_over.png') no-repeat right top;}
span.appview-button.black span.divider { background: url('../images/buttons/button_divider_black.jpg') no-repeat right top; }

/* icons */
span.appview-button.black.home span.icon { background: url('../images/icons/buttons/black/home.png') no-repeat right top; }
span.appview-button.black.cup span.icon { background: url('../images/icons/buttons/black/cup.png') no-repeat right top; }
span.appview-button.black.arrow-down span.icon { background: url('../images/icons/buttons/black/arrow_down.png') no-repeat right top; }
span.appview-button.black.arrow-right span.icon { background: url('../images/icons/buttons/black/arrow_right.png') no-repeat right top; }
span.appview-button.black.clipboard span.icon { background: url('../images/icons/buttons/black/clipboard.png') no-repeat right top; }
span.appview-button.black.link span.icon { background: url('../images/icons/buttons/black/link.png') no-repeat right top; }
span.appview-button.black.pig span.icon { background: url('../images/icons/buttons/black/pig.png') no-repeat right top; }
span.appview-button.black.flag span.icon { background: url('../images/icons/buttons/black/flag.png') no-repeat right top; }

/* Blue button */
span.appview-button.blue span.name {
	color: #094b61;
	text-shadow: 1px 1px 1px #33add3;
}

span.appview-button.blue span.frame-right { background: transparent url('../images/buttons/button_right_blue.png') no-repeat right top; }
span.appview-button.blue span.frame-left { background: url('../images/buttons/button_left_blue.png') no-repeat left top; }
span.appview-button.blue span.frame-left-over { background: url('../images/buttons/button_left_blue_over.png') no-repeat left top; }
span.appview-button.blue span.frame-right-over { background: url('../images/buttons/button_right_blue_over.png') no-repeat right top;}
span.appview-button.blue span.divider { background: url('../images/buttons/button_divider_blue.jpg') no-repeat right top; }

/* icons */
span.appview-button.blue.home span.icon { background: url('../images/icons/buttons/blue/home.png') no-repeat right top; }
span.appview-button.blue.cup span.icon { background: url('../images/icons/buttons/blue/cup.png') no-repeat right top; }
span.appview-button.blue.arrow-down span.icon { background: url('../images/icons/buttons/blue/arrow_down.png') no-repeat right top; }
span.appview-button.blue.arrow-right span.icon { background: url('../images/icons/buttons/blue/arrow_right.png') no-repeat right top; }
span.appview-button.blue.clipboard span.icon { background: url('../images/icons/buttons/blue/clipboard.png') no-repeat right top; }
span.appview-button.blue.link span.icon { background: url('../images/icons/buttons/blue/link.png') no-repeat right top; }
span.appview-button.blue.pig span.icon { background: url('../images/icons/buttons/blue/pig.png') no-repeat right top; }
span.appview-button.blue.flag span.icon { background: url('../images/icons/buttons/blue/flag.png') no-repeat right top; }


/* Yellow button */
span.appview-button.yellow span.name {
	color: #996633;
	text-shadow: 1px 1px 1px #fcda53;
}

span.appview-button.yellow span.frame-right { background: transparent url('../images/buttons/button_right_yellow.png') no-repeat right top; }
span.appview-button.yellow span.frame-left { background: url('../images/buttons/button_left_yellow.png') no-repeat left top; }
span.appview-button.yellow span.frame-left-over { background: url('../images/buttons/button_left_yellow_over.png') no-repeat left top; }
span.appview-button.yellow span.frame-right-over { background: url('../images/buttons/button_right_yellow_over.png') no-repeat right top;}
span.appview-button.yellow span.divider { background: url('../images/buttons/button_divider_yellow.jpg') no-repeat right top; }

/* icons */
span.appview-button.yellow.home span.icon { background: url('../images/icons/buttons/yellow/home.png') no-repeat right top; }
span.appview-button.yellow.cup span.icon { background: url('../images/icons/buttons/yellow/cup.png') no-repeat right top; }
span.appview-button.yellow.arrow-down span.icon { background: url('../images/icons/buttons/yellow/arrow_down.png') no-repeat right top; }
span.appview-button.yellow.arrow-right span.icon { background: url('../images/icons/buttons/yellow/arrow_right.png') no-repeat right top; }
span.appview-button.yellow.clipboard span.icon { background: url('../images/icons/buttons/yellow/clipboard.png') no-repeat right top; }
span.appview-button.yellow.link span.icon { background: url('../images/icons/buttons/yellow/link.png') no-repeat right top; }
span.appview-button.yellow.pig span.icon { background: url('../images/icons/buttons/yellow/pig.png') no-repeat right top; }
span.appview-button.yellow.flag span.icon { background: url('../images/icons/buttons/yellow/flag.png') no-repeat right top; }


/* Green button */
span.appview-button.green span.name {
	color: #5d7731;
	text-shadow: 1px 1px 1px #cef47d;
}

span.appview-button.green span.frame-right { background: transparent url('../images/buttons/button_right_green.png') no-repeat right top; }
span.appview-button.green span.frame-left { background: url('../images/buttons/button_left_green.png') no-repeat left top; }
span.appview-button.green span.frame-left-over { background: url('../images/buttons/button_left_green_over.png') no-repeat left top; }
span.appview-button.green span.frame-right-over { background: url('../images/buttons/button_right_green_over.png') no-repeat right top;}
span.appview-button.green span.divider { background: url('../images/buttons/button_divider_green.jpg') no-repeat right top; }

/* icons */
span.appview-button.green.home span.icon { background: url('../images/icons/buttons/green/home.png') no-repeat right top; }
span.appview-button.green.cup span.icon { background: url('../images/icons/buttons/green/cup.png') no-repeat right top; }
span.appview-button.green.arrow-down span.icon { background: url('../images/icons/buttons/green/arrow_down.png') no-repeat right top; }
span.appview-button.green.arrow-right span.icon { background: url('../images/icons/buttons/green/arrow_right.png') no-repeat right top; }
span.appview-button.green.clipboard span.icon { background: url('../images/icons/buttons/green/clipboard.png') no-repeat right top; }
span.appview-button.green.link span.icon { background: url('../images/icons/buttons/green/link.png') no-repeat right top; }
span.appview-button.green.pig span.icon { background: url('../images/icons/buttons/green/pig.png') no-repeat right top; }
span.appview-button.green.flag span.icon { background: url('../images/icons/buttons/green/flag.png') no-repeat right top; }


/* Pink button */
span.appview-button.pink span.name {
	color: #7b5777;
	text-shadow: 1px 1px 1px #fab1f2;
}

span.appview-button.pink span.frame-right { background: transparent url('../images/buttons/button_right_pink.png') no-repeat right top; }
span.appview-button.pink span.frame-left { background: url('../images/buttons/button_left_pink.png') no-repeat left top; }
span.appview-button.pink span.frame-left-over { background: url('../images/buttons/button_left_pink_over.png') no-repeat left top; }
span.appview-button.pink span.frame-right-over { background: url('../images/buttons/button_right_pink_over.png') no-repeat right top;}
span.appview-button.pink span.divider { background: url('../images/buttons/button_divider_pink.jpg') no-repeat right top; }

/* icons */
span.appview-button.pink.home span.icon { background: url('../images/icons/buttons/pink/home.png') no-repeat right top; }
span.appview-button.pink.cup span.icon { background: url('../images/icons/buttons/pink/cup.png') no-repeat right top; }
span.appview-button.pink.arrow-down span.icon { background: url('../images/icons/buttons/pink/arrow_down.png') no-repeat right top; }
span.appview-button.pink.arrow-right span.icon { background: url('../images/icons/buttons/pink/arrow_right.png') no-repeat right top; }
span.appview-button.pink.clipboard span.icon { background: url('../images/icons/buttons/pink/clipboard.png') no-repeat right top; }
span.appview-button.pink.link span.icon { background: url('../images/icons/buttons/pink/link.png') no-repeat right top; }
span.appview-button.pink.pig span.icon { background: url('../images/icons/buttons/pink/pig.png') no-repeat right top; }
span.appview-button.pink.flag span.icon { background: url('../images/icons/buttons/pink/flag.png') no-repeat right top; }


/* Grey button */
span.appview-button.grey span.name {
	color: #8c8a8a;
	text-shadow: 1px 1px 1px #f4f4f4;
}

span.appview-button.grey span.frame-right { background: transparent url('../images/buttons/button_right_grey.png') no-repeat right top; }
span.appview-button.grey span.frame-left { background: url('../images/buttons/button_left_grey.png') no-repeat left top; }
span.appview-button.grey span.frame-left-over { background: url('../images/buttons/button_left_grey_over.png') no-repeat left top; }
span.appview-button.grey span.frame-right-over { background: url('../images/buttons/button_right_grey_over.png') no-repeat right top;}
span.appview-button.grey span.divider { background: url('../images/buttons/button_divider_grey.jpg') no-repeat right top; }

/* icons */
span.appview-button.grey.home span.icon { background: url('../images/icons/buttons/grey/home.png') no-repeat right top; }
span.appview-button.grey.cup span.icon { background: url('../images/icons/buttons/grey/cup.png') no-repeat right top; }
span.appview-button.grey.arrow-down span.icon { background: url('../images/icons/buttons/grey/arrow_down.png') no-repeat right top; }
span.appview-button.grey.arrow-right span.icon { background: url('../images/icons/buttons/grey/arrow_right.png') no-repeat right top; }
span.appview-button.grey.clipboard span.icon { background: url('../images/icons/buttons/grey/clipboard.png') no-repeat right top; }
span.appview-button.grey.link span.icon { background: url('../images/icons/buttons/grey/link.png') no-repeat right top; }
span.appview-button.grey.pig span.icon { background: url('../images/icons/buttons/grey/pig.png') no-repeat right top; }
span.appview-button.grey.flag span.icon { background: url('../images/icons/buttons/grey/flag.png') no-repeat right top; }


/* Brown button */
span.appview-button.brown span.name {
	color: #4f433b;
	text-shadow: 1px 1px 1px #b2a08f;
}

span.appview-button.brown span.frame-right { background: transparent url('../images/buttons/button_right_brown.png') no-repeat right top; }
span.appview-button.brown span.frame-left { background: url('../images/buttons/button_left_brown.png') no-repeat left top; }
span.appview-button.brown span.frame-left-over { background: url('../images/buttons/button_left_brown_over.png') no-repeat left top; }
span.appview-button.brown span.frame-right-over { background: url('../images/buttons/button_right_brown_over.png') no-repeat right top;}
span.appview-button.brown span.divider { background: url('../images/buttons/button_divider_brown.jpg') no-repeat right top; }

/* icons */
span.appview-button.brown.home span.icon { background: url('../images/icons/buttons/brown/home.png') no-repeat right top; }
span.appview-button.brown.cup span.icon { background: url('../images/icons/buttons/brown/cup.png') no-repeat right top; }
span.appview-button.brown.arrow-down span.icon { background: url('../images/icons/buttons/brown/arrow_down.png') no-repeat right top; }
span.appview-button.brown.arrow-right span.icon { background: url('../images/icons/buttons/brown/arrow_right.png') no-repeat right top; }
span.appview-button.brown.clipboard span.icon { background: url('../images/icons/buttons/brown/clipboard.png') no-repeat right top; }
span.appview-button.brown.link span.icon { background: url('../images/icons/buttons/brown/link.png') no-repeat right top; }
span.appview-button.brown.pig span.icon { background: url('../images/icons/buttons/brown/pig.png') no-repeat right top; }
span.appview-button.brown.flag span.icon { background: url('../images/icons/buttons/brown/flag.png') no-repeat right top; }

	
/*--------------------------------- END Button  ------------------------------------ */

/*-----------------------------------------------------------------------------------*/
/*	2. Toggle Shortcodes
/*-----------------------------------------------------------------------------------*/

div.accordion {
	position: relative;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
}

div.toggle-header {
	 background: #ffffff url('../images/shortcodes/toggle_open.png') no-repeat 25px 25px;
	border:1px solid #DBDBDB;
	cursor:pointer;
	position: relative;
	z-index: 2;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
}

div.toggle-header h3.toggle-title {
	border-left: 1px solid #DBDBDB;
	padding: 20px 30px 20px 20px;
	margin:0 0 0 70px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	background: #F0F0F0;

}

div.toggle-header h3.toggle-title a {
	text-decoration:none;
	font-weight:bold;	
	text-transform: none;
	font-size: 14px;
	color: #2A3945;
}

div.toggle-header h3.toggle-title a:hover {
    text-decoration: none;
}

div.active {
	background: #ffffff url('../images/shortcodes/toggle_close.png') no-repeat 25px 25px;
   
	border-bottom:none;
	margin-bottom:0;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright :0px;
	-webkit-border-bottom-right-radius:0px;
	-ms-border-bottom-right-radius:0px;
	-o-border-bottom-right-radius:0px;
	border-bottom-left-radius :0px;
	-moz-border-radius-bottomleft:0px;
 	-webkit-border-bottom-left-radius:0px;
 	-ms-border-bottom-left-radius:0px;
	-o-border-bottom-left-radius:0px;
	
}

h3.active {
	border-bottom:  1px solid #DBDBDB;
}


div.toggle-content {
	background: #ffffff;
	border-top: none;
    border:1px solid #DBDBDB;
	border-top:none;
	padding:20px 20px 20px 20px;
	overflow:hidden;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
 	-webkit-border-bottom-left-radius: 5px;
 	-ms-border-bottom-left-radius: 5px;
 	-o-border-bottom-left-radius: 5px;
	
}

span.toggle-frame-left {
	background: transparent url('../images/shortcodes/bg_accor_left.png') no-repeat;
	height: 7px;
	display: block;
	margin-top: -4px;
	position: relative;
	z-index: 0;
	margin-right: 16px;
}

span.toggle-frame-right {
	background: transparent url('../images/shortcodes/bg_accor_right.png') no-repeat;
	height: 7px;
	position: relative;
	display: block;
	float: right;
	width: 20px;
	margin-top: -7px;
	margin-right: -4px;
}	

div.toggle-space {
	clear: both;
	margin-bottom: 0.5em;
}

/*---------------------------------- END Toggle ------------------------------------ */

/*-----------------------------------------------------------------------------------*/
/*	3. Tabs Shortcode CSS
/*-----------------------------------------------------------------------------------*/

.portfolio-filters,
.tabs {
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	border-bottom: none;
	background: white;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	
}

.portfolio-filters ul,
.tabs ul {
	margin-bottom: 1.5em;
	height: 59px;
	background: transparent;
	border: 1px solid #DEDEDE;
	position: relative;
	z-index: 2;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	
}	

.portfolio-filters ul li,
.tabs ul li {
	background: transparent;
	display: inline;
	float: left;
	margin-top: 2px;
	padding: 17px 30px 17px 0px;
	
	position: relative;
	top: 1px;
}

.portfolio-filters ul li:first-child,
.tabs ul li:first-child {
	margin-left: 0px;
	padding-left: 30px;
}

.portfolio-filters .tabs_title,
.tabs .tabs_title,{
	font-size:12px;
	font-weight:bold;	
}	

.portfolio-filters ul li a,
.tabs ul li a {
	font-weight: bold;
	font-size: 14px;
	color: #D6D6D6;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent;
}

.portfolio-filters ul li a:hover,
.tabs ul li a:hover {
	color: #2A3945;
}

.portfolio-filters ul li.active,
.tabs ul li.active {
	position: relative;
	z-index: 2;
	
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-ms-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}	

.portfolio-filters ul li.active a,
.tabs ul li.active a {
	border-bottom: none;
	color: #2A3945
}

.tabs .tab_content {
	background: transparent;
	display: block;
	position: relative;
	z-index: 0;
	padding: 30px 2px 5px 2px;
	margin: 0px -1px 30px -1px;
	float: left;
}

.portfolio-filters div.frame-left,
.tabs div.frame-left {
/* 	clear: both; */
	display: block;
	background: url('../images/shortcodes/tabs_frame_left.png') no-repeat;
	height: 11px;
	position: relative;
	z-index: 0;
	margin-top: -28px;
	margin-right: 20px;
}

.portfolio-filters div.frame-right,
.tabs div.frame-right {
	display: block;
	background: url('../images/shortcodes/tabs_frame_right.png') no-repeat;
	height: 11px;
	float: right;
	width: 33px;
	margin-top: -11px;
}

.portfolio-filters span.tabs-triangle,
.tabs span.tabs-triangle {
	background: transparent url('../images/shortcodes/tabs_triangle.png') no-repeat;
	display: block;
	width: 19px;
	height: 9px;
	margin: 0 auto;
	margin-top: 17px;
	margin-bottom: -25px;
	position: relative;
	z-index: 5;
	padding-right: 3px;
	opacity: 0;
}

/*------------------------------------ END Tabs ------------------------------------ */

/*-----------------------------------------------------------------------------------*/
/*	4. Columns
/*-----------------------------------------------------------------------------------*/

.column {
	margin-top: -1em;
	margin-bottom: 1.5em;
}

.column span.devider {
	width: 19px;
	display: block;
	height: 100%;
	min-height: 100px;
	position: absolute;
	top: -5px;
	right: 8%;
}

.column span.devider img {
	height: 120%;
	max-height: 320px;
	width: 19px;
}

.one_one { width: 100%; }
.one_half { width:46%; }
.one_third { width:28%; }
.two_third { width:64%; }
.one_fourth { width:19%; }
.three_fourth { width:73%; }
.one_fifth { width:13.5%; }
.two_fifth { width:35%; }
.three_fifth { width:57%; }
.four_fifth { width:78%; }
.one_sixth { width:10%; }
.five_sixth { width:82%; }

.one_half.devider { width: 43%; }
.one_half.devider span.devider { right: 8%; }
.one_third.devider { width: 25%; }
.one_third.devider span.devider { right: 13%; }
.two_third.devider { width: 61%; }
.two_third.devider span.devider { right: 7%; }
.one_fourth.devider { width: 16%; }
.one_fourth.devider span.devider { right: 16.5%; }
.three_fourth.devider { width: 70%; }
.three_fourth.devider span.devider { right: 6%; }
.one_fifth.devider { width: 10.5%; }
.one_fifth.devider span.devider { right: 22%; }
.two_fifth.devider { width: 32%; }
.two_fifth.devider span.devider { right: 11%; }
.three_fifth.devider { width: 54%; }
.three_fifth.devider span.devider { right: 9%; }
.four_fifth.devider { width: 75%; }
.four_fifth.devider span.devider { right: 5%; }
.one_sixth.devider { width: 7%; }
.one_sixth.devider span.devider { right: 18%; }
.five_sixth.devider { width: 79%; }
.five_sixth.devider span.devider { right: 5%; }


.one_half, .one_third, .two_third,
.three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth,
.one_sixth, .five_sixth { 
	position:relative; 
	margin-right: 8%; 
	float:left; 
}

.one_half.devider, .one_third.devider, .two_third.devider,
.three_fourth.devider, .one_fourth.devider, .one_fifth.devider,
.two_fifth.devider, .three_fifth.devider, .four_fifth.devider,
.one_sixth.devider, .five_sixth.devider { 
	position:relative; 
	padding-right: 11%; 
	margin-right: 0px;
	float:left; 
}

.column_last { 
	margin-right:0 !important; 
	clear:right; 
}

.clearboth {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:100%;
}

/*---------------------------------- END Columns ----------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	5. Text + Icon
/*-----------------------------------------------------------------------------------*/

div.text_icon img {
	float: left;
	border: none;
	margin: 0px 15px 0px -4px !important;
}

div.text_icon h5 {
	text-transform: none;
	margin-bottom: 16px;
}

div.text_icon span {
	display: block;
	margin-top: -33px;
	float: left;
	font-size: 11px;
	font-style: italic;
	color: #bdbdbd;
	margin-left: 47px;
	clear: both;
}

div.text_icon p {
	margin-bottom: 0em;
	margin-top: 19px;
}

/*-------------------------------- END Text + Icon --------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	6. Image Box
/*-----------------------------------------------------------------------------------*/

div.appview-image {
	border: 1px solid #DEDEDE;
	position: relative;
	display: inline-block;
	z-index: 10;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	
}

div.appview-image.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

div.appview-image.right {
	float: right;
	margin-right: 20px;
	margin-bottom: 10px;
}


img.image-box {
	z-index: 5;
	position: relative;
	margin: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	
}

div.appview-image span.image-container {
	display: inline-block;
	padding: 8px 8px 4px 8px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
}

div.appview-image span.frame-left {
	position: absolute;
	display: block;
	background: url('../images/shortcodes/tabs_frame_left.png') no-repeat;
	height: 11px;
	width: 98%;
	bottom: -2px;
	left: -1px;
}

div.appview-image span.frame-right {
	position: absolute;
	display: block;
	background: url('../images/shortcodes/tabs_frame_right.png') no-repeat;
	height: 11px;
	width: 33px;
	z-index: 0;
	right: -1px;
	bottom: -2px;
}

/*--------------------------------- END Image Box ---------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	7. Lists
/*-----------------------------------------------------------------------------------*/

#shortcode-preview ul.list,
#shortcode-preview ol.list,
ul.list,	
ol.list {
	margin-bottom: 2em;
	clear: both;
}	
	
#shortcode-preview ul.list li,
ul.list li {
	background:transparent url('../images/lists/dot.png') no-repeat;
	padding: 0px 0 0px 30px;
	margin-bottom: 8px;
}	

#shortcode-preview ol.list li,
ol.list li {
	padding: 5px 0 5px 20px;
}

#shortcode-preview ol.list,
ol.list {
	background: none;
	list-style-type: decimal;
	margin-left: 4px;
}

#shortcode-preview ol.list li,
ol.list li {
	margin-left: 17px;
	background: none;
	list-style-type: decimal;
	padding:5px 0 3px 8px;
}
	

#shortcode-preview ul.correct li,
ul.correct li{
	background:transparent url('../images/lists/check.png') no-repeat;
	
}

#shortcode-preview ul.star li,	
ul.arrow li{
	background:transparent url('../images/lists/arrow.png') no-repeat;
}	

#shortcode-preview ul.plus li,
ul.plus li {
	background:transparent url('../images/lists/plus.png') no-repeat;
}

#shortcode-preview ul.minus li,	
ul.minus li {
	background:transparent url('../images/lists/minus.png') no-repeat;
}	

/*------------------------------ END Lists ------------------------------------ */

/*-----------------------------------------------------------------------------------*/
/*	8. Hr Lines
/*-----------------------------------------------------------------------------------*/

div.hr-text {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: -20px;
}

div.hr-text span.hr-caption {
	position: relative;
	padding: 11px 39px;
	background: white;
	border: 1px solid #D8D8D8;
	top: -38px;
	margin: 0 auto;
	color: #2A3945;
	font-size: 15px;
	font-weight: lighter;
	text-align: center;
	
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.07);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.07);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.07);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	
}

div.hr-text div {
	position: relative;
	margin: 0 auto;
}


div.hr-top {
	position: relative;
	width: 100%;
	display: block;
}

span.footer-button span.hr-button,
div.hr-top span.hr-button {
	position: absolute;
	width: 35px;
	height: 35px;
	background: transparent url('../images/hr_button.png') no-repeat;
	top: -16px;
	right: -4px;
	cursor: pointer;
	z-index: 1;
}

span.footer-button span.hr-button-over,
div.hr-top span.hr-button-over {
	position: absolute;
	width: 35px;
	height: 35px;
	background: transparent url('../images/hr_button_over.png') no-repeat;
	top: -16px;
	right: -4px;
	cursor: pointer;
	z-index: 2;
}

span.footer-button span.hr-button,
span.footer-button span.hr-button-over {
	right: 0px;
	left: 462px;
}

/*--------------------------- END HR -------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	9. Testimonials
/*-----------------------------------------------------------------------------------*/

div.testimonials {
	position: relative;
	border: 1px solid #DEDEDE;
	background: white;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	
}

div.testimonials ul {
	position: relative;
	margin-top: 30px;
	margin-bottom: -25px;
}

div.testimonials ul li {
	padding: 0px 22px 15px 35px;
	margin-top: -10px;
}

li.testimonial h6 {
	text-transform: none;
	font-size: 13px;
	margin-bottom: 10px;
}

li.testimonial p {
	position: relative;
	font-style: italic;
	font-size: 12px;
}

li.testimonial span.open-quote {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	background: url('../images/shortcodes/open_quote.png') no-repeat;
	left: -21px;
	top: 1px;
}

li.testimonial span.close-quote {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('../images/shortcodes/close_quote.png') no-repeat;
	top: 2px;
	right: -4px;
}

div.testimonials span.frame-left {
	position: absolute;
	height: 10px;
	display: block;
	width: 99%;
	background: url('../images/shortcodes/testimonials_frame_left.png') no-repeat;
	left: -1px;
	bottom: -1px;
}

div.testimonials span.frame-right {
	position: absolute;
	height: 10px;
	display: block;
	background: url('../images/shortcodes/testimonials_frame_right.png') no-repeat;
	bottom: -1px;
	right: -1px;
	width: 34px;
}

/*--------------------------- END Testimonials  -------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	10. Special Heading
/*-----------------------------------------------------------------------------------*/

h1.special-heading {
	font-size: 65px;
	line-height: 60px;
	text-transform: none;
	text-align: center;
	color: #2a3945;
}

h1.special-heading em {
	color: #FFFFFF;
	font-style: italic;
	font-size: 70px;
}

h1.special-heading-content {
	font-size: 36px;
	line-height: 45px;
	text-transform: none;
	text-align: center;
	color: #2a3945;
	font-weight: 200;
	margin-bottom: 65px;
}

h1.special-heading-content a:hover,
h1.special-heading-content a {
	text-decoration: none;
	
}

h1.special-heading-content em {
	color: #ffffff;
	font-style: italic;
	font-size: 38px;
	background: #2a3945;
}

/*--------------------------- END Special Heading -------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	11. Google Map
/*-----------------------------------------------------------------------------------*/

div.appview-map {
	border: 1px solid #DEDEDE;
	position: relative;
	display: inline-block;
	z-index: 10;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	margin-bottom: 50px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
}

div.appview-map iframe {
	z-index: 5;
	position: relative;
	margin: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	
}

div.appview-map span.map-container {
	display: inline-block;
	padding: 8px 8px 4px 8px;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
}

div.appview-map span.frame-left {
	position: absolute;
	display: block;
	background: url('../images/shortcodes/tabs_frame_left.png') no-repeat;
	height: 11px;
	width: 98%;
	bottom: -2px;
	left: -1px;
}

div.appview-map span.frame-right {
	position: absolute;
	display: block;
	background: url('../images/shortcodes/tabs_frame_right.png') no-repeat;
	height: 11px;
	width: 33px;
	z-index: 0;
	right: -1px;
	bottom: -2px;
}

/*--------------------------------- END Google Map ---------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	12. Clients & Awards
/*-----------------------------------------------------------------------------------*/

#ac-container {
	position: relative;
	background: #d1d0d0;
	width: 100%;
	margin-top: -20px;
}

#ac-container ul {
	margin-bottom: 20px;
}

#ac-container ul li {
	opacity: 0.7;
}

#ac-container #ac-noise {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../images/bg_noise.png');
	z-index: 0;
	top: 0px;
}

#ac-container #ac-rays {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../images/bg_rays.png') no-repeat;
	display: block;
	z-index: 1;
	opacity: 0.8;
	top: 0px;
}

section.appview-ac {
	width: 960px;
	margin: 0 auto;
	z-index: 5;
	position: relative;
	height: 100%;
	overflow: hidden;
}

section.appview-ac div.awards {
/* 	width: 315px; */
	display: inline-block;
	position: relative;
	float: left;
	margin-top: 34px;
}

div.awards ul {
	/*margin-top: -15px;*/
}

div.awards ul li {
	margin-top: 15px;
}

div.clients {
	padding-left: 35px;
}

div.clients ul {
	overflow: hidden;
	position: relative;
	margin-left: -15px;
	margin-top: 0px;
}

div.clients ul li {
	position: relative;
	float: left;
	margin-right: 25px;
}

div.clients ul li.last-in-row-yes {
	margin-right: 0px!important;
}

section.appview-ac div.clients {
	width: 615px;
	display: inline-block;
	position: relative;
	float: left;
	margin-top: 34px;
}

div.ac-devider {
	position: relative;
	background: transparent url('../images/shortcodes/column_devider.png') no-repeat;
	width: 19px;
	height: 320px;
	left: 20px;
	top: -6px;
	display: inline-block;
	float: left;
}

/*--------------------------- END Clients & Awards  -------------------------------- */

/*-----------------------------------------------------------------------------------*/
/*	13. Pricing Table
/*-----------------------------------------------------------------------------------*/

.mpc-pricing-table {
	clear: both;
	position: relative;
	border-bottom: none;
	background: transparent;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);	
	margin-bottom: 60px;
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	
}

.mpc-pricing-table .appview-button {
	display: block;
}

.mpc-pricing-table div.border {
	border: 1px solid #DEDEDE;
	position: relative;
	z-index: 1;
	
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	
}

.mpc-pricing-table table {
	width: 100%;
	height: 100%;
	
}

.mpc-pricing-table table.spacing {
	border-collapse: separate;
}

.mpc-pricing-table table tr {
	padding: 10px;
	text-align: center;
	font-size: 13px;
	color: #666666;
	height: 45px;
	position: relative;
	
}

.mpc-pricing-table table tr:first-child {
	border-top: none;
}

.mpc-pricing-table table tr:last-child {
	border-top: none;
}

.mpc-pricing-table table tr.price {
	height: 200px;
}

.mpc-pricing-table table tr.buttons {
	height: 80px;
}

.mpc-pricing-table table tr td {
	vertical-align: middle;
	border-left: 1px solid  #DEDEDE;
	border-right: 1px solid  #DEDEDE;
	border-top: 1px solid  #E7E7E7;
	border-bottom: 1px solid  #E7E7E7;
	position: relative;
	overflow: hidden;
	position: relative;
}

.mpc-pricing-table table tr:last-child td {
	border-bottom: none;
}

.mpc-pricing-table table tr.price td {
	font-size: 52px;
	font-weight: bold;
}

.mpc-pricing-table table tr.price td span {
	font-size: 14px;
	font-style: italic;
	display: block;
	font-weight: normal;
	margin-top: 16px;
}

.mpc-pricing-table table tr th {
	vertical-align: middle;
	border-left: 1px solid  #DEDEDE;
	border-right: 1px solid  #DEDEDE;
	font-size: 18px;
	font-weight: bold;
	background: #F6F6F6;
	height: 55px;
	position: relative;
}

.mpc-pricing-table table tr th:first-child { border-top-left-radius: 9px; }
.mpc-pricing-table table tr th:last-child { border-top-right-radius: 9px; }

.mpc-pricing-table table tr th:first-child,
.mpc-pricing-table table tr td:first-child {
	border-left: none;
}

.mpc-pricing-table table tr th:last-child,
.mpc-pricing-table table tr td:last-child {
	border-right: none;
}

.mpc-pricing-table table tr.buttons .appview-button {
	top: 13px;
}

.mpc-pricing-table table tr.price td{
	border-bottom: 1px solid #dedede;
}

.mpc-pricing-table table tr.price-border {
	height: 3px;
	border: none;
}

.mpc-pricing-table table tr.price-border td {
	border: none;
	background: #f1f1f1;
	height: 3px;
}

/* featured */
.mpc-pricing-table th.featured {
	display: block;
	top: 0px;
	z-index: 100;
/* 	width: 99% !important;	 */
}

.mpc-pricing-table td.featured {
	background: #F8F8F8;
}

.mpc-pricing-table tr.price td.featured {
	border-bottom: none;
}

.mpc-pricing-table td.featured span.border-light {
	height: 1px;
	background: #FFFFFF;
	width: 100%;
	display: block;
	position: absolute;
	top: 0px;
	margin-top: 0px;
}

.mpc-pricing-table table tr td span.shadow-top {
	width: 100%;
	position: absolute;
	height: 0px;
	display: block;
	top: -4px;
	margin-top: 0px;
	-webkit-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 11px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 11px 2px rgba(0, 0, 0, 0.2);
}

.mpc-pricing-table table tr td span.shadow-left {
	width: 0px;
	position: absolute;
	height: 100%;
	display: block;
	right: -4px;
	top: 0px;
	margin: 0px;
	-webkit-box-shadow: -2px 0px 11px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 0px 11px 2px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 0px 11px 2px rgba(0, 0, 0, 0.2);
}

.mpc-pricing-table table tr td span.shadow-right {
	width: 0px;
	position: absolute;
	height: 100%;
	display: block;
	left: -4px;
	top: 0px;
	margin: 0px;
	-webkit-box-shadow: 2px 0px 11px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 0px 11px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 0px 11px 2px rgba(0, 0, 0, 0.2);
}

.mpc-pricing-table tr.price-border td.featured span.border-light {
	background: transparent;
}

.mpc-pricing-table table tr.price-border td.featured {
	background: #F8F8F8;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
}

.mpc-pricing-table table td.featured {
	
	border-bottom: 1px solid #e7e7e7;
}

/* featured heading */

.mpc-pricing-table table tr th.featured span.table-header span.main {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 0;

	background-image: -webkit-gradient(linear, center top, center bottom, from(#CCE18D), to(#A0CA63));
	background-image: -webkit-linear-gradient(top, #CCE18D, #A0CA63);
	background-image: -moz-linear-gradient(top, #CCE18D, #A0CA63);
	background-image: -o-linear-gradient(top, #CCE18D, #A0CA63);
	background-image: -ms-linear-gradient(top, #CCE18D, #A0CA63);
	background-image: linear-gradient(to bottom, #CCE18D, #A0CA63);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCE18D', EndColorStr='#A0CA63'); /* IE6,IE7 */
}

.mpc-pricing-table table tr th.featured span.table-header {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	height: 100%;
	width: 100%;

	background-image: -webkit-gradient(linear, center top, center bottom, from(#E1EDBA), to(#B2D47F));
	background-image: -webkit-linear-gradient(top, #E1EDBA, #B2D47F);
	background-image: -moz-linear-gradient(top, #E1EDBA, #B2D47F);
	background-image: -o-linear-gradient(top, #E1EDBA, #B2D47F);
	background-image: -ms-linear-gradient(top, #E1EDBA, #B2D47F);
	background-image: linear-gradient(to bottom, #E1EDBA, #B2D47F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#E1EDBA', EndColorStr='#B2D47F'); /* IE6,IE7 */
}

.mpc-pricing-table table tr th.featured span.table-header span.name {
	top: 16px;
	position: relative;
	color: #5E7738;
	text-shadow: 1px 1px 1px #cef47d;
}

/* red featured */
.mpc-pricing-table table tr th.featured.red span.table-header span.main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#F47C7F), to(#E7555A));
	background-image: -webkit-linear-gradient(top, #F47C7F, #E7555A);
	background-image: -moz-linear-gradient(top, #F47C7F, #E7555A);
	background-image: -o-linear-gradient(top, #F47C7F, #E7555A);
	background-image: -ms-linear-gradient(top, #F47C7F, #E7555A);
	background-image: linear-gradient(to bottom, #F47C7F, #E7555A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F47C7F', EndColorStr='#E7555A');
}

.mpc-pricing-table table tr th.featured.red span.table-header {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#F8A1A3), to(#E7555A));
	background-image: -webkit-linear-gradient(top, #F8A1A3, #E7555A);
	background-image: -moz-linear-gradient(top, #F8A1A3, #E7555A);
	background-image: -o-linear-gradient(top, #F8A1A3, #E7555A);
	background-image: -ms-linear-gradient(top, #F8A1A3, #E7555A);
	background-image: linear-gradient(to bottom, #F8A1A3, #E7555A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F8A1A3', EndColorStr='#E7555A');
}

.mpc-pricing-table table tr th.featured.red span.table-header span.name {
	color: #732727;
	text-shadow: 1px 1px 1px #e28383;
}

/* blue featured */
.mpc-pricing-table table tr th.featured.blue span.table-header span.main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#00BDD3), to(#1a79b6));
	background-image: -webkit-linear-gradient(top, #00BDD3, #1a79b6);
	background-image: -moz-linear-gradient(top, #00BDD3, #1a79b6);
	background-image: -o-linear-gradient(top, #00BDD3, #1a79b6);
	background-image: -ms-linear-gradient(top, #00BDD3, #1a79b6);
	background-image: linear-gradient(to bottom, #00BDD3, #1a79b6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#00BDD3', EndColorStr='#1a79b6');
}

.mpc-pricing-table table tr th.featured.blue span.table-header {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#44D0E0), to(#008CB3));
	background-image: -webkit-linear-gradient(top, #44D0E0, #008CB3);
	background-image: -moz-linear-gradient(top, #44D0E0, #008CB3);
	background-image: -o-linear-gradient(top, #44D0E0, #008CB3);
	background-image: -ms-linear-gradient(top, #44D0E0, #008CB3);
	background-image: linear-gradient(to bottom, #44D0E0, #008CB3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#44D0E0', EndColorStr='#008CB3');
}

.mpc-pricing-table table tr th.featured.blue span.table-header span.name {
	color: #094b61;
	text-shadow: 1px 1px 1px #33add3;
}

/* grey featured */
.mpc-pricing-table table tr th.featured.grey span.table-header span.main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#EEEEEE), to(#E1E1E1));
	background-image: -webkit-linear-gradient(top, #EEEEEE, #E1E1E1);
	background-image: -moz-linear-gradient(top, #EEEEEE, #E1E1E1);
	background-image: -o-linear-gradient(top, #EEEEEE, #E1E1E1);
	background-image: -ms-linear-gradient(top, #EEEEEE, #E1E1E1);
	background-image: linear-gradient(to bottom, #EEEEEE, #E1E1E1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#E1E1E1');
}

.mpc-pricing-table table tr th.featured.grey span.table-header {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#F5F5F5), to(#E3E3E3));
	background-image: -webkit-linear-gradient(top, #F5F5F5, #E3E3E3);
	background-image: -moz-linear-gradient(top, #F5F5F5, #E3E3E3);
	background-image: -o-linear-gradient(top, #F5F5F5, #E3E3E3);
	background-image: -ms-linear-gradient(top, #F5F5F5, #E3E3E3);
	background-image: linear-gradient(to bottom, #F5F5F5, #E3E3E3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F5F5F5', EndColorStr='#E3E3E3');
}

.mpc-pricing-table table tr th.featured.grey span.table-header span.name {
	color: #8c8a8a;
	text-shadow: 1px 1px 1px #f4f4f4;
}

/* black featured */
.mpc-pricing-table table tr th.featured.black span.table-header span.main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#656565), to(#434343));
	background-image: -webkit-linear-gradient(top, #656565, #434343);
	background-image: -moz-linear-gradient(top, #656565, #434343);
	background-image: -o-linear-gradient(top, #656565, #434343);
	background-image: -ms-linear-gradient(top, #656565, #434343);
	background-image: linear-gradient(to bottom, #656565, #434343);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#656565', EndColorStr='#434343');
}

.mpc-pricing-table table tr th.featured.black span.table-header {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#868686), to(#545454));
	background-image: -webkit-linear-gradient(top, #868686, #545454);
	background-image: -moz-linear-gradient(top, #868686, #545454);
	background-image: -o-linear-gradient(top, #868686, #545454);
	background-image: -ms-linear-gradient(top, #868686, #545454);
	background-image: linear-gradient(to bottom, #868686, #545454);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#868686', EndColorStr='#545454');
}

.mpc-pricing-table table tr th.featured.black span.table-header span.name {
	color: #272727;
	text-shadow: 1px 1px 1px #696969;
}

/* yellow featured */
.mpc-pricing-table table tr th.featured.yellow span.table-header span.main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFCD4B), to(#FFA73A));
	background-image: -webkit-linear-gradient(top, #FFCD4B, #FFA73A);
	background-image: -moz-linear-gradient(top, #FFCD4B, #FFA73A);
	background-image: -o-linear-gradient(top, #FFCD4B, #FFA73A);
	background-image: -ms-linear-gradient(top, #FFCD4B, #FFA73A);
	background-image: linear-gradient(to bottom, #FFCD4B, #FFA73A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFCD4B', EndColorStr='#FFCD4B');
}

.mpc-pricing-table table tr th.featured.yellow span.table-header {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FBDE8B), to(#FFB75A));
	background-image: -webkit-linear-gradient(top, #FBDE8B, #FFB75A);
	background-image: -moz-linear-gradient(top, #FBDE8B, #FFB75A);
	background-image: -o-linear-gradient(top, #FBDE8B, #FFB75A);
	background-image: -ms-linear-gradient(top, #FBDE8B, #FFB75A);
	background-image: linear-gradient(to bottom, #FBDE8B, #FFB75A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FBDE8B', EndColorStr='#FFB75A');
}

.mpc-pricing-table table tr th.featured.yellow span.table-header span.name {
	color: #996633;
	text-shadow: 1px 1px 1px #fcda53;
}

/* pink featured */
.mpc-pricing-table table tr th.featured.pink span.table-header span.main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#E7B2DD), to(#C46EB6));
	background-image: -webkit-linear-gradient(top, #E7B2DD, #C46EB6);
	background-image: -moz-linear-gradient(top, #E7B2DD, #C46EB6);
	background-image: -o-linear-gradient(top, #E7B2DD, #C46EB6);
	background-image: -ms-linear-gradient(top, #E7B2DD, #C46EB6);
	background-image: linear-gradient(to bottom, #E7B2DD, #E7B2DD);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#E7B2DD', EndColorStr='#E7B2DD');
}

.mpc-pricing-table table tr th.featured.pink span.table-header {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#F0D1EB), to(#DB8FCE));
	background-image: -webkit-linear-gradient(top, #F0D1EB, #DB8FCE);
	background-image: -moz-linear-gradient(top, #F0D1EB, #DB8FCE);
	background-image: -o-linear-gradient(top, #F0D1EB, #DB8FCE);
	background-image: -ms-linear-gradient(top, #F0D1EB, #DB8FCE);
	background-image: linear-gradient(to bottom, #F0D1EB, #DB8FCE);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0D1EB', EndColorStr='#DB8FCE');
}

.mpc-pricing-table table tr th.featured.pink span.table-header span.name {
	color: #7b5777;
	text-shadow: 1px 1px 1px #fab1f2;
}

/* brown featured */
.mpc-pricing-table table tr th.featured.brown span.table-header span.main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#B9A290), to(#806C5F));
	background-image: -webkit-linear-gradient(top, #B9A290, #806C5F);
	background-image: -moz-linear-gradient(top, #B9A290, #806C5F);
	background-image: -o-linear-gradient(top, #B9A290, #806C5F);
	background-image: -ms-linear-gradient(top, #B9A290, #806C5F);
	background-image: linear-gradient(to bottom, #B9A290, #806C5F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#B9A290', EndColorStr='#806C5F');
}

.mpc-pricing-table table tr th.featured.brown span.table-header {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#CBBAAD), to(#8B786E));
	background-image: -webkit-linear-gradient(top, #CBBAAD, #8B786E);
	background-image: -moz-linear-gradient(top, #CBBAAD, #8B786E);
	background-image: -o-linear-gradient(top, #CBBAAD, #8B786E);
	background-image: -ms-linear-gradient(top, #CBBAAD, #8B786E);
	background-image: linear-gradient(to bottom, #CBBAAD, #8B786E);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CBBAAD', EndColorStr='#8B786E');
}

.mpc-pricing-table table tr th.featured.brown span.table-header span.name {
	color: #4f433b;
	text-shadow: 1px 1px 1px #b2a08f;
}

/* fire fox fix */

.mpc-pricing-table table.spacing td {
	border: none;
	border-top: 1px solid #E7E7E7;
	border-right: 1px solid #DEDEDE;
}

.mpc-pricing-table table.spacing tr.price-border td.featured {
	border-left: 1px solid #F1F1F1!important;
	border-right: 1px solid #F1F1F1!important;
}



/* Bottom Frame */

.mpc-pricing-table div.frame-left {
	display: block;
	background: url('../images/shortcodes/tabs_frame_left.png') no-repeat;
	height: 11px;
	position: relative;
	z-index: 0;
	margin-top: -7px;
	margin-right: 20px;
}

.mpc-pricing-table div.frame-right {
	display: block;
	background: url('../images/shortcodes/tabs_frame_right.png') no-repeat;
	height: 11px;
	float: right;
	width: 33px;
	margin-top: -11px;
}


/*--------------------------- END Pricing Table -------------------------------- */














