/*
 * M-Edge, Parallax Stylesheet
 * Version: 1.0.0
 *
 * Author: MGH
 * crivers@mghus.com
 *
 * Changelog: 
 * Version: 1.0.0
 *  Init Build
 *
 */

/* Global
------------------*/
* {
	
}

::-moz-selection { background-color: #249ACB; color: #fff; }
::selection { background-color: #249ACB; color: #fff;}

/* Slides
------------------*/
.slide {
	height: 930px;
	overflow: hidden;
	position: relative;
	z-index:2;
}

/* ---------------- */
#intro {
	background:#92e0e9 url("images/intro-bg.png") 0 -1px;
	height:423px;
}

#intro .content {
	margin:0 auto;
	width:1006px;
}

#intro .content .slider-wrapper {
	/*position:fixed;*/
	width:1006px;
}

#intro .content .slider-wrapper .slider-container { background:url("images/slider-bg.png") no-repeat; padding: 0 29px; }
#intro .content .slider-wrapper .slider-container #slider { overflow:visible; }
	
#intro .content .slider-wrapper .slider-container .nivo-directionNav a {
	display: inline-block;
    height: 50px;
    text-indent: -9999px;
    top: 201px;
    width: 24px;
}

#intro .content .slider-wrapper .slider-container .nivo-directionNav a.nivo-prevNav { left: -25px; }
#intro .content .slider-wrapper .slider-container .nivo-directionNav a.nivo-nextNav {  right: -24px; }

/* ---------------- */
#shop {
	background:#fff url("images/shop-slide-bg.png") repeat-x 0 bottom;
	/* height: 701px; */
	/* height:1195px; */
}

#shop .content {
	margin:12px auto 0;
	position: relative;
	width:1074px;
}

#shop .content .model {
	margin-left:41px;
	position: absolute;
	top:624.2px; /* Parallax Default */
}

#shop .content ul {
	float: right;
	list-style: none outside none;
	margin-right: 91px;
	margin-top: 55px;
	width: 566px;
}

#shop .content ul li {
	float:left;
	margin-bottom:23px;
	margin-right:16px;
	text-align:center;
	width:255px;
}

#shop .content ul li img {
	background:url("images/trina-turk-shop-bg.png") no-repeat;
}

/* Parallax Default */
#shop .content ul li a {
	background:url("images/trina-turk_13.png") no-repeat;
	color: #FFFFFF;
    display: inline-block;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size: 14px;
    height: 16px;
    padding: 9px 0;
    width: 176px;
}

#shop .outro-bg {
    background: none repeat scroll 0 0 #63D2DF;
	padding: 30px 0;
	position: absolute;
	right: 0;
	top: 473px;
	width: 50%;
	z-index: 0;
}

#shop .outro-bg .glyph {
	margin-left: -120px;
    margin-top: -68px;
}

#shop .outro-bg p {
	color: #FCFEFF;
	font-size: 14px;
	line-height: 27px;
	margin-left: 39px;
	width: 563px;
}

/* ---------------- */
#collection {
	background:url("images/trina-turk-collection-bg.png") repeat;
	height:1634px;
}

#collection .content {
	height:1634px;
	margin:0 auto;
	position:relative;
	width:1130px;
}

#collection .content .callout {
	position:absolute;
	top:72px;
	width:619px;
}

#collection .content .callout span { color:#515151; display:block; font-size:22px; line-height: 30px; }

#collection .content .callout span.line-1 {}
#collection .content .callout span.line-2 { font-size: 36px; margin-bottom: 7px; margin-top: 1px; }
#collection .content .callout span.line-3 {}
#collection .content .callout span.line-4 {}

#collection .content .pattern-selection {
    position: absolute;
    right: 0;
    top: 299px;
	z-index:5;
}

#collection .content ul.patterns {
	height: 875px;
	list-style: none outside none;
	position: absolute;
	left: 0;
	top: 299px;
	width: 503px;
	z-index: 5;
}

#collection .content ul.patterns li {
	float:left;
	height:294px;
	position:relative;
	width:244px;
}

#collection .content ul.patterns li.even { margin-left:10px }

#collection .content .device-animation {
	bottom: 62px;
    height: 529px;
    position: absolute;
    width: 400px;
}

#collection .content .device-animation .device {
	position:absolute;
	top:10px;
}

#collection .content .device-animation .case {
	left: 3px;
    position: absolute;
    top: -182px;
	z-index:3;
}

/* ---------------- */
#about {
	background:#ccc7c6 url("images/wood-texture.png") repeat-x;
}

#about .content {
	background:url("images/turk-about-b.png") no-repeat;
	height:1052px;
	margin:0 auto;
	position:relative;
	width:1200px;
}

#about .content .circle-content {
	background: url("images/circle-bg.png") no-repeat scroll 0 0 transparent;
	height: 565px;
	padding-left: 93px;
	padding-right: 91px;
	padding-top: 116px;
	position: absolute;
	right: 143px;
	top: 320px;
	width: 377px;
}

#about .content .circle-content p {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 34px;
	margin-bottom: 17px;
}

#about .content .about-trina-logo {
	position: absolute;
	right: 230px;
	top: 202px;
	z-index: 2;
}

/* ---------------- */
#outro {
	background:#c8f0f8 url("images/outro-slide-bg.png") repeat-x;
	height:689px;
}

#outro .content {
    background: url("images/outro-content-bg.png") no-repeat scroll 30px 0 transparent;
    height: 689px;
    margin: 0 auto;
    position: relative;
    width: 1097px;
}

#outro .content .model2 {
    bottom: 0;
    left: -76px;
    position: absolute;
}

#outro .content .products-group {
	float:right;
	margin-top: 49px;
	position:relative;
}

#outro .content .products-group .product-1 {
	float:left;
	margin-top: 53px;
}

#outro .content .products-group .product-2 {
	float:left;
}

#outro .content .products-group .arrow { 
	background: url("images/trina-turk-outro_06.png") no-repeat;
	cursor:pointer;
	display: inline-block;
    height: 50px;
    position: absolute;
    width: 57px;
}

#outro .content .products-group .arrow-1 { 
	left: -54px;
    top: 195px;
}

#outro .content .products-group .arrow-2 { 
	left: 189px;
	top: 104px;
}
	
#outro .content .products-group .arrow-3 { 
	background: url("images/trina-turk-outro_13.png") no-repeat; 
	bottom: 81px;
    right: 150px;
}