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



/* Navigation */

#nav {
	float: left;
	height: 34px;
	width: 950px;
}

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

#nav li 
{
	margin: 0; 
	padding: 0 0 0 0 ;	
	float: left;
	height: 34px;
}

#nav li a 
{
	float: left;
	text-indent: -9999px;
	height: 34px;
	margin: 0 0px;
}

#nav li.nav-approach a 
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/approach-nav.gif);
}

#nav li.nav-features a 
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/features-nav.gif);
}

#nav li.nav-screens a 
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/screens-nav.gif);
}

#nav li.nav-extras a 
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/extras-nav.gif);
}

#nav li.nav-shop a 
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/shop-nav.gif);
}

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

#approach li.nav-approach a, #features li.nav-features a, #screens li.nav-screens a, #extras li.nav-extras a, #shop li.nav-shop a
{ 
	background-position: 0 -34px;
}

#nav li.nav-approach-hover a
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/approach-nav.gif);
	background-position: 0 -34px;
}


#nav li.nav-features-hover a
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/features-nav.gif);
	background-position: 0 -34px;
}

#nav li.nav-extras-hover a
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/extras-nav.gif);
	background-position: 0 -34px;
}


#nav li.nav-screens-hover a
{
	width: 190px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/screens-nav.gif);
	background-position: 0 -34px;
}






/* INDIVIDUAL SLIDESHOW STYLE */



/* ------------- S1W INTRO ------------- */

.approach-intro {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 900px;
}

#s1w-product {
	float: left;
	height: 300px;
	width: 625px;
	margin-top: 150px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/_slideshow/s1w-intro.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#intro-content {
	float: left;
	width: 350px;
	margin-left: 260px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	width: 350px;
}

.approach-copy {
	font-size: 15px;
	line-height: 17px;
}

.approach-copy + div {
	border-bottom: 30px;
}


/* ------------- G5 ------------- */

.approach-g5 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 900px;
}

#g5-product {
	float: left;
	height: 441px;
	width: 625px;
	margin-top: 140px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/_slideshow/g5.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#g5-content {
	float: left;
	width: 360px;
	margin-left: 260px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* ------------- S3 ------------- */

.approach-s3 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 900px;
}

#s3-product {
	float: left;
	height: 441px;
	width: 625px;
	margin-top: 140px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/_slideshow/s3.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#s3-content {
	float: left;
	width: 360px;
	margin-left: 260px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}




/* ------------- G6 ------------- */

.approach-g6 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 900px;
}

#g6-product {
	float: left;
	height: 441px;
	width: 625px;
	margin-top: 140px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/_slideshow/g6.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#g6-content {
	float: left;
	width: 360px;
	margin-left: 260px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}




/* ------------- G3 ------------- */

.approach-g3 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 900px;
}

#g3-product {
	float: left;
	height: 441px;
	width: 625px;
	margin-top: 140px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/_slideshow/g3.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#g3-content {
	float: left;
	width: 360px;
	margin-left: 260px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}



/* ------------- S1 ------------- */

.approach-s1 {
	text-decoration: none;
	float: left;
	list-style-type: none;
	width: 950px;
	height: 900px;
}

#s1-product {
	float: left;
	height: 441px;
	width: 680px;
	margin-top: 140px;
	margin-left: 140px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/_slideshow/s1-s1w.png);
	margin-right: 0px;
	margin-bottom: 0px;
}

#s1-content {
	float: left;
	width: 345px;
	margin-left: 290px;
	margin-top: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
}





#shop-btn {
	float: left;
	height: 32px;
	width: 96px;
	text-align: center;
}


a.btn-action:link, a.btn-action:visited
{
	float: left;
	height: 27px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/_slideshow/shop-now-btn.png);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 96px;
	padding-top: 5px;
	font-size: 14px;
} 

a.btn-action:hover 
{
	background-position: 0 -32px;
}




 #long-shop-btn {
	float: left;
	height: 32px;
	width: 177px;
	text-align: center;
	margin-right: 40px;
}


a.long-btn-action:link, a.long-btn-action:visited
{
	float: left;
	height: 27px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/long-btn.png);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 177px;
	padding-top: 5px;
	font-size: 14px;
} 

a.long-btn-action:hover 
{
	background-position: 0 -32px;
}




#medium-shop-btn {
	float: left;
	height: 32px;
	width: 400px;
	text-align: center;
	margin-right: 40px;
	margin-bottom: 40px;
}


a.medium-btn-action:link, a.medium-btn-action:visited
{
	float: left;
	height: 27px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/medium-btn.png);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 115px;
	padding-top: 5px;
	font-size: 14px;
} 

a.medium-btn-action:hover 
{
	background-position: 0 -32px;
}




/* ------------- PAGE SECTION ------------- */


#page-section {
	float: left;
	height: 900px;
	width: 950px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/grey-bkg.gif);
}

#features-intro {
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-left: 20px;
}

#features-copy {
	float: left;
	width: 430px;
	margin-left: 30px;
	margin-top: 35px;
}

#extras-copy {
	float: left;
	width: 430px;
	margin-left: 30px;
	margin-top: 40px;
}

.normal-copy {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #FFF;
}

h2 {
	font-size: 18px;
	color: #99cc33;
	margin: 0px;
}

h3 {
	font-size: 16px;
	color: #99cc33;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
}



#screenshot {
	float: left;
	width: 237px;
	margin-top: 30px;
	height: 250px;
}

#g5-screenshot {
	float: left;
	height: 215px;
	width: 131px;
	margin-left: 54px;
}


#s1-screenshot-section {
	float: left;
	width: 237px;
	margin-top: 30px;
	height: 192px;
}

#s1-screenshot {
	float: left;
	height: 135px;
	width: 137px;
	margin-left: 54px;
}

#screenshot-copy {
	float: left;
	width: 210px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.screenshot-copy {
	font-size: 12px;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}


.normal-link {
	color: #99cc33;
	font-size: 13px;
	text-decoration: none;
}

.normal-link:hover {
	text-decoration: underline;
}



#social-media-icons {
	float: left;
	height: 48px;
	width: 300px;
}

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

#social-media-icons li 
{
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	height: 48px;
}

#social-media-icons li a 
{
	float: left;
	text-indent: -9999px;
	height: 48px;
	margin: 0 0px;
}

#social-media-icons li.facebook a 
{
	width: 48px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/facebook-icon.png);
	background-repeat: no-repeat;
}

#social-media-icons li.twitter a 
{
	width: 48px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/twitter-icon.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
}

#social-media-icons li.youtube a 
{
	width: 48px;
	background-image: url(http://static.garmin.com/shared/de/custom/approach/youtube-icon.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#social-media-icons li a:hover 
{
	background-position: 0 -49px;
}


#footer {
	float: left;
	height: 160px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}