body {
	font-size: 16px;
	line-height: 24px;
	font-family: open_sans_regular, open_sans,'Open Sans', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	background: #DADAE3;
	padding: 0 1em 1em 1em;
}

.pad{
	padding: 0 1em 1em 1em;


}

body#home{
	padding:0 !important;
	background: white;
}

a{
	color: #0071bc;
	text-decoration: none;

}

a:hover{
	color: #134868;
	border-bottom-color: #0071bc;
}

#left_margin{
	width: 3%;
	float: left;
	height: 100%;
}

#home #header{
	margin-left: 1em;
}

#header{
	float: left;
	margin-bottom: 3em;

}

#header ul{
		margin-top: 1em;
		padding-top: .5em;
}

#header ul li{
	display: inline;
	float: left;
	text-align: center;
}

#header ul li a{
	color: black;
	text-shadow: 0 1px 1px white;
	line-height: 2.25;
	text-align: center;
	font-size: .89em;
	letter-spacing: 1px;
	padding: .5em 1em;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	font-weight: bolder;
	border: none !important;
    text-decoration: none;
}

#home #header ul li a{
	text-shadow:none;
}

#header span.small_logo{
	float: left;
	margin-left: 1.3em;
	margin-right: 1.3em;
	margin-top: 1px;
	width: 27px;
	height: 27px;
	background: url(../resources/images/logo_cd_27x27.png) no-repeat;
	border: none;

}

a.conceptdraw-item{
     background: url(../resources/images/logo_cd_27x27.png) 1px 1px no-repeat;
     padding-left: 32px !important;
}

#header ul li.selected a.conceptdraw-item{
     background: url(../resources/images/logo_cd_27x27_selected.png) 1px 1px no-repeat;
     padding-left: 32px !important;
}

#header ul li.selected{
	color: white;
	background:url(../img/logo_button.png) no-repeat left top;

}



#header ul li.selected a{
    color: white !important;
    text-shadow: none;
}

#header ul li a span.menu-item-title{
    margin-left: 40px;
}



#header ul li:first-child a{
	padding-left: 0;
	color: #C4151B;
	font-weight: bold;
}

#header ul li:last-child a{
	border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
}

#header ul li:first-child a:hover{
	color: #ff494f;
}


#header ul li:first-child a.selected{
	background-color: #C4151B;
	color: white;

	margin-right: .4em;
}

#header ul li:first-child a.selected  span.small_logo{
	margin-right: -2.1em;
	position: relative;
	z-index: 100;
	background: url(../resources/images/logo_cd_27x27_selected.png) no-repeat;
}



header ul li a:hover{

}

#account_container{
	background: #0071BC;
	padding: 1.5em 1em .75em 1em;
	float: right;
	width: 15%;
	-moz-box-shadow: 0 0 4px #888888;
	-webkit-box-shadow: 0 0 4px #888888;
	box-shadow: 0 0 10px #888888;
	position: absolute;
	top: 0px;
	right: 20px;
	border-radius: 0px 0px 7px 7px;

}

#account_container a{
	color: white;
	border-bottom-color: #6ab7f2;
	font-size: .89em;
}

#account_container a:hover{
	color: #6ab7f2;


}

#home #account_container{
	background: white;
	padding: 1.5em 1em .75em 1em;
	float: right;
	width: 12%;
	position: absolute;
	top: 0px;
	right: 20px;
	border-radius: 0px 0px 7px 7px;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;

}

#home #account_container a{
	color: #0071BC;
}

.medium {
	width: 160px;
	height: 100px;

}

.big{
	width: 260px;
	height: 180px;
}

.video-container{
	float: left;
}

.video{
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 3px #1a3951;
	border: 4px solid #1b75bb;

}

.video img{
	width: 100%;
}

.video-title{
	font-size: .75em;
	text-align: center;
	float: left;
	/*background: url(../resources/images/inline_video.png) no-repeat 0 0;*/
	padding-left: 12px;
	padding-bottom: 2px;
	border: none;
	text-decoration: underline;
	line-height: 1.2;
	position: relative;
	top: .75em;
}

.play-button{
	width: 100%;
	height: 100%;
	float: left;
	margin-top: -75%;
	position: relative;

}
a.video-link:hover .play-button img{
	opacity: 1;
}
.play-button img{
	width: 70%;
	margin-left: 15%;
	margin-top: 0;
	opacity: .7;
}

.bottom-content{
	float: left;
	width: 100%;
	background: url(../resources/images/shadow_down_short.png) no-repeat;
	margin-top: 3em;
	padding-top: 3em;
	overflow: hidden;
}


.left-col{
	width: 35%;
	float: left;
}

.right-col{
	width: 55%;
	float: left;

}

.feedback{
    float: left;
    margin-bottom: 3em;
    margin-left: 4%;
    m
}


.quote p{
    width: 80% !important;
    font-size: 1.2em;
    text-indent: -.75em;
    font-style: italic;

}

.author{
    width: 80%;
    float: left;

}

.author ul{
    float: right;
    padding-right: 1em;
    margin-top: .5em;
}

.author-name{
    font-weight: bold;
    margin-top: .5em;
}

.author-desc{
    color: gray;
    line-height: 1;
}

.quote strong{
	color: gray;
	font-weight: normal;
	font-size: 1.5em;
}


.glance-main{
	float: left;
	width: 80%;

}


.knee{
    background: #afafb5;
    float: left;
    width: 100%;
    -webkit-border-radius: 7px;
    position: relative;
    z-index: 90;
    top: 1em;
    border-bottom: 1px solid gray;
    padding: 1em 0;
    font-size: .89em;
}

#home .knee{
	background: white;
	border-top: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	padding-top: 2.5em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

}

.knee-list{
    margin-left: 2em;
    width: 14%;
    float: left;
}

.knee-list ul{
    margin-bottom: 2em;
    line-height: 1.2;
}

.knee-list ul li{
    margin-bottom: 1em;
}

.knee-list-long{
    margin-left: 3em;
    width: 35%;
    float: left;
}

.knee a{
    color: white;
    border: none;
    text-decoration: underline;
}
#home .knee a{
   	color: #0071BC;
}

#home .knee a:hover{
   	color: #134868;
}


.knee a:hover{
    color: white;
    background: silver;
}

.knee i{
    font-style: normal;
    font-size: .89em;
    color: #535360;

}

.knee h5{
    font-size: 1em;
    color: black;
    margin-bottom: .5em;
    -moz-text-shadow: 0 1px 1px white;
    -webkit-text-shadow: 0 1px 1px white;
    text-shadow: 0 1px 1px white;
}

#home .knee h5{
    color: gray;
}

.knee h5 a{
    font-weight: normal;
    color: white;
    text-shadow: none;
}

.knee ul{
    font-size: .89em;

}

.knee ul.long-line li{
    margin-bottom: 1.25em;
    line-height: 1.4;
}

a.follow-us{
    color: #535360 !important;
    background: white url(/resources/images/twitter_small.png)  no-repeat 2px 2px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 1em;
    text-decoration: none;
    font-weight: bold !important;
    border-bottom: 1px solid gray;
}

a.follow-us:hover{
    border-bottom: 1px solid #535360;
    background: white url(../images/twitter_hover.png) no-repeat 2px 2px;
    color: black !important;
}


#home a.follow-us{
	background: white url(/resources/images/twitter_hover.png)  no-repeat 2px 2px;
	color: #6797a7 !important;
	margin-left: 0;
	border: none;
}


#home a.follow-us:hover{
	background: #dadae3 url(/resources/images/twitter_hover.png)  no-repeat 2px 2px;
	color: #177a9b !important;
	margin-left: 0;
	border: none;
}

.main-container-full{
	width: 100%;
	background: white;
	float: left;
	position: relative;
	z-index: 100;


}


.main-container{
	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;


}

.main-container + .main-container{
	margin-top: 1em;
	}

a.button-solution-park{
	border: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: url(../resources/images/gradient_back_48x41.png) repeat-x 0 -5px #0071BC;
	color: white;
	text-shadow: 0 -1px 1px #0a71a5;
	-moz-shadow: 0 -1px 1px #0a71a5;
	-webkit-shadow: 0 -1px 1px #0a71a5;
	padding: .25em 1em;
	-webkit-box-shadow: 0 0 5px #5e1719;
	font-weight: bold;
	font-size: .89em;
	margin-left: .5em;

}



a.button-trial{
	border: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: url(../resources/images/gradient_back_48x41.png) repeat-x 0 -5px #0071BC;
	color: white;
	text-shadow: 0 -1px 1px #0a71a5;
	-moz-shadow: 0 -1px 1px #0a71a5;
	-webkit-shadow: 0 -1px 1px #0a71a5;
	padding: .15em 1em .25em;
	-webkit-box-shadow: 0 1px 2px #dfdfdf;
	-moz-box-shadow: 0 1px 2px #dfdfdf;
	box-shadow: 0 1px 2px #dfdfdf;
	font-weight: bold;
	font-size: .89em;
	margin-left: .5em;

}

h3 a.button-trial{
	font-size: 1em;
	position: relative;
	top: -5px;
}

.right{
	float: right !important;
}

a.button-solution-park:hover,a.button-trial:hover{
	background-color: #094868;
}



.submenu{
	float: left;
	width: 100%;
	background: #3b3b3b;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
	padding: .5em 0 0 0;

}


.submenu ul {
	float: left;
	margin-left: 1em;
	padding-bottom: .5em;
	padding-right: 1em;
}

.submenu ul li{
	display: inline;

}

.submenu ul li a{
	padding: .5em 1em .5em 1em;
	font-size: .89em;
	color: white;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	border-radius: 7px;
	border: none;
	line-height: 2.5;

}

.submenu ul li a span{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: black;
	color: silver;
	padding: .25em .5em;
	font-weight: bold;
}

.submenu ul li a.selected{
	background: black;
	color: white;

}

.submenu ul li a:hover{
	background: black;

}

.video-player-container{
    float: left;
    width: 100%;
    margin-bottom: 2em;
    padding-bottom: 2em;
    background: url(../resources/images/shadow_down_up.png) bottom no-repeat;
}

.video-player{
    width: 640px;
    margin: auto;
    height: 360px;
    border: 1px solid black;
    -webkit-box-shadow: 0 0 8px #444;
}

#video_player{
	width: 100%;
	height: 100%;
}

.videos{
    margin-left: 2em;

}

.big{
	width: 300% !important;
	position: relative;
	float: left;
	top: 0;
	left: 0px;
	height: 2em;
}
input.search-edited{
	color: black;
	font-weight: normal;
}


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

.container{
	margin: 0em 2em 2em 2em;
}

.button{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 1px gray;
	-moz-box-shadow: 0 0 1px gray;
	box-shadow: 0 0 1px gray;
	padding: .5em .5em;
	border: none;
	float: left;
}
.button{
    text-decoration: none;
}
.huge{
	font-size: 1.25em;
	background-image: url(/resources/images/button_gradient_big.png);
	background-repeat: repeat-x;
}

.red{
	background-color: #FF1D25;
	color: white;
}

.blue{
	background-color: #0a71a5;
	color: white;
}


.gray{
	background-color: gray;
	color: white;
}

.gray:hover{
	background-color: #5e5e5e;
	color: white;
}

.blue:hover{
	background-color: #094a6b;
	color: white;
}

.blue:active{
	background-color: #46a9db;
	color: white;
}


.gray:active{
	background: gray;
	color: white;
}

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

a.red:active{
	background: #b21a1f;
	color: white;
}

a.red:hover{
	background-color: #b21a1f;
	color: white;
}

.vertical-text{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform: rotate(-90deg);


}



.text-container{
	background: silver;
	color: white;
	padding: .25em .5em;
	width: 6em;
	text-align: center;
}


.vertical-text-container{
	height: 5.5em;
	width: 2.75em;
	background: silver;
	color: white;
	overflow: hidden;
	float: left;
	position: relative;
}

.white{
	background-color: white;
}

.gr{
	background-color: #EFEFFC;
}
.border-top{
	float: left;
	width: 100%;
	height: 22px;
	background-image: url(../resources/images/border_mid.png);
	background-repeat: repeat-x;
}

.border-top .edge-left{
	float: left;
	height: 22px;
	width: 233;
	background-image: url(../resources/images/border_edge_left.png);
	background-repeat: no-repeat;
}


.border-top .edge-right{
	float: right;
	height: 22px;
	width: 233;
	background-image: url(../resources/images/border_edge_right.png);
	background-repeat: no-repeat;
}


.border-bottom{
	float: left;
	width: 100%;
	height: 12px;
	background-image: url(../resources/images/border_bottom_mid.png);
	background-repeat: repeat-x;
}

.border-bottom .edge-left{
	float: left;
	height: 12px;
	width: 226px;
	background-image: url(../resources/images/border_bottom_left.png);
	background-repeat: no-repeat;
}


.border-bottom .edge-right{
	float: right;
	height: 12px;
	width: 226px;
	background-image: url(../resources/images/border_bottom_right.png);
	background-repeat: no-repeat;
}

.mac_pc{
	margin-top:-22px;
	height: 65px;
	width: 124px;
	position: absolute;
	z-index: 300;
	left: 30%;
	top: 1px;
	border-radius: 0 0 .5em .5em;
	-moz-border-radius: 0 0 .5em .5em;
	-webkit-border-radius: 0 0 .5em .5em;
	-o-border-radius: 0 0 .5em .5em;
	box-shadow: 0 2px 3px #888;
	overflow: hidden;
}

.os-slider{
	color: black;
	position: relative;
	height: 5.5em;
	line-height: 1.8;
	padding-left: 1em;
	font-size: .75em;
	float:left;
	width: 481px;
	margin-left: 115px;
	background: #eaeafb;
	border-radius: 0 0 .5em 0;
}

.os-slider span{
	line-height: 2.5em;
	margin-left: 2em;
}

.os-back{
	background: url(../resources/images/mac_pc.png) no-repeat left top white;
}

.os-noback{
	background:none;
}



.os-slider b{
	color: gray;
	font-weight: normal;
}

.os-slider i{
	font-size: .75em;
	vertical-align:top;
}

.ar-os{
	position: absolute;
	left: 93px;
	top: 15px;
	border-radius: 7px;
	padding: 4px;
	font-size: .89em;
	color: #eaeafb;
	width: 14px;
	height: 14px;

}

.video-container {
	margin-right: 2em;
	margin-bottom: 2em;
}

.video-container .title {
	font-size: .75em;
	padding-top: 1em;
	line-height: 1.4;
	float: left;
}


.video-container a.video-link:hover .video {
	border-color: black;
}


.gvideo{
	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);
}



.gtitle{
	font-size: .75em;
	text-align: center;
	margin-left: 25%;
	border: none !important;
	/* text-decoration: underline; */
    text-decoration: none;
}


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


.vlink{
	border: none;
}

.gplay{
	background: url(../resources/images/gplay.png) center no-repeat;
	float: left;
	/* position: relative; */
    position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 120;
}


.gplay:hover{
	background-image: url(../resources/images/gplay_h.png)
}

.share{
	display: none;
	float:right;
	width: 20px;
	height:60px;
	position: relative;
	z-index:999;
	top:10px;
	padding: 3px;
	border-right: none;
	background: #0a71a5;
	-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);
}

.share a{
	border: none;
	margin-bottom: 2px;
}
.show img { display: none;}


a.skype{
	padding-top: 9px;
	padding-left: 15px;
	padding-bottom: 8px;
	background: url(../resources/images/cd-skype.png) no-repeat;
	padding-right: 39px;
	margin-left: -12px;
	border: none;
	text-decoration: none;
}

a.skype:hover{
	background: url(../resources/images/cd-skype-hover.png) no-repeat;
	color: white !important;
}