html{
	overflow-y: scroll;
}
body{
	background-color: #fff;
}
body.int{
	background: url(../images/int-bg-tile-gradient2.png) top repeat-x;
}
body.home{
	background: url(../images/home-bg-tile-gradient.png) left 104px  repeat-x;
}

h1{
	font: normal 28px Arial; /* TradeGothic */
	color: #fff;
}
.h1-wrap{
	padding: 33px 0 0 330px;
}
.h1-all-products-wrap{
	padding: 38px 0 0 55px;
}
h1.center{
	text-align: center;
}
h2{
	font: normal 30px Arial; /* TradeGothic */
	color: #666;
}
h3{
	font: bold 16px Arial; /* TradeGothic bold two */
	color: #666;
}
h4{
	font: bold 16px Arial;
	color: #666;
}
h5{
	font: normal 18px Arial;
	color: #666;
}
h6{
	font: normal 21px Arial; /* TradeGothic */
	color: #666;
}

hr{
	height: 1px;
	background-color: #e4e4e4;
	color: #e4e4e4;
	border:0;
	margin: 19px 0 17px;
}
p{
	font: normal 16px Arial;
	color: #666;
}
a.link{
	font: normal 16px Arial;
	color: #3399cc;
	text-decoration: none;
}
a.link:hover{
	text-decoration: underline;
}

.clear{
	clear:both;
}
/****************************************************/

#header{
	width: 980px;
	height: 104px;
	margin: 0 auto;
}
.home #header{
	height: 104px;
}
	.logo{
		display: block;
		float: left;
		margin: 25px 0 0 75px;
		width: 145px;
		height: 43px;
		background: url(../images/comodo-logo.png) no-repeat;
		text-indent: -9999px;
	}
	.top-menu{
		float:right;
		margin-top: 14px;
	}
		.top-menu a.menu{
			display: block;
			float: left;
			height: 32px;
			padding-top: 53px;
			margin-right: 20px;
			font: normal 14px Arial;
			color: #666;
			text-decoration: none;
			text-align: center;
		}
		.top-menu a.menu:hover{
			color: #c41230;
		}
		.top-menu a.menu.current{
			border-bottom: 5px solid #cd2027;
			color: #c41230;
			font-weight: bold;
		}	
			.top-menu .menu.all{
				width: 88px;
			}
			.top-menu .menu.hg{
				width: 113px;
			}
			.top-menu .menu.ev{
				width: 52px;
			}
			.top-menu .menu.hp{
				width: 95px;
			}
		.explore{
			display: block;
			float: left;
			width: 143px;
			height: 33px;
			background: url(../images/int-explore-all-solutions-button.png) no-repeat;
			text-indent: -9999px;
			margin: 43px 34px 0 0;
		}
		.home-explore{
			display: block;
			float: left;
			width: 177px;
			height: 33px;
			background: url(../images/explore-all-solutions-button.png) no-repeat;
			text-indent: -9999px;
			margin-top: 43px;
		}

/****************************************************/
.outside-wrapper1{
	/* background: url(../images/home-top-shadow.png) top no-repeat; */
	width: 980px;
	height: 465px;
	margin: 0 auto;
}
.outside-wrapper2{
	background: url(../images/home-shadow-curve.png) bottom no-repeat;
	height: 465px;
	position: relative;
}
	.ribbon-bow{
		background: url(../images/ribbon-bow.png) no-repeat;
		width: 169px;
		height: 55px;
		z-index: 1;
		position: absolute;
		left: 82px;
		top: -17px;
	}
	
	#inside-wrapper{
		height: 465px;
		overflow: hidden;
	}
	
	.white-mask{
		background: url(../images/home-white-mask.png) no-repeat;
		width: 980px;
		height: 42px;
		z-index: 1;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	#left-arrow{
		width: 25px;
		height: 43px;
		position: absolute;
		top: 167px;
		left: 0;
		background: url(../images/slide-arrow-left.png) no-repeat;
		cursor: pointer;
	}
	#right-arrow{
		width: 25px;
		height: 43px;
		position: absolute;
		top: 167px;
		right: 0;
		background: url(../images/slide-arrow-right.png) no-repeat;
		cursor: pointer;
	}
		#left-arrow.no-scroll, #right-arrow.no-scroll{
			opacity:0.3;
			filter:alpha(opacity=30);
			cursor: default;
		}
	#slides-holder{
		width: 2940px;
		height: 465px;
	}
		#slides-holder .slide{
			width: 980px;
			height: 465px;
			float: left;
		}
			#slides-holder .slide .person{
				width: 428px;
				height: 465px;
				float: left;
			}
			#slides-holder .slide .copy{
				width: 500px;
				height: 465px;
				float: left;
			}

		#slides-holder .slide.ev{
		}
			#slides-holder .slide.ev .person{
				background: url(../images/home-person-ev.png) bottom right no-repeat;
			}
		#slides-holder .slide.hp{
		}
			#slides-holder .slide.hp .person{
				background: url(../images/home-person-hp.png) bottom right no-repeat;
			}
		#slides-holder .slide.hg{
		}
			#slides-holder .slide.hg .person{
				background: url(../images/home-person-hg.png) bottom right no-repeat;
			}
			
		.headline{
			xheight: 120px;
			padding-top: 40px;
		}
			.headline .quote{
				font: bold 14px Arial;
				color: #666;
				padding: 16px 0;
			}
		.signature{
			height: 40px;
		}
			#slides-holder .slide.ev .signature{
				/*background: url(../images/signature-ev.gif) left center no-repeat;*/
			}
			#slides-holder .slide.hp .signature{
				/*background: url(../images/signature-hp.gif) left center no-repeat;*/
			}
			#slides-holder .slide.hg .signature{
				/*background: url(../images/signature-hg.gif) left center no-repeat;*/
			}
			.signature p{
				line-height: 20px;
			}
			.signature p.position{
				margin-top: 10px;
			}
		.promos{
			width: 524px;
			padding: 12px 0;
			border-top: 1px solid #d5d5d5;
			border-bottom: 1px solid #d5d5d5;
		}
			.promos h3{
				margin-bottom: 10px;
			}
			.promos .promo-left{
				width: 208px;
				float: left;
				padding: 0 10px;
				border-right: 1px solid #d3d3d3;
			}
			.promos .promo-right{
				width: 280px;
				float: left;
				padding-left: 15px;
			}
				.promo-right img{
					margin-right:12px;
				}
		.link-buttons{
			padding-top: 20px;
		}
			.learn-more{
				display: inline-block;
				width: 143px;
				height: 36px;
				background: url(../images/learn-more-button.png) no-repeat;
				text-indent: -9999px;
				margin-right: 25px;
			}
			.next-profile{
				display: inline-block;
				width: 157px;
				height: 36px;
				background: url(../images/next-profile-button.png) no-repeat;
				text-indent: -9999px;
			}
			
#home-promos{
	width: 980px;
	margin: 0 auto;
}
	.promo-segment{
		float: left;
		width: 291px;
		padding: 35px 15px 30px 20px;
	}
	.promo-segment.two {
		padding-right: 5px;
		width: 291px;
	}
	.promo-segment.three {
		width: 301px;
	}
	.promo-segment h3 {
		margin-bottom: 5px;
	}
	.promo-segment p {
		padding: 10px 0;
	}
	.promo-segment img{
		margin-left: 10px;
	}
	.promo-segment.three img {
		margin-right: 20px;
	}
	.vertical-separator{
		float: left;
		margin-top: 45px;
		width: 0;
		height: 110px;
		border-left:1px solid #cdcdcd;
	}
/****************************************************/

#main-wrapper{
	background: url(../images/int-menubar-bg.png) left repeat-y;
	width: 980px;
	margin: 0 auto;
	position: relative;
}

	.ribbon-bow2{
		background: url(../images/ribbon-bow.png) no-repeat;
		width: 169px;
		height: 55px;
		z-index: 1;
		position: absolute;
		left: 82px;
		top: -17px;
	}
	#main-wrapper .side-menu{
		float: left;
		width: 225px;
		height: 100px;
	}
		.side-menu ul li{
			display: block;
			width: 225px;
			height: 34px;
		}
		.side-menu ul li.top{
			background: url(../images/side-menu-top2.png) top right no-repeat;
		}
		.side-menu ul li.menu{
			background: url(../images/side-menu-border.png) bottom right no-repeat;
			position: relative;
		}
		.side-menu ul li.menu a{
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 135px;
			padding: 9px 5px;
			font: normal 14px Arial;
			color: #666;
			text-decoration: none;
		}
		.side-menu ul li.menu a:hover{
			/*color: #c41230;*/
			color: #333;
		}
		.side-menu ul li.menu a.current{
			padding: 9px 5px 9px 95px;
			right: -10px;
			background: url(../images/side-menu-selected.png) bottom right no-repeat;
			font-weight:  bold;
		}
		.side-menu ul li.menu a.current:hover{
			color: #666;
		}


	#main-wrapper .content-wrapper{
		float: left;
		width: 754px;
		background: url(../images/1gray.gif) repeat-y;
		border-right: 1px solid #c6c6c6;
	}
	h1.h1-wrap{padding:18px 0 0 333px;}
		.visual{
			width: 754px;
			/*height: 196px;*/
			background-color:#535353;
			border-top:11px solid #cb4a3b;
			background: url("../images/int-visual-hg.png") no-repeat bottom left, linear-gradient(0deg, #848484, #535353);
		}
			.visual.hg{
				background: url("../images/int-visual-hg.png") no-repeat bottom left, linear-gradient(0deg, #848484, #535353);
			}
			.visual.ev{
				background: #848484 url(../images/int-visual-ev.jpg) no-repeat;
			}
			.visual.hp{
				background: #848484 url(../images/int-visual-hp.jpg) no-repeat;
			}
			.visual p{
				font: normal 16px/22px Arial;
				color: #fff;
				padding: 18px 0 0 333px;
			}
		.content{
			width: 428px;
			padding: 21px 46px 21px 40px;
			border-left: 1px solid #c6c6c6;
			float: left;
		}
			.content p{
				font: normal 16px/22px Arial;
				color: #666;
				padding-bottom: 18px;
			}
		.sidebar{
			float: left;
			position: relative;
			padding-top: 90px;
		}
			.sidebar .product-image{
				width: 219px;
				height: 158px;
				position: absolute;
				top: -73px;
				left: 0;
			}
			.sidebar .product-image.hg{
				background: url(../images/product-image-hg.png) no-repeat;
			}
			.sidebar .product-image.ev{
				background: url(../images/product-image-ev.png) no-repeat;
			}
			.sidebar .product-image.hp{
				background: url(../images/product-image-hp.png) no-repeat;
			}
			
			.sidebar .gray-bar{
				width: 189px;
				padding: 12px 15px;
				background-color: #f5f4f4;
			}
				.sidebar .gray-bar-top{
					height: 3px;
					background: url(../images/int-sidebar-top.png) top center no-repeat;
					font-size: 0;
				}
				.sidebar .gray-bar-bottom{
					height: 3px;
					background: url(../images/int-sidebar-bottom.png) top center no-repeat;
					font-size: 0;
				}
				.sidebar ul{
					margin: 15px 0 20px;
				}
					.sidebar ul li{
						font: bold 13px Arial;
						color: #333;
						background: url(../images/list-sqr-bullet.gif) left 8px no-repeat;
						padding: 2px 0 2px 12px;
					}
				.sidebar .get-product{
					display: block;
					width: 181px;
					height: 36px;
					margin: 0 auto;
					text-indent: -9999px;
				}
				.get-product.get-hg{
					background: url(../images/get-hg-button.png) no-repeat;
				}
				.get-product.get-ev{
					background: url(../images/get-ev-button.png) no-repeat;
				}
				.get-product.get-hp{
					background: url(../images/get-hp-button.png) no-repeat;
				}
				
		.product-segment{
			float: left;
			width: 210px;
			padding: 120px 15px 200px 25px;
			position: relative;
		}
		.product-segment.hp{
			background: url(../images/segment-person-hp.jpg) bottom center no-repeat;
		}
		.product-segment.hg{
			background: url(../images/segment-person-hg.jpg) bottom center no-repeat;
		}
		.product-segment.ev{
			background: url(../images/segment-person-ev.jpg) bottom center no-repeat;
		}
		.product-segment.border-right{
			border-right: 1px solid #d0d0d0;
		}
		.product-segment.border-left{
			border-left: 1px solid #c6c6c6;
		}
		.product-segment p{
			padding-top: 17px;
			padding-bottom: 25px;
			margin-right: 5px;
			border-bottom: 1px solid #d0d0d0;
		}
		.buy-now-button{
			display: inline-block;
			width: 129px;
			height: 36px;
			background: url(../images/buy-now-button.png) no-repeat;
			text-indent: -9999px;
			margin: 13px 0 0 17px;
		}
		.product-segment .product-image{
			width: 219px;
			height: 158px;
			position: absolute;
			top: -53px;
			left: 0;
		}
		.product-segment.hg .product-image{
			background: url(../images/product-image-hg.png) no-repeat;
		}
		.product-segment.ev .product-image{
			background: url(../images/product-image-ev.png) no-repeat;
		}
		.product-segment.hp .product-image{
			background: url(../images/product-image-hp.png) no-repeat;
		}
		
/****************************************************/

#footer{
	width: 980px;
	margin: 0 auto;
	background: #fff url(../images/int-footer-bg.png) top center no-repeat;
	text-align: center;
	font: normal 16px/22px Arial;
	color: #888;
	padding: 30px 0;
	position: relative;
	left: 90px;
}
#footer.home {
	left: 0;
	}
	#footer a{
		font: normal 13px/18px Arial;
		color: #666;
		text-decoration: none;
		margin:0 8px;
	}
	#footer a:hover{
		text-decoration: underline;
	}

@media screen and (max-width:767px) {
	html {
		overflow-x: hidden;
	}
	#header {
		width: 100%;
		height: auto;
	}
	.logo {
		margin: 25px 0 0 25px;
	}
	.top-menu {
		margin-top: 50px;
		width: 100%;
	}
	.top-menu a.menu {
		width: 100% !important;
		padding: 5px;
		margin: auto;
	}
	.home-explore {
		margin: 5px 0 25px;
		background-position: center top;
		width: 100%;
	}
	#main-wrapper .side-menu {
		width: 100%;
		height: auto;
	}
	#main-wrapper,
	.content-wrapper,
	.content-wrapper * {
		width: 100% !important;
	}
	.content {
		box-sizing: border-box;
		padding: 25px 15px;
	}
	.sidebar {
		padding: 0;
	}
	.sidebar .product-image {
		position: static;
	}
	#footer {
		width: 100%;
		position: static;
	}
	#footer a {
		display: block;
	}
}
@media screen and (max-width:767px){
	body{overflow-x:hidden;}
	#header{max-width:100%;overflow-x:hidden;}
	.visual{padding-bottom:200px;}
	.visual h1,.visual p{padding:10px 10px!important;}
}