/***************  templates/main/css/template.home.css  ***************/
h1{
	margin: 20px 0 40px;

	font-size:2.45em;
}

div#holder p{
	line-height: 1.8;
}

#features{
	width: 100%;
	padding: 0 0 35px;
}

#features .feature{
	width: 293px;
	position: relative;
	margin: 0 20px 0 0;
}
#features div.feature3{
	margin: 0;
}

#features div.feature3 .desktop{
	display:none;
}

#features .item,
#features .cycle-slideshow,
#features .feature-image{
	width: 100%;
	height: auto;
}

#features .item{
	height: 412px;
	z-index: 1 !important;
	background:#f4f0e6;
}

#features h2{
	margin: 20px 0 3px;
}
#features h3{
	margin: 8px 0 0;
	line-height: 1.5;
}
#features .feature-content{
	padding:0 15px;
}

#features .feature-intro{
	line-height: 1.8;
	margin: 0;
}

#features .arrow{
	width: 4px;
	height: 7px;
	padding: 0 2px;
	display: inline-block;
	background: url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat right -93px ;
}

#features h3 .arrow,
.specials-slider .feature-intro .arrow{
	display: none;
}

.specials-slider h3 .arrow{
	display: inline-block;
	height: 8px;
}

.item-price .amount{
	padding: 0 0 0 3px;
}

.cycle-nav-wrapper{
	width: 88%;
	height: 47px;
	margin: 0 6%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top:1px solid #e1d5bc;
	z-index: 2;
}

.cycle-nav-wrapper .pager{
	display: block;
    height: 20px;
    padding: 13px 0;
}
*+html .cycle-nav-wrapper .pager{
    padding: 20px 0;
}

.cycle-nav-wrapper .cycle-nav{
	width: 35px;
	height: 36px;
	display: block;
	position: absolute;
	left: 0;
	top:5px;
	cursor: pointer;
	background: url(http://www.chatrium.com/templates/main/images/bg-sprite.png) no-repeat 0 -100px ;
}

.cycle-nav-wrapper .cycle-next {
	left: auto;
	right: 0;
	background-position: right -100px ;
}

#main-content{
	width: 100%;
	float: left;
	padding: 0 0 25px;
	position: relative;
}

#main-content .share-controls{
	border-bottom: 1px solid #e8e0cd;
    border-top: 1px solid #e8e0cd;
    height: 60px;
}

#main-content .share-controls .print-button {
    background:url(http://www.chatrium.com/templates/main/images/bg-repeat-sprite.png) no-repeat scroll 0 -296px;
}
#main-content .share-controls .control-icon{
	padding:20px 0 ;
}

#main-visual{
	height: 383px;
}

#main-content .left-content{
	width: 520px;
}

#main-content .right-content .video {
    float: right;
    height: 417px;
    margin: 0;
    width: 385px;
}
#main-content .right-content .video iframe{
   border:none;
}
#main-content .right-content .video .bravo_widget{
   padding-left:100px;
}

/* Large desktop */
@media(min-width: 1280px) {

	h1{
		margin: 20px 0 30px;
	}

	#features{
		padding-bottom: 60px;
	}

	#features .feature{
		width: 380px;
		margin: 0 30px 0 0;
	}
	#features h2{
		margin: 15px 0;
	}
	#features .item{
		height: 450px;
	}
	#features .feature-content{
		padding: 0 45px;
	}
	#features .specials-slider h3{
		height: 30px;
		overflow: hidden;
	}
	#features .feature-intro{
		margin: 0 0 3px;
	}
	#features .feature-intro a.desktop,
	#features .specials-slider .feature-intro a{
		display: none;
	}
	#features .specials-slider .feature-intro a.desktop{
		display: block;
	}

	#features .common-btn{
		margin: 15px 0 0;
	}
	#features div.feature3 .non-desktop{
		display:none;
	}
	#features div.feature3 .desktop{
		display:block;
	}


	#main-content{
		padding: 0 0 48px;
	}
	#main-content .left-content{
		width: 790px;
	}
	#main-visual{
		height: 596px;
	}
	/* #main-content .right-content{
		position:relative;
	} */
	#main-content .right-content .video iframe {
		height: 179px;
		width: 350px;
	}
	#main-content .right-content .video {
		height: 332px;
		width: 350px;
	}
/* 	#main-content .bravo_widget{
		position: absolute;
		bottom: 0;
		left: 92px;		
	} */

}


/* Portrait Tablet to Landscape and Desktop */
@media (min-width: 768px) and (max-width: 979px) {

	h1{
		margin-top: 13px;
	}	
	.caption-intro span{
		font-size: 0.85em;
	}
	.caption .top-letter{
		font-size: 2.5em;
	}
	.caption-wrapper .caption-intro{
		height: 105px;
	}
	.weather-wrapper{
		width: 185px;
	}
	#digital-clock,
	.weather-tempC{
		font-size: 1em;
	}
	.time, 
	.weather-wrapper{
		padding-top: 3px;
	}
	#features h2{
		margin: 20px 0 10px;
	}
	#features .feature{
		width: 334px;
		margin-bottom: 5px;
	}
	#features .feature2{
		margin-right: 0;
	}
	#features .item{
		height: 424px;
	}
	#features .item-price{
		width: 100%;
		display: block;
		margin: 10px 0;
	}
	#features .specials-slider h3{
		height: 28px;
		overflow: hidden;
	}

	#main-content{
		padding:0 0 35px;
	}
	#main-content .left-content{
		width: 100%;
	}
	#main-content .right-content{
		float: left;
	}

	#main-visual{
		height: 329px;
	}

	#main-content .right-content .video{
		width:575px;
		height:270px;
	}
	#main-content .right-content .video .video-content {
		float: left;
	}
	#main-content .right-content .video .bravo_widget{
		padding:42px 0 0 ;
		float:right;
	}
}

/* Landscape Phone to Portrait Tablet */
@media (max-width: 767px) {

	h1{
		font-size: 1.55em;
		line-height: 1.15;
		margin:15px 0 40px;
	}

	div#features,
	#main-content{
		margin: 0 3%;
		width: 94%;
	}	
	#main-content .left-content{
		width: 100%;
	}
	#main-content .right-content{
		float: none;
		width: 300px;
		margin: 0 auto;
	}

	#main-content .right-content .video iframe,
	#main-content .right-content .video{
		width: 298px;
		height: auto;
		margin:0;
	}
	#main-content .right-content .video iframe{
		height: 189px;
	}

	div#features{
		padding: 0 0 20px;
	}
	div#features div.feature{
		width: 100%;
	}

	#features h2{
		margin: 15px 0 3px;
		font-size: 1.2em;
	}

	#features .item{
		height: 160px;	
	}
	.blackberry #features .item{
		height: 180px;	
	}
	#features h3{
		padding: 5px 0;
	}
	#features .specials-slider h3{
		padding: 3px 0 0;
		height: 25px;
		overflow: hidden;
	}
	#features .specials-slider h3 .arrow{
		display: inline-block;
	}
	#features .specials-slider .feature-intro{
		display: none;
	}

	#features h3,
	#features .item-price > span{
		margin: 0;
		font-size: 1.2em;
	}

	#features .item-price{
		width: 100%;
		float: left;
	}
	#features .feature-content{
		padding: 5px 15px;
	}

	#features .feature-intro{
		font-size: 0.9em;
	}
	
	#features .cycle-nav-wrapper{
		width: 94%;
		margin: 0 3%;
	}

	#main-content .share-controls{
		border:none;
		height:40px;
	}
	
	#main-visual {
		height: 185px;
		min-height: 185px;
	}

	.share-options{
		bottom: 40px;
	}
		
	#main-content .right-content .video .bravo_widget {
		padding-left: 65px;
	}
	
}

@media (max-width: 380px) {
	#main-visual .slideshow img.slide{
		width: 126%;
		margin-top: 0;
		margin-left: -13%;

	}

}