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

Title:			main.css
Browser(s): 	All 

Author: 		Mohamed Sadek (http://www.fcware.com)
Created: 		01.04.2011

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


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/



* 
{
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body
{
	margin:0;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#4b4d4a; /*change font color*/
	background: #fff; /*background color*/
        position:relative;
	height:100%;
}

div, p, ul, img
{
	padding:0px; 
    margin:0px; 
    border:none;
}
ul
{
	list-style-type:none;
}
.spacer
{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a 
{ 
    outline:none; /* Remove Firefox's dotted borders */ 
    text-decoration:none; 
    color:#d05606;
    padding:0; 
    margin:0;
}

a.productitem
{ 
    font-size: 2.2em; 
    line-height:1.2em; 
    text-decoration:underline; 
    font-weight:bold; 
    border:none; 
    padding:0; 
    color:#333;
}

a img 
{ 
    border:none;/* Remove IE's blue borders */
} 

/*txt a:hover()*/

h1 
{
    font-size: 2.4em;
}
h2 
{
    font-size: 2.2em; 
    line-height:1.2em; 
    font-weight:normal; 
    border:none; 
    margin:0 0 35px 0; 
    padding:0; 
    color:#333;
}
h3 
{
    font-size: 3.2em; 
    line-height:1.2em; 
    font-weight:normal; 
    border:none; 
    margin:0; 
    padding:0 0 22px 0; 
    color:#227ab0;
}
h4 
{
    font-size: 1.6em;
}
h5 
{
    font-size: 1.8em;
}
h6 
{
    font-size: 1.2em;
}


.hr
{ 
    border-bottom:1px solid #CCCCCC; 
    border-left:none; 
    border-right:none; 
    border-top:none; 
    margin:10px 0 20px 0; 
}
.left
{ 
    float:left;
}
.left_margin_right
{ 
    float:left; 
    margin:0 10px 0 0; 
    font-size:1.2em;
}
.left_margin_right_top
{ 
    float:left; 
    margin:4px 10px 0 0;
}
.right
{ 
    float:right;
}
.right_margin_top
{ 
    float:right; 
    margin:40px 0 0 0;
}
.right_margin_right
{ 
    float:right; 
    margin:0 20px 0 0;
}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  
{
    font-size: 1.2em; 
    padding:0; 
    line-height:1.4em;
}
.gray 
{
    color: #666; 
    font-size:1em; 
    font-style:normal;
}
.fat
{
    font-weight:bold;
}
.small  
{
    font-size: 1.1em; 
    padding:0; 
    line-height:1.4em;
}
.big 
{
    font-size: 1.8em; 
    padding:0; 
    line-height:1.2em; 
    color:#f1f1f1; 
    margin:0 0 22px 0;
}
.white 
{
    font-size: 1.2em; 
    padding:0 10px 0 0; 
    line-height:1.4em; 
    color:#fff;
}
.title
{ 
    font-size:1.1em; 
    font-style:italic; 
    color:#227ab0;
}
.stroke 
{ 
    border:1px solid #fff;
}

/*------------------------------CONTENT--------------------------------*/

#top_content
{ 
    background:#dddddd url(i/bg_top.jpg) top center repeat-x; 
    height:65px;
}

#nav_content
{ 
    background:#e4e4e3; 
    height:52px;
}

#header
{ 
    background:#268abe url(i/bg_header.jpg) top center repeat-x; 
    height:418px;
}
#header p
{ 
    color:#fff;
}

#main_content
{
    background:#fff url(i/bg_cont.jpg) top center repeat-x; 
    padding:0 0 50px 0; 
    overflow: hidden;
}
#main_content_index
{
    width: 100%; 
    margin: 0 auto; 
    background: url(i/bg_tabs.png) center 12% no-repeat;
}
#main_content p
{ 
    color:#4b4d4a; 
}

#footer
{ 
    background:#4b4d4a url(i/bg_footer.jpg) top center repeat-x; 
    height:368px;
}

#footer_nav
{ 
    background:#dcdcda url(i/bg_footer_nav.jpg) top center repeat-x; 
    height:32px; 
    padding:15px 0 0 0;
    width: 100%;
}
#footer_nav .center a.footer_logo
{ 
    float: left; 
    display:block; 
    width:52px; 
    height:16px; 
    background: transparent url(../_images/logo_footer.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}
#footer_nav .center p 
{ 
    float:left; 
    font-size:1.1em; 
    color:#848484; 
    padding:0 0 0 20px; 
}
#footer_nav .center ul 
{ 
    float:right;
}
#footer_nav .center ul li
{ 
    float:left; 
    margin:0 20px 0 0; 
}
#footer_nav .center ul li a 
{ 
    font-size:1.1em; 
/*    text-transform:uppercase; */
    color:#848484;
}
#footer_nav .center ul li a:hover 
{ 
    color:#505457;
}
#footer_nav .center ul li a:active 
{ 
    color:#505457;
}



.center
{ 
    width:960px; 
    height:100%; 
    margin:0 auto; 
    padding:0;
}
.center1
{
    width:960px; 
    height:100%; 
    margin:0 auto; 
    padding:0;
}

#top_light1
{ 
    background:transparent url(i/bg_top_overlay.png) top center no-repeat; 
}
#top_light2
{ 
    background:transparent url(i/bg_nav_overlay.png) top center no-repeat; 
}
#top_light3
{ 
    background:transparent url(i/bg_header_overlay.jpg) top center no-repeat; 
}
#top_light4
{ 
    background:transparent url(i/bg_cont_overlay.png) top center no-repeat; 
}
#top_light5
{ 
    background:transparent url(i/bg_footer_overlay.png) top center no-repeat; 
}

h1 a 
{ 
    float:left; 
    margin:12px 0 7px 0; 
    display:block; 
    width:425px; 
    height:46px; 
    background: transparent url(../_images/logo.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}

.left_column 
{ 
    width:440px; 
    float:left; 
    padding:55px 0 40px 0;
}
.right_column 
{ 
    width:470px; 
    float:left; 
    padding:50px 0 0 0;
}
.right_column .description
{ 
    float:left; 
    width:100%;
}
.tagline
{ 
    width:436px; 
    height:97px; 
    background:transparent url(../_images/tagline.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}

.getquote 
{
    float:left; 
    margin:42px 0 0 -4px; 
    display:block; 
    width:168px; 
    height:45px; 
    background: transparent url(i/button_quote.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}
.downloadapp 
{
    float:right; 
    margin:5px 0 0 10px; 
    display:block; 
    width:180px; 
    height:60px; 
    background: transparent url(i/appstorebadge.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}
.qrimage 
{
    float:left; 
    margin:5px 0 0 10px; 
    display:block; 
    width:180px; 
    height:60px; 
    background: transparent url(i/appstorebadge.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}
.portfolio 
{
    float:left; 
    margin:42px 0 0 10px; 
    display:block; 
    width:168px; 
    height:45px; 
    background: transparent url(i/button_portfolio.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}

.featured 
{ 
    width:407px; 
    height:237px; 
    padding:17px 0 0 13px; 
    background:transparent url(i/bg_image.png) no-repeat;
}

ul.listing
{ 
    padding:12px 80px 28px 10px; 
    margin:0;
}
ul.listing li
{ 
    list-style-image: none; 
    background-image:url(i/ico_li.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding:0 0 2px 25px; 
    margin:0 0 5px 0; 
    font-size:1.2em;
}

ul.listing2
{ 
    padding:12px 80px 28px 10px; 
    margin:0;
}
ul.listing2 li
{ 
    list-style-image: none; 
    background-image:url(i/ico_li.png); 
    background-repeat: no-repeat; 
    background-position: left top; 
    padding:0 0 2px 25px; 
    margin:0 0 5px 0; 
    font-size:1.2em;
}

ul.shortlisting
{ 
    padding:12px 10px 28px 10px; 
    margin:0;
}
ul.shortlisting li
{ 
    list-style-image: none; 
    background-image:url(i/ico_li.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding:0 0 0px 25px; 
    margin:0 0 3px 0; 
    font-size:1.2em;
}

.signup 
{ 
    float:right; 
    width:87px; 
    height:30px; 
    display:block; 
    margin:10px 0 0 0; 
    background:transparent url(i/button_signup.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}
.login 
{
    float:right; 
    margin:15px 10px 0 0;
}

.button 
{
    margin:15px 10px 0 0;
}

#testimonials
{
    margin:0 auto; 
    width:958px; 
    background:#f2f2f2; 
    border:1px solid #e0e0df;
}
#testimonials_inner 
{
    margin:10px; 
    padding:20px; 
    width:898px; 
    background:#f8f7f7; 
    border:1px solid #ececec;
}
#testimonials_inner p.intro
{ 
    color:#d05606; 
    font-weight:bold; 
    font-size:1.4em;
}
#testimonials_inner h4
{ 
    padding:20px 0; 
    font-family:"Times New Roman", Times, serif; 
    font-size:2.6em; 
    color:#666; 
    font-weight:normal; 
    font-style:italic; 
    line-height:1.4em;
}
#testimonials_inner a.all 
{ 
    display:block; 
    width:192px; 
    background:#f2f2f2; 
    border:1px solid #e0e0e0; 
    color:#6c6c6c; 
    font-size:1.2em; 
    padding:5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#testimonials_inner a.all:hover 
{ 
    display:block; 
    width:192px; 
    background:#fff; 
    border:1px solid #e0e0e0; 
    color:#6c6c6c; 
    font-size:1.2em; 
    padding:5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#testimonials_inner p.sig
{ 
    float:right; 
    padding:0 20px 0 0;
}
#testimonials_inner p.sig span
{ 
    font-size:1.1em; 
    font-style:italic; 
    color:#666;
}
#testimonials_inner a.logo 
{
    float:right; 
    width:162px; 
    height:16px; 
    display:block; 
    background: transparent url(../_images/logo_testimonials.png) no-repeat; 
    text-indent:-9999px; 
    overflow:hidden;
}


.column 
{ 
    width:225px; 
    padding:0 15px 0 0; 
    margin:30px 0; 
    float:left; 
    color:#f0f0f0;
}
.column h5
{ 
    font-size:1.4em; 
    font-weight:bold; 
    letter-spacing:-1px; 
    text-transform:uppercase;
}
.column h6 
{ 
    margin:0 0 10px 0;
}
.column h6 a 
{ 
    margin:0 0 10px 0; 
    color:#fafafa;
}
.column h6 a:hover 
{ 
    margin:0 0 10px 0; 
    color:#d05606;
}
.column .date
{ 
    float:left; 
    width:34px; 
    height:17px; 
    padding:0 0 0 5px; 
    margin:0 10px 0 0; 
    background:transparent url(i/ico_date.png) no-repeat; 
    font-size:1.1em; 
    font-weight:bold;
}
.column p 
{
    font-size:1.1em;
}
.column p.lead 
{
    font-size:1.1em; 
    margin:0 0 20px 0;
}

.column_odd 
{ 
    width:235px; 
    padding:0; 
    margin:30px 0; 
    float:left; 
    color:#f0f0f0;
}
.column_odd p 
{
    font-size:1.1em;
}
.column_odd h5
{ 
    font-size:1.4em; 
    font-weight:bold; 
    letter-spacing:-1px; 
    text-transform:uppercase;
}
.column_odd #tweeter 
{ 
    width:181px; 
    height:185px; 
    padding:18px 20px 18px 20px; 
    background: transparent url(i/bg_twitter.png) no-repeat; 
    position:relative; 
    font-size:1.4em; 
    color:#333; 
    font-family:"Times New Roman", Times, serif; 
    font-style:italic;
}
.column_odd #tweeter a.from 
{ 
    font-weight:bold;
}
.column_odd #tweeter a.follow 
{ 
    position:absolute; 
    bottom:60px; 
    left:0; 
    color:#fff; 
    font-family:Arial, Helvetica, sans-serif; 
    text-decoration:underline; 
    font-size:0.8em; 
    font-style:italic;
}
.column_odd #tweeter a.follow:hover 
{ 
    position:absolute; 
    bottom:60px; 
    left:0; 
    color:#d05606; 
    font-family:Arial, Helvetica, sans-serif; 
    text-decoration:underline; 
    font-size:0.8em; 
    font-style:italic;
}
.column_odd #tweeter p.posted 
{ 
    font-size:0.8em; 
    margin:5px 0 0 0; 
    color: #999;
}

.column .ad
{ 
    float:left; 
    display:block; 
    width:88px; 
    height:88px; 
    border:1px solid #fff; 
    padding:5px; 
    margin:0; 
    background:#eaeaea;
}
.column .ad_odd 
{ 
    float:left; 
    display:block; 
    width:88px; 
    height:88px; 
    border:1px solid #fff; 
    padding:5px; 
    margin:0 15px 15px 0; 
    background:#eaeaea;
}

.column .recent_comment 
{ 
    background:transparent url(i/ico_comment.png) top left no-repeat; 
    padding:0 0 0 40px; 
    margin:0 0 20px 0; 
    font-size:1.2em;
}
.column a.comment 
{ 
    display:block; 
    font-size:0.9em; 
    margin:5px 0 0 0; 
    color:#f0f0f0;
}
.column a.comment:hover 
{
    display:block; 
    font-size:0.9em; 
    margin:5px 0 0 0; 
    color:#d05606;
}



#searchform 
{
    float: right; 
    margin:30px 0 15px 0; 
    background: transparent url(i/bg_search.png) no-repeat;
}
fieldset.search 
{
	border: none;
	width: 146px;
	
}
.search input, .search button 
{
	border: none;
	float: left;
}
.search input.box 
{
	color: #a4a3a3;
	font-size: 1.2em;
	width: 109px;
	height: 17px;
	padding: 5px;
	vertical-align:middle;
	margin: 0;
	background:none;
	outline: none;
}
.search input.box:focus 
{
	background: none;
	outline: none;
}
.search button.btn 
{
	width: 27px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(i/bg_search.png) no-repeat top right;
}
.search button.btn:hover 
{
	background: url(i/bg_search.png) no-repeat bottom right;
}

/*NAVIGATION*/

.nav ul 
{
    margin:10px 0 0 0; 
    padding: 0; 
    list-style: none; 
    float:left; 
}
.nav ul li
{
    float: left; 
    display: block; 
    margin: 0 10px 0 0; 
    padding: 0;
}
.nav ul li a.button 
{
    /* Sliding right image */
    display: block;
    float: left;
    height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #848484;
    font-size:1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
/*    text-transform:uppercase; */
}
.nav ul li a.button span 
{
    /* Background left image */ 

    display: block;
    line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding:0 0 0 15px;
} 

.nav ul li a.button:hover 
{
    /* Sliding right image */
    background: transparent url(i/button_nav_right.png) no-repeat scroll top right; 
    display: block;
    float: left;
    height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */

    /* FONT PROPERTIES */
    text-decoration: none;
    color: #7b3500;
    font-size:1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
/*    text-transform:uppercase; */
}
.nav ul li a.button:hover span 
{
    /* Background left image */ 
    background: transparent url(i/button_nav_left.png) no-repeat; 
    display: block;
    line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding:0 0 0 15px;
}

.nav ul li.selected a 
{
    /* Sliding right image */
    background: transparent url(i/button_nav_right.png) no-repeat scroll top right; 
    display: block;
    float: left;
    height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */

    /* FONT PROPERTIES */
    text-decoration: none;
    color: #7b3500;
    font-size:1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
/*    text-transform:uppercase; */
}
.nav ul li.selected a span 
{
    /* Background left image */ 
    background: transparent url(i/button_nav_left.png) no-repeat; 
    display: block;
    line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding:0 0 0 15px;
} 


/* WIDGET STRUCTURE */

#blogSliderWrap 					
{ 
    width: 960px; 
    margin: 0 auto; 
    padding: 50px 0 30px 0;
    position: relative; 
}
#blogSlider 						
{ 
    margin: 0 auto; 
    width: 960px; 
}
.stripViewer 						
{ 
    position: relative; 
    overflow: hidden; 
    clear: both; 
}
.stripViewer .panelContainer 		
{ 
    position: relative; 
    left: 0px; 
    top: 0px; 
}
.stripViewer .panelContainer .panel 
{ 
    float: left; 
    position: relative; 
    width: 960px; 
}
.stripNav 							
{ 
    position: relative; 
    top: 0;
    left: 20px; 
    z-index: 99; 
}
.wrapper 							
{ 
    padding: 10px; 
}
.innerWrap 							
{ 
    width: 960px; 
    overflow: hidden; 
}


/* MAIN TABBED NAVIGATION */

.stripNav ul li 					
{ 
    float: left; 
}

.stripNav li a 						
{ 
    /* Generic "CSS image replacement" */
	display: block; 
    height: 69px; 
    text-indent: -9999px; 
}

/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a 
{ 
    background: url(i/tab_1.png) top center no-repeat; 
    width: 231px; 
}
.stripNav li.tab2 a 
{ 
    background: url(i/tab_2.png) top center no-repeat; 
    width: 240px; 
}
.stripNav li.tab3 a 
{ 
    background: url(i/tab_3.png) top center no-repeat; 
    width: 240px; 
}
.stripNav li.tab4 a 
{ 
    background: url(i/tab_4.png) top center no-repeat; 
    width: 230px; 
}

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				
{ 
    /* Restore focus styling that we removed when we removed outlines */
	background-position: top center; 
}

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current 
{
    background: url(i/tab_1.png) bottom center no-repeat; 
}
.stripNav li.tab2 a.current 
{
    background: url(i/tab_2.png) bottom center no-repeat; 
}
.stripNav li.tab3 a.current 
{
    background: url(i/tab_3.png) bottom center no-repeat; 
}
.stripNav li.tab4 a.current 
{
    background: url(i/tab_4.png) bottom center no-repeat; 
}

/*OTHER PAGES*/
.padding
{
    padding:50px 0 0 0px;
}
.center_box
{
    width:939px; 
    margin:0 auto; 
    padding: 10px 10px 35px 10px; 
    overflow:hidden; 
    background-color: #fff; 
    background: url(i/center_bg.jpg) top center no-repeat;
}

/**/
.center_left
{
    float: left; 
    width: 180px;
}
.center_left_top
{ 
    width: 158px; 
    padding: 10px; 
    border: 1px solid #eaeaea; 
    background-color: #f0f0f0; 
    text-align: center; 
    overflow: hidden;
}
.center_left_top h3
{
    width: 158px; 
    height: 21px; 
    background: url(i/about_us.png) top center no-repeat; 
    text-indent: -9999px;
}
.center_left_top h4
{
    width: 158px; 
    height: 21px; 
    background: url(i/about_us.png) top center no-repeat; 
    text-indent: -9999px;
}
.center_left_top span
{
    width: 158px; 
    font-size: 2.4em; 
    line-height: 20px; 
    color: #db8146; 
    padding: 0 0 10px 0;
}

.center_left_top ul
{
    text-align: left; 
    padding: 25px 0 0 0px; 
    position:absolute;
    top:0;
    left:0;
    width:297px;
}
.center_left_top ul li
{
    text-align: left; 
    padding: 15px 0 0px 10px; 
    height: 30px; 
    width:297px;
}
.center_left_top ul li.arrow
{
    margin: 0 0 0 0px; 
    padding: 15px 0 0px 10px; 
    height: 30px; 
    background: transparent url(i/arrow_right.png) no-repeat scroll 0 0; 
    width:297px;
}
.center_left_top ul li.arrow a
{
    color: #fff;
}
.center_left_top ul li a
{
    font-size: 1.4em; 
    line-height: 15px; 
    color: #515450;
}

.center_left ul.listing
{
    float:left; 
    padding: 30px 0px 0px 20px; 
    margin:0;
}
.center_left ul.listing li
{
    list-style-image: none; 
    background-image:url(i/ico_li.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding:0 0 5px 30px; 
    margin:0 0 5px 0; 
    font-size:1.2em;
}

.center_right
{
    float: left; 
    width: 620px; 
    padding: 20px 50px 0 70px;
}
.center_right_top
{ 
    width: 158px; 
    padding: 10px; 
    border: 1px solid #eaeaea; 
    background-color: #f0f0f0; 
    text-align: center; 
    overflow: hidden;
}
.center_right h2
{
    font-size: 2.8em; 
    line-height: 30px; 
    color: #4b4d4a; 
    font-weight: bold; 
    padding: 0 0 5px 0; 
    margin: 0px;
}
.center_right .subtitle
{
    font-size: 2.2em; 
    line-height: 20px; 
    color: #7d807c; 
    font-weight: normal; 
    padding: 0 0 10px 0;
}
.center_right .title
{
    font-size: 1.8em; 
    line-height: 20px; 
    color: #d56b26; 
    font-weight: normal; 
    padding: 25px 0 20px 0; 
    font-style: normal;
}
.center_right p
{
    font-size: 1.2em; 
    line-height: 18px; 
    color: #7d807c; 
    font-weight: normal; 
    padding: 0 0 10px 0;
}


.center_left_top h3.products
{
    width: 158px; 
    line-height: 14px; 
    margin: 30px 0 10px 0; 
    padding: 3px 0 0 0; 
    background: url(i/products.png) top center no-repeat; 
    text-indent: -9999px;
}

.center_left_top h3.faqs
{
    width: 158px; 
    margin: 30px 0 0 0; 
    background: url(i/faqs.png) top center no-repeat; 
    text-indent: -9999px;
}
.center_left_top h3.services
{
    width: 158px; 
    margin: 30px 0 0 0; 
    background: url(i/services.png) top center no-repeat; 
    text-indent: -9999px;
}
.center_left_top h3.about
{
    width: 158px; 
    margin: 30px 0 0 0; 
    background: url(i/about_us.png) top center no-repeat; 
    text-indent: -9999px;
}

.center_left_top h3.contact
{
    width: 158px; 
    margin: 30px 0 0 0; 
    background: url(i/contact_us.png) top center no-repeat; 
    text-indent: -9999px;
}


/*Blog*/
.center_left_top h3.blog
{
    width: 158px; 
    margin: 30px 0 0 0; 
    background: url(i/products.png) top center no-repeat; 
    text-indent: -9999px;
}
.center_left .subscribe
{
    font-size: 1.6em; 
    font-weight: bold; 
    padding: 30px 0 0 5px; 
    float: left; 
    width: 100%;
}
.center_left p
{
    font-size: 1.2em; 
    padding: 20px 0 10px 5px; 
    float: left; 
    width: 100%;
}
.center_left img
{
    padding: 0 0 0 2px;
}

.center_left .img_holder
{
    overflow: hidden; 
    padding: 40px 0 5px 0px;
}
.center_left .img_holder img
{
    float: left;
    padding: 0; 
    margin: 0 0 10px 0;
}
.center_left .img_holder img.first
{
    float: left; 
    padding: 0; 
    margin: 0 10px 0 0;
}

.center_left p.join
{
    font-size: 1em; 
    line-height: 10px; 
    padding: 0px 0 0 30px; 
    margin: 0px; 
    float: left; 
    width: 100%;
    background: url(i/2dot.png) top left no-repeat
}

.center_right h2.blog
{
    font-size: 2.8em; 
    line-height: 28px; 
    color: #4b4d4a; 
    font-weight: bold; 
    padding: 0 0 0 0; 
    margin: 0px;
}
.blog_line
{
    width: 100%; 
    height: 1px; 
    background-color: #d8d8d8; 
    margin: 0 0 20px 0;
}

.center_right .publish
{
    font-size: 1.1em; 
    line-height: 28px; 
    color: #4b4d4a; 
    padding: 0 0 30px 0; 
    margin: 0px;
}
.center_right .publish a
{
    color: #db8146; 
    font-weight: bold;
}

p.blog_l
{
    padding: 0 0 5px 0;
}
p.blog_sp
{
    padding: 0 0 5px 0;
    text-align: justify; 
}
p.blog_p
{
    padding: 0 0 40px 0;
    text-align: justify; 
}
p.blog_p a
{
    color: #db8146; 
    font-weight: normal; 
    font-style: italic;
}

/*Contact*/
.center_left_top h3.office_europe
{
    width: 158px; 
    line-height: 14px; 
    margin: 10px 0 0 0; 
    padding: 0; 
    background: url(i/office_europe.png) top left no-repeat; 
    text-indent: -9999px;
}
.center_left_top h3.office_asia
{
    width: 158px; 
    line-height: 14px; 
    margin: 10px 0 0 0; 
    padding: 0 0 0 0; 
    background: url(i/office_asia.png) top left no-repeat; 
    text-indent: -9999px;
}

p.office
{
    text-align: left; 
    width: 100%; 
    padding: 5px 0 0px 0px; 
    margin: 0px 0 10px 0;
}

.center_right .subtitle2
{
    font-size: 2.2em; 
    line-height: 20px; 
    color: #7d807c; 
    font-weight: normal; 
    padding: 0 0 30px 0;
}

#contact div
{
    width: 100%; 
    padding: 5px 0 5px 0;
}
#contact input
{
    padding: 7px; 
    margin: 5px 0 15px 0; 
    border: 1px solid #e5e3e3; 
    background-color: #f5f5f4; 
    width: 270px; 
    font-size: 1.1em; 
    font-weight: normal; 
    font-style: italic; 
    color:#9a9a9a;
}
#contact input#send
{
    padding: 0px; 
    margin: 5px 0 15px 0; 
    border: none; 
    background-color: #fff; 
    font-size: 1.1em; 
    font-weight: bold; 
    font-style: normal; 
    color:#1e96a0; 
    text-align: left; 
    cursor: pointer;
}
#contact textarea
{
    border: 1px solid #e5e3e3; 
    background-color: #f5f5f4; 
    padding: 7px; 
    width: 430px; 
    height: 130px; 
    font-size: 1.3em; 
    font-weight: normal; 
    font-style: italic; 
    color:#9a9a9a;
}

.find
{
    font-size: 1.4em; 
    font-weight: bold; 
    color: #4b4d4a; 
    padding: 20px 0 10px 0;
}

.google_holder
{
    width: 100%; 
    overflow: hidden; 
    padding: 10px 0 0 0;
}
.google_map
{
    width: 444px; 
    float: left; 
    border: 1px solid #e5e3e3;
}
.google_description
{
    width: 144px; 
    float: left; 
    padding: 15px 0 0 30px;
}

/*Portofolio*/
.portofolio
{
    position: relative;
}
.center_left_top h3.categories
{
    width: 158px; 
    line-height: 14px; 
    margin: 30px 0 10px 0; 
    padding: 0; 
    background: url(i/categories.png) top center no-repeat; 
    text-indent: -9999px;
}
.portofolio_main
{
    width: 100%; 
    padding: 20px; 
    margin: 10px 0 0 0; 
    overflow: hidden; 
    border: 1px solid #cdcbcb; 
    background-color: #f0f0f0;
}
.portofolio_main h3
{
    color: #4b4d4a; 
    font-size: 2.2em; 
    padding: 0 0 5px 0;
}
.portofolio_main .publish
{
    color: #4b4d4a; 
    font-size: 1.1em; 
    padding: 0 0 10px 0;
}

.featured2
{
    width:407px; 
    height:237px; 
    padding:17px 0 0 13px;
    position: absolute; 
    background: url(i/featured.png) top left no-repeat; 
    top: 112px; 
    left: 68px; 
    margin: 0px 0 0 0;
}
.div_image
{
    float: left; 
    border: 1px solid #cdcbcb; 
    width: auto; 
    padding: 10px; 
    margin-right: 20px; 
    background-color: #ffffff;
}

.blog_thumb
{
    width: 100%; 
    padding: 20px; 
    margin: 20px 0 0 0; 
    border: 1px solid #cdcbcb; 
    overflow: hidden; 
    background-color: #f4f4f4;
}
.blog_thumb img
{
    border: 1px solid #cdcbcb; 
    margin-right: 30px;
}
.blog_thumb h2
{
    width: 455px; 
    font-size: 1.6em; 
    padding: 0; 
    margin: 0 0 20px 0; 
    line-height: normal;
}

/*Pricing*/
.pricing_main
{
    width:918px; 
    padding: 20px;
}
.pricing_main h2
{
    margin: 0 0 10px 0; 
    font-size:2.8em; 
    font-weight:bold;
}
.pricing_main .subscribe
{
    padding: 30px 0 30px 0; 
    font-size: 1.4em; 
    font-weight: bold; 
    color: #4b4d4a;
}
.pricing_main p
{
    padding: 0px 0 20px 0;
}

.payment_main
{
    width:918px; 
    padding: 20px;
}

.payment_notification
{
    overflow: hidden; 
    width: 100%;
}

.payment_notification .title
{
    font-size: 2.2em; 
    line-height: normal; 
    color: #7d807c; 
    padding: 25px 0 20px 0; 
    font-style: normal;
}

.pricing_header
{
    overflow: hidden; 
    width: 100%;
}
.pricing_header_left
{
    float: left; 
    width: 630px;
}
.pricing_header_left .title
{
    font-size: 2.2em; 
    line-height: normal; 
    color: #7d807c; 
    padding: 0 0 20px 0; 
    font-style: normal;
}
.pricing_header_right
{
    float: left; 
    width: 223px; 
    padding: 0 0 0 65px;
}
.pricing_header_right .card
{
    font-size: 1.4em; 
    line-height: normal; 
    color: #7d807c; 
    font-weight: bold; 
    padding: 0 0 10px 0;
}

.nolicensemessage { color: red; font-size:1.2em; font-weight: bold; }
.pricing_table{width: 610px; margin: 20px 0 10px 0; padding: 10px 5px 10px 5px; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f3f3f3;}
.pricing_table .thumb{flex-wrap: wrap; clear:none; display: flex; float: top; width: 590px; margin-bottom: 0px; padding: 5px 5px 5px 10px; border-bottom: 1px solid #cdcbcb; z-index: 0;}
.pricing_table .thumbavailabilityfirst  { position: absolute; font-size:3.0em; font-weight: bold; line-height:51px; color: red;  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; text-align: center; vertical-align: middle; clear:none; width: 590px; margin: 2px 0 0 0; padding: 5px 5px 5px 10px; z-index: 1; background-color: rgba(128,128,128,0.5);}
.pricing_table .thumbavailability       { position: absolute; font-size:3.0em; font-weight: bold; line-height:55px; color: red;  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; text-align: center; vertical-align: middle; clear:none; width: 590px; margin: 2px 0 0 0; padding: 5px 5px 5px 10px; z-index: 1; background-color: rgba(128,128,128,0.5);}
.pricing_table .thumb .radio{transform: translateY(0%);}
.pricing_table .thumb .detailsdiv {width: 85%;}
.pricing_table .thumb .productname { font-size:1.9em; font-weight: bold; line-height:40px; margin: 0 0 0 0; padding: 0; center left no-repeat; text-indent: 0px;}
.pricing_table .thumb .productnotavailable { color: red; font-weight: bold;}
.pricing_table .thumb .subtitle{ float:left; clear:none; display:block; padding: 0 0 0 0; text-indent: 20px; line-height: 15px; width: 100%; font-size: 1.3em; color: #5c6458;}
.pricing_table .thumb .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.pricing_table .thumb .pricesubtitle{font-size: 1.2em; line-height: normal;}
.pricing_table .thumb .pricediscount{font-size: 1.6em; color: red; line-height: normal;}
.pricing_table .thumb_last{flex-wrap: wrap; clear:none; display: flex; float: top; width: 590px; margin-bottom: 0px; padding: 5px 5px 5px 10px;}
.pricing_table .thumb_last .radio{transform: translateY(0%);}
.pricing_table .thumb_last .detailsdiv {width: 85%;}
.pricing_table .thumb_last .productname { font-size:1.9em; font-weight: bold; line-height:40px; margin: 0 0 0 0; padding: 0; center left no-repeat; text-indent: 0px;}
.pricing_table .thumb_last .productnotavailable { color: red; font-weight: bold;}
.pricing_table .thumb_last .subtitle{ float:left; clear:none; display:block; padding: 0 0 0 0; text-indent: 20px; line-height: 15px; width: 100%; font-size: 1.3em; color: #5c6458;}
.pricing_table .thumb_last .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.pricing_table .thumb_last .pricesubtitle{font-size: 1.2em; line-height: normal;}
.pricing_table .thumb_last .pricediscount{font-size: 1.6em; color: red; line-height: normal;}
.pricing_table .thumb .price span{font-size: 11px; font-weight: normal; color: #b1b1b1 ;line-height: normal;}
.pricing_table .thumb_last .price span{font-size: 11px; font-weight: normal; color: #b1b1b1; line-height: normal;}
.thumb a, .thumb_last a{float: left; width: 160px; height: 40px; display: block; margin: 20px 0 10px 0; background: url(i/buynow.png) top left no-repeat; text-indent: -9999px;}

.pricing_table .thumb ul.listing, .pricing_table .thumb_last ul.listing{float:left; padding: 30px 0px 0px 0px; margin:0;}
.pricing_table .thumb ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb_last ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb ul.listing li.no{list-style-image: none; background-image:url(i/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.pricing_table .thumb_last ul.listing li.no{list-style-image: none; background-image:url(i/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}


.pricing_table h4.professional{display:inline-block; width: 70%; font-size:2.5em; line-height: 47px; margin: 0 0 0 0; padding: 0; center left no-repeat; text-indent: 0px;background-color: #ababab;}
.pricing_table h4.basic{width: 100%; float: left;line-height: 47px; margin: 0 0 35px 0; padding: 0 0 0 0; background: url(i/basic.png) center left no-repeat; text-indent: -9999px;}
.pricing_table h4.advanced{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/advanced.png) left center no-repeat; text-indent: -9999px;}
.pricing_table h4.nitro{width: 100%; float: left;line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/nitro.png) center left no-repeat; text-indent: -9999px;}

.pricing_table_footer{font-size: 1.2em; color: #949494; font-style: italic;}