@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body { 
    padding: 0;
    margin:0;
	font-family: 'Open Sans', sans-serif;
}
a:hover { text-decoration: none;}
img {max-width: 100%; height: auto; }
#wraaper a { text-decoration: none; }
#wrapper {
    width: 100%;
    margin: auto;
    text-align: center;
    font-weight: normal;
    background: #fff;
	border-top: 5px solid #45b4e9;
}
#wrapper .header { overflow:hidden; padding-top:20px; padding-bottom: 3px;    }
#wrapper .header .image-logo  {  padding-bottom: 3px;}
#wrapper .header  h1 { margin-bottom: 0; }
#wrapper .header p { margin: 10px; color: #333; padding-bottom: 20px; font-size: 16px;}
#wrapper .title {
    color: #333;
    font-size: 22px;
    padding: 20px 0;
	margin-top: 50px;
	border-bottom: 1px solid #efefef;
}
.quick-access {  padding: 0; text-align: center; color: #fff;  margin-top: 40px; background: #333; }
.quick-access .box { height: 60px; line-height: 60px; }
.quick-access .box1{ border-right: 1px solid #ddd; font-size: 18px;   }
.quick-access .box1 span { color: #DD383E; font-weight: bold;}
.quick-access .box2 { text-align: center;}
.quick-access .box2 a {
	background: none repeat scroll 0 0 #DD383E;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 15px;
    padding: 10px 35px;
	border: 1px solid #DD383E;
}
.quick-access .box2 a:hover { background: none; color: #fff;}
.main { background: #fff; padding-top: 45px;}
.layout-container .column { 
	background: url('../images/bg-macbook.png') 0 0 no-repeat;
	width: 530px;
	height: 320px;
	display: inline-block;
	position: relative;
	margin: auto;
}
.f-col { margin-top: 30px; }

.layout-container .column .image-scroll {
	background-position: center 0;
	background-repeat: no-repeat;
	position: absolute;
	width: 403px;
	height: 252px;
	top: 26px;
	left: 67px;
	
	transition: all 5s ease-out 0s;
	-webkit-transition: all 10s ease-out 0s;
	-moz-transition: all 10s ease-out 0s;
	-ms-transition: all 10s ease-out 0s;
	-o-transition: all 10s ease-out 0s;
	
}
.layout-container .column1 .image-scroll { background-image: url("../images/car_red1.png")}
.layout-container .column2 .image-scroll {background-image: url("../images/digital_blue1.png") }
.layout-container .column3 .image-scroll {background-image: url("../images/furniture_gray1.png") }

.layout-container .column:hover .image-scroll { background-position: 50% 100%;}
.main .title-store {
	font-size: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 50px;
}
.main .title-color {
	margin-top: 50px;
	padding: 20px 0;
	font-size: 24px;
	padding-bottom: 20px;
	background: #eee;
}
.main .title-color span { }
.themeoption-container {   margin-top: 50px; }
.themeoption-container .col { position: relative;}
.themeoption-container .col:before { 
	background: url("../images/head-bullets.png") 10px 8px no-repeat #e6e3e3;
	width: 100%;
	height: 20px;
	content: '';
	position: absolute;
	left: 0;
	top: -20px;
	border-radius: 5px 5px 0 0;
}
.themeoption-container .col a { 
	height: 420px;
	overflow: hidden;
	border: 1px solid #e6e3e3;
	display: block;
	width: 100%;
	position: relative;
}
.themeoption-container .col:after {
	background-color: #E6E3E3;
	width: 100%;
	height: 20px;
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	border-radius: 0 0 5px 5px;
}
.themeoption-container .col a img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
	transition: all 5s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;
	-ms-transition: all 1s ease-out 0s;
	-o-transition: all 1s ease-out 0s;
}
.themeoption-container .col:hover a img {
	top: -55%;
}
.themeoption-container  h3 { margin-top: 50px; font-size: 16px; }

.digital-wrapper { background: #eee; padding: 50px 0; margin-top: 30px;}


.layout-button {  padding: 30px 0; background: #222; color: #888; margin-top: 30px;}
.layout-button a:hover { text-decoration: underline;}