@charset "UTF-8";
/* CSS Document */


#wrapper {
	width: 950px;
	height: 5400px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-color: #dce0d5;
	background-image: url(http://static.garmincdn.com/shared/emea/custom/approach-redesign/_images/main-bkg.jpg);
	background-repeat: repeat-x;
}



/********************************
 *								*
 *		  	    TYPE            *
 *								*
 ********************************/

h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #666;
	margin-top: 40px;
	background-color: #FFF;
	float: left;
	padding: 10px 25px 13px 30px;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #666;
}

h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #666;
	text-align: center;
}

h4 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #666;
	margin: 0px 0px 10px;
	float: left;
	width: 250px;
}

h5 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #666;
}

.slide-copy {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}

.normal {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
}

.small {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 15px 0 0 0;
	line-height: 1.2em;
}

.footer-copy {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	margin: 0px 0px 20px;
	width: 250px;
}

.shop {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 20px 0 0 0;
}

.register {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	float: none;
}

/********************************
 *							 	*
 *		 	  CONTENT           *
 *						 		*
 ********************************/

#slide-copy {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	width: 400px;
}

#slide-copy li {
	margin: 0 0 5px 0;
	list-style-type: disc;
	float: left;
}

#start {
	height: 774px;
	width: 950px;
	float: left;
	margin: 0;
	background-image: url(http://static.garmincdn.com/shared/emea/custom/approach-redesign/_images/lifestyle-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#lifestyle-content {
	float: right;
	width: 320px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	height: 600px;
}

#intro {
	background-color: #FFFFFF;
	float: right;
	width: 300px;
	margin: 80px 0 0 0;
	padding: 20px 30px 0px 20px;
}

#lifestyle-1 {
	height: 600px;
	width: 950px;
	float: left;
	background-image: url(http://static.garmincdn.com/shared/emea/custom/approach-redesign/_images/lifestyle-3.jpg);
	background-repeat: no-repeat;
}
#series {
	height: 700px;
	width: 950px;
	float: left;
}

#benefits {
	height: 700px;
	width: 950px;
	float: left;
}

#lifestyle-2 {
	height: 600px;
	width: 950px;
	background-image: url(http://static.garmincdn.com/shared/emea/custom/approach-redesign/_images/lifestyle-2.jpg);
	float: left;
}

#shop {
	height: 700px;
	width: 950px;
	float: left;
}

.product-row {
	float: left;
	width: 890px;
	height: 500px;
	margin: 0 0 0 20px;
}
.approach {
	float: left;
	width: 217px;
	height: 400px;
	margin: 0 0 0 5px;
}

#video {
	height: 540px;
	width: 950px;
	float: left;
}

#extras {
	height: 450px;
	width: 950px;
	float: left; 
}

#youtube-section {
	height: 500px; 
	width: 950px;
	margin: 0 0 0 0;
	float: left;
}

.yt-video {
	height: 239px;
	width: 425px;
	margin: 20px 0 30px 30px;
	float: left;
}

#approach .row {
	float: left;
	width: 950px;
	height: 242px;
}

.extras-row {
	float: left;
	width: 950px;
	height: 242px;
}

.row-2 {
	float: left;
	width: 270px;
	height: 450px;
	margin-left: 30px;
}

#nav-arrows {
	float: right;
	height: 45px;
	width: 100px;
	margin: 50px 30px 50px 0;
}

#nav-arrows ul 
{
	height: 45px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-arrows li 
{
	margin: 0;
	padding: 0;
	height: 45px;
	float: right;
}

#nav-arrows li a 
{
	height: 45px;
	margin: 0px;
	text-indent: -9999px;
}

#nav-arrows li.up a 
{
	height: 45px;
	width: 45px;
	display: block;
	float: right;
	background-image: url(http://static.garmincdn.com/shared/emea/custom/approach-redesign/_images/up-btn.png);
	background-repeat: no-repeat;
}

#nav-arrows li.down a 
{
	height: 45px;
	width: 45px;
	display: block;
	margin: 0 0 0 10px;
	background-image: url(http://static.garmincdn.com/shared/emea/custom/approach-redesign/_images/down-btn.png);
	background-repeat: no-repeat;
}

#nav-arrows li a:hover 
{
	background-position: 0 -45px;
}






/********************************
 *								*
 *		      SOCIAL            *
 *								*
 ********************************/


#social {
	height: 44px;
	width: 160px;
	float: right;
	margin: 50px 25px 0 0;
}

#social ul 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#social li 
{
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	height: 44px;
}

#social li a 
{
	float: right;
	height: 44px;
	margin: 0px;
	text-indent: -9999px;
}

#social li.facebook a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/facebook.png) no-repeat;
	height: 44px;
	width: 44px;
	float: left;
	display: block;
}

#social li.twitter a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/twitter-icon.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
	margin-left: 10px;
}

#social li.pinterest a 
{
	background-image: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/pinterest-icon.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
	margin-left: 10px;
}

#social li a:hover 
{
	background-position: 0px -44px;
}



/********************************
 *								*
 *		    SOCIAL-2            *
 *								*
 ********************************/


#social-2 {
	height: 44px;
	width: 160px;
	float: right;
	margin: 490px -100px 0 0;
}

#social-2 ul 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#social-2 li 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	height: 44px;
}

#social-2 li a 
{
	float: right;
	height: 44px;
	margin: 0 0 0 0;
	text-indent: -9999px;
}

#social-2 li.facebook a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/facebook.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
}

#social-2 li.twitter a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/twitter-icon.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
	margin-left: 10px;
}

#social-2 li.pinterest a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/pinterest-icon.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
	margin-left: 10px;
}

#social-2 li a:hover 
{
	background-position: 0px -44px;
	
}



/********************************
 *								*
 *		   SOCIAL EXTRAS        *
 *								*
 ********************************/

#extras-social {
	height: 44px;
	width: 270px;
	float: right;
	margin-bottom: 20px;
}

#extras-social ul 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#extras-social li 
{
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	height: 44px;
}

#extras-social li a 
{
	float: right;
	height: 44px;
	margin: 0px;
	text-indent: -9999px;
}

#extras-social li.facebook-extras a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/facebook-extras.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
}

#extras-social li.twitter-extras a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/twitter-extras.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
	margin-left: 10px;
}

#extras-social li.youtube-extras a 
{
	background: url(http://static.garmincdn.com/shared/emea/custom/forerunner-10/_images/youtube-extras.png) no-repeat;
	width: 44px;
	height: 44px;
	float: left;
	display: block;
	margin-left: 10px;
}

#extras-social li a:hover 
{
	background-position: 0px -44px;
}

.form {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
	border:1px solid #999999;
	color:#666;
	background-color: #FFF;
	margin: 0px 0 15px 0;
	padding: 7px;
	height: 30px;
	width: 250px;
}

#submit {
	float: left;
	width: 80px;
	margin: 15px 0 0 0;
}
