a.nav{
	border: none;
}


a{
    border-bottom-color: #3bc9f6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-decoration: none;
    color: #08C;
}

a:hover {
    text-decoration: none;
    color: #005096;
}

a.nodecor{
    border-bottom-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-decoration: none;
    color: #08C;
}

.content{
	float: left;
	width: 95%;
	margin-left: 10%;
	margin-top: 0%;

}

.top-content{
	width: 100%;
	float: left;
	padding-top: 1em;
	padding-bottom: 1em;
}

.glance-hr{
	width: 80%;
	float: left;
	border: none;
	border-bottom: 1px solid silver;
	margin: 4em 0 2em 0;
}





.motto h1{
	font-size: 2.5em;
	line-height: 1.2;
	color: #26B33A;
}

.motto h1 i{
	color: #CE838C !important;
	font-weight: normal;
	font-style: normal;
}

.motto p{
	margin-top: 1em;
}


#mindtweeet_top .motto{
	margin-left: 1em;

}

/*
#main_video{
	margin-left: 4%;
	float: left;
	width: 35%;
}
*/


#main_video{
	margin-left: 4%;
	float: left;
	width: 100%;
	margin-top: 2em;
	position: relative;
	left: -1em;
	z-index: 300;
	position: relative;
}


.m-video{
	float: left;
	width: 80%;
}


.mvideo{
	background-repeat: no-repeat;
	background-position: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid black;
	position: relative;
	z-index: 100;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.m-gtitle{
	font-size: .75em;
	text-align: center;
	padding: .5em;
	border: none !important;
	/* text-decoration: underline; */
	display: block;
}

.go_to_sb-container{
	float: right;
	width: 311px;
	height: 64px;
	position: relative;
	right: -49px;
	top: 40px;
}

.go_to_sb-button{
	background: url(../images/got_to_sb.png) no-repeat top;
	float: right;
	width: 311px;
	height: 64px;
	border: none;
	position: relative;
	top:120px;
	right: 21px;
}

.go_to_sb-button:hover{
	background: url(../images/got_to_sb_hover.png) no-repeat top;
}

.big-video{
	overflow: hidden;
	width: 260px;
	height: 180px;
	float: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 5px #909090;
	-moz-box-shadow: 0 0 5px #909090;
	box-shadow: 0 0 5px #909090;
	border: 1px solid gray;
	margin-top: 2em;

}

.big-video-container a{
	width: 260px;
	float: left;
	text-align: center;
	border: none;
	text-decoration: underline;
	margin-top: .5em;
}

.big-play-button:hover{
	background: url(../images/big_play_button_hover.png) no-repeat;
}

.big-play-button{
	position: relative;
	left: 60px;
	top: -165px;
	float: left;
	width: 130px;
	height: 130px;
	background: url(../images/big_play_button.png) no-repeat;
	z-index: 100;
}


.medium-video{
	overflow: hidden;
	width: 120px;
	height: 90px;
	float: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 5px #909090;
	-moz-box-shadow: 0 0 5px #909090;
	box-shadow: 0 0 5px #909090;
	border: 1px solid gray;
	margin-top: 2em;

}

.medium-video-container a{
	width: 100px;
	float: left;
	text-align: center;
	border: none;
	text-decoration: underline;
	margin-top: .5em;
}

.medium-play-button:hover{
	background: url(../images/big_play_button_hover.png) no-repeat;
}



.medium-play-button{
	position: relative;
	left: 0px;
	top: -106px;
	float: left;
	width: 130px;
	height: 130px;
	background: url(../images/big_play_button.png) no-repeat;
	z-index: 100;
}

.medium-video img{
	width: 130px !important;
}

.green-arrow{
	background: url(../../resources/images/green_arrow.png) no-repeat right;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 34px;
	width: 28px;
	height: 28px;
	border: none;
	color: black;
}

.green-arrow:hover{
	color: black;
	background: url(../../resources/images/green_arrow_hover.png) no-repeat right;
}


#mindtweet img{
	position: relative;
	left: -10px;
	width: 280px;
	z-index: 90;
}



#home_products{
	padding: 0;
}

#mindtweet_bottom .left-col{
	width: 25%;
}

#mindtweet_bottom .right-col{
	width: 65%;
}

table.products{
    width: 100%;
    border: none;
    border-spacing: 0px;
    border-width: 0;
    border-spacing: 0px;
    position: relative;
    z-index: 220;


}

table.products tr td{
    padding:0;
    margin: 0;
    border:0;
    border-spacing: 0px;
    height: 530px;
    overflow-y: hidden;
}

table.products td+td{
	border-left: 1px solid silver;
}

table.products tr{
    width: 100%;
}

.home-product-col{
	background: #dfdfdf;

    width: 33.3%;
    padding-top: 20em !important;
	overflow: hidden;
}

.canvas{
	float: left;
	width: 100%;
}



.home-product-col-wd{
	 overflow: hidden;
	 padding: 0 !important;
	 margin: 0 !important;
	 height: 400px;
}

.product-title{
	margin-left: 2em;
	position: relative;

}

.home-product-col p, .home-product-col-wd p {
	width: 85%;
	font-size: .89em;
	margin-top: 6em;
	margin-bottom: 2em;
	position: relative;
	top: -4em;
	float: left;
/*
	-webkit-text-shadow: 0 1px 1px white;
	-moz-text-shadow: 0 1px 1px white;
	text-shadow: 0 1px 1px white;
*/
	line-height: 1.5;
}






#mm{
	background: url(../../../resources/images/wback_mm.png) no-repeat 0 75px transparent;
	overflow: hidden;

}

#mm p{

}

#prj{
	background: url(../../../resources/images/wback_prj.png) no-repeat -65px 106px transparent ;

	overflow: hidden;

}
#prj p{

}

#pro{
	background: url(../../../resources/images/wback_pro.png) no-repeat 80% 13px transparent ;
	overflow: hidden;

}

#pro p{

}

#office{
	/* background: url(../../../resources/images/back_office.png) no-repeat 100% 10px white; */
	/* padding: 4.5em 0; */
	float: left;
	margin-left: 31%;
	background:  url(../../resources/images/shadow_up.png) no-repeat 50% 90%;
	font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	padding-bottom: 2em;
	margin-top: 3em;
}


#office h1{
	font-weight: normal;
	line-height: 1.2;
	font-size: 2em;
	margin-bottom: .25em;
}

#office h1 a.button-trial{
	font-size: .5em;
	position: relative;
	top: -6px;
}

#office h3{
	font-size: 1.25em;
	line-height: 1.2;
	color:#0071BC;
	font-weight: normal;
	width: 70%;
}

#goto_solution_park{
	float: left;
	width: 100%;
	padding: .5em 0;
	background:  #e82e34;
	margin-top: 2em;

}

#goto_solution_park p{
	width: 80%;
	margin: 0;
	color: white;
	-webkit-text-shadow: 0 1px 1px white;
	-moz-text-shadow: 0 1px 1px white;
	text-shadow: 0 -1px 1px black;
	margin-left: 4em;
}

#hot_news_feed{
    width: 100%;
    background: white;
	float: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 5px #909090;
	-moz-box-shadow: 0 0 5px #909090;
	box-shadow: 0 0 5px #909090;
	border: 1px solid white;
	position: relative;
	z-index: 100;
	margin: 1.5em 0;
    font-size: .89em;
    overflow: hidden;
}

#hot_news_feed span{
    padding: .25em 1em;
    float: left;
}

#hot_news_feed #title{
    font-weight: bold;
    background: #0071BC;
    color: white;

    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;
}
#hot_news_feed #news{
    padding-top: .25em;
    overflow: hidden;
    width: 85%;
    float: left;
    height: 1.5em;
  }
#hot_news_feed #news a{
    border: none;
    line-height: 1.75;
    float: left;
    width: 100%;
}

#hot_news_feed #news a date{
    color: gray;
    font-size: .89em;
}

.solution-feed{
    float: left;
    width: 100%;
    height: 2em;
    background: white;
    -webkit-border-radius: 0 0  7px 7px;
    -moz-border-radius:0 0  7px 7px;
	border-radius:0 0  7px 7px;
}

#solutions_stat{
    float: left;
    position: relative;
    right: 0;
    top: 360px;
}

#home_got_to_sb{
    top: -20px;
    right: 67px;
}


#main_pic{
	width: 45%;
	float: left;
	margin-top: 3.5em;
	margin-bottom: 100px;
}

#bottom_container{
	-webkit-border-radius: 0 0  7px 7px;
    -moz-border-radius:0 0  7px 7px;
	border-radius:0 0  7px 7px;
	margin: 0 0;
	float: left;
	border-top: none;
	padding-top: 2em;
	margin-bottom: 6em;
	width: 100%;
}

#solution_park_hot_news{
	margin: 2em 1em;
	margin-right: 1%;
	width: 55%;
	float: left;
	/* border-right: 1px solid silver; */

}

.line-vr{
	background: url(../../resources/images/line_vr.png) no-repeat;
	float: left;
	width: 25px;
	height: 326px;
}

#solution_left{
	float: left;
	width: 90%;
}

#solution_right{
	float: left;
	width: 60%;
	margin-left: 41%;
	margin-top: -5em;

}

#solution_park_hot_news h4{
	font-weight: normal;
	font-size: .89em;
	color: gray;
	margin-bottom: .5em;

}

div.small{
	width: 120px;
	height: 80px;
}

#solution_right .video{
	border-color: gray;
}


#solution_park_hot_news .motto{
	float: left;
	width: 55%;
	margin-bottom: 2em;
}

#solution_park_hot_news h1{
	font-size: 1.5em;

}


#solution_park_hot_news h1 a.mark-solution{
	background: url(../../resources/images/mark_solution.png) no-repeat left;
	color: #26B33A;
	border: none;
	padding-left: 60px;
}


#nw{
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#vr_1{
	position: relative;
	top:3em;
}

#news{
	margin: 1em;
	width: 35%;
	float: left;
	padding-top: 1em;
	margin-left: 3%;

}

/*
#news{
	margin: 1em;
	width: 35%;
	float: left;
	padding-top: 1em;
	margin-left: 4.5%;

}
*/

#news h2{
	font-size: 1.5em;
	margin-bottom: .5em;
	margin-left: 1em;
	}

#news ul{
	margin-left: 1.5em;
	margin-top: 2em;
}

#news ul li{
	font-size: .89em;
	line-height: 1.4;
	margin-bottom: 1em;

}

#news ul li.mark-solution{
	background: url(../../resources/images/mark_solution.png) no-repeat 0 5px;
}

#news ul li dt{
	font-size: .89em;
}

#replay{
	width: 32px;
	height: 32px;
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../../resources/images/replay.png) no-repeat;
	z-index: 300;
}


/*  ------------------------------------------------  Oct-2   ------------------------------------------------ */


#products_container{
	float: left;
	width: 100%;
	position: relative;
	margin-top: -22px;
	background: #EFEFFC;
}

#office_container{
	float: left;
	width: 30%;
	height: 530px;
}

#office_container h1{
	font-weight: normal;
	font-size: 2.5em;
	line-height: 1;

}

#office_container p{
	font-size: 1.25em;
	margin-top: .5em;
	margin-bottom: .5em;
}

#mpp_container{
	float: left;
	width: 70%;
}

#vpoducts{
	top: 3em;
}

#vpoducts div{
	position: relative;
	top: 2.75em;
}

#vsp{
	left: -2em;
	top: -18em;
}

#vsp div{
	position: relative;
	top: 2.25em;
	line-height: 1;

}

#pr_top{
	margin-top: 0;
	display: block;
	position: static;
}
#pr_bot{
	position: relative;
	z-index: 210;
	margin-top: -12px;
}

#home_mac_pc{
	margin-top: 1em;
	margin-left: 0;
	position: relative;
	z-index: 400;

}

#home_mac_pc_2{
	margin-top: 0em;
	margin-left: 0;
	position: relative;
	z-index: 400;
	padding: 0px;
	background-position: center;
	float: left;
	background-color: transparent;
	display: none;
}


#buttons{
	float: left;
	width: 100%;
}

#office_container .button{
	margin: .5em;
	margin-left: 0;
}
/* ------------------------------------------------ WD Styles ------------------------------------------------------------ */

.show{
	float: left;
	position: relative;
	height: 380px;
	top: 120px;
}



#mm_wd .show{
	margin-top: 0px;
}

#prj_wd .show{

}


#mm_back{
	display: none;
}

.home-product-col-wd {
	width: 33%;

}


.home-product-col-wd .product-title{
	/* margin-top: 360px; */
	position: relative;
	top: 550px;
}

a.square-button{
	padding: .5em .75em;
	background: #FF1D25 url(../../resources/images/button_gradient_big.png) repeat-x;
	color: white;
	position: relative;
	-webkit-box-shadow: 0 0 4px gray;
	-moz-box-shadow: 0 0 4px gray;
	box-shadow: 0 0 4px gray;
	border: 1px solid white !important;
}

a.gray{
	background-color: gray;
}

a.gray:hover{
	/* background-color:#5f5f5f !important; */
    background-color:gray !important;
}

a.square-button:hover{
	cursor: pointer;
	background-color:#B21A1F;
	color: white;
}

a.square-button:active{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#solution_park_hot_news a.square-button{
	top: -1em;

}

#news a.square-button{
	top: -1em;
	margin-left: 1.5em;
}

#about_company{
	float: left;
	width: 35%;
	margin-left: 2.75em;
	padding-top: 1em;
}

#about_company p{
	margin-top: 1em;
}

#about_company h2{
	margin-bottom: .5em;
	margin-top: 1em;
}

#about_company .square-button{
	top: -.5em;
}

#about_company img{
	margin-right: 1em;
}


#solution_park_hot_news h1{
	font-size: 2em;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 1em;
	background: url(../../resources/images/mrk_new_sl.png) no-repeat;
	padding-left: 60px;
	height: 50px;
	padding-top: 7px;
	margin-left: -32px;
}

#btn_sl_dw{
	position: relative;
	top: 1.5em;
	font-size: 1em;

}

#sl_desc{
	float: left;
	width: 40%;
	margin-top: 3em;
	margin-left: 2%;
}

#sl_img{
	width: 33%;
	margin-top: 4em;
	float: left;
	margin-right: 2%;
}

#sl_vd{
	margin-left: 2em;
	margin-top: 2em;
	padding-right: 6%;
}

#bn_sl img{
	padding-right: 1em;
	border-right: 1px solid silver !important;

}

.no-border{
	border: none;
}

#btn_sl_rd{
	font-size: .89em;
	margin-left: 1em;
	padding: .25em .5em;
	line-height: .5;
}

#btn_sl_rd:before{

}

#extra_container{
	float: left;
	width: 100%;
	margin-bottom: 3em;
}

#videos{
	float: left;
	width: 45%;
	margin-left: 5%;
	margin-right: 5%;
	padding: 1.5em;
	background: #EFEFFC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding-top: 1em;
	padding-bottom: 2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);


}
#videos h3{
	margin-bottom: 1em;
}

#videos h4{
	font-weight: normal;
	margin-left: 1em;
}

#videos .video-container{
	margin: 0;
	margin-left: 5%;
	margin-bottom: 7em;
}



#replay:hover{
	cursor: pointer;
	background: url(../../resources/images/replay_hover.png) no-repeat;
}

button.gt{
	border: none;
	margin: 0;
	padding: .5em;
	background: url(../../resources/images/button_gradient_big.png) repeat-x;
	top: 0;
	font-size: 1.25em;
	color: white;
	z-index: 350;
	float: left;
	position: absolute;
	display: none;

}

.sl-hd{
	float: left;
	background: url(../../resources/images/sl_beige.png) no-repeat 58% 2px;
	height: 38px;
	width: 100%;
}

#sl_big{
	margin-top: 1em;
}
#sl_home_video{
	float: right;
	width: 18%;
	margin-top: 8.5em;

}

.table_video{
	float: left;
	width: 100%;
}

.sl-desc{
	float: left;
	width: 40%;
	margin-left: 40%;
	margin-top: -18em;
}

.sl-cnt{
	float: left;
	width: 100%;
}

table.vis{
	float: left;
	width: 100%;


}

table.vis tr{
	width: 100%;
}

table.vis td{
	padding: 1em;
	width: 25%;
}

#solution_park_hot_news .square-button{
		display: none;
	}
#sl_title{
	margin-left: -4%;
	margin-bottom: 1em;
}


#accnt{
	font-size: .75em;
	float: right;
	margin-right: 5em;
	margin-top: 2em;
}

#accnt a.button{
	padding: .25em 1em ;
	background-image: url(/resources/images/button_gradient_big.png);
	background-repeat: repeat-x;
	background-color: #FF1D25;
	color: white;
	font-size: 1.25em;
	margin-left: -.75em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Adaptive to Screens Sizes Styles */
@media only screen and (min-width: 1280px) {
	.mac_pc{
		left: 30em;
	}
}
@media only screen and (max-width: 1040px) {
	header{
		width: 1040px;
	}
	#account_container{
		position: fixed;
		left: 880px;
	}
	#home_mac_pc_2{
		display: inline;
	}

	#home_mac_pc{
		display: none;
	}
}
@media only screen and (max-width: 870px) {
	#products_container,#bottom_container, #extra_container{
		width: 100%;
	}
	#solution_park_hot_news .square-button{
		display: inline;
		margin-left: 4.25%;
	}
	#bottom_container{
		margin-bottom: 2em;
	}
	#account_container{
		display: none;
	}
	#videos{
		width: 85%;
	}
	 #news{
	 	width: 85%;
	 	margin-top: 4em;
	 	padding-top: 5em;
	 	border-top: 1px solid silver;
	 }

	 #news ul{
	 	width: 60%;
	 }


	.mac_pc{
		left: 24em;
	}

	#solution_park_hot_news{
		width: 95%;
	}
	#replay{
		visibility: hidden;
	}
	#about_company{
		width: 85%;
		margin-top: 3em;
		padding-top: 3em;
	 	border-top: 1px solid silver;
	}

	#about_cnt{
		width: 75%;
		float: left;
	}

	.container{
		width: 20em;
	}

	#main_video{
		width: 280px;
		position: relative;
		top: -10em;
		left: 21.5em;
	}
	#office_container .button{
		font-size: .89em;
	}
	#replay{
		display: none;
	}
	#mpp_container{
		width: 100%;
		border-top: 1px solid silver;
		margin-top: 2em;
	}
	#office_container{
		width: 100%;
		height: 250px;
	}
	#office_container #cdo_title{
		width: 50%;
		float: left;
	}

	#accnt{
		font-size: .75em;
		float: left;
		margin-left: 4em;
		margin-top: -2em;
		margin-bottom: 2em;
	}

	.share{
		display: none;
	}
}