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

/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
	
	html,body,div,span,applet,object,iframe,
	h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,
	del,dfn,em,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,
	b,u,i,center,
	dl,dt,dd,ol,ul,li,
	fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td,
	article,aside,canvas,details,embed,
	figure,figcaption,footer,header,hgroup,
	menu,nav,output,ruby,section,summary,
	time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
	
	/* HTML5 display-role reset for older browsers */
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section{display:block;}
	body{line-height:1;}
	ol,ul{list-style:none;}
	blockquote,q{quotes:none;}
	blockquote:before,blockquote:after,
	q:before,q:after{content:'';content:none;}  /* TODO : find out what this means */
	table{border-collapse:collapse;border-spacing:0;}
	
	
/****************************************************************************************
		Whole page
****************************************************************************************/

body {
	background-color: #fff;
	color: #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16x;
	
}

h2 {
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 24px;
	margin-top: 50px;
}

p, ol {
	line-height: 1.3em;
	margin-top: 20px;
	color: #888;
}

ol {
	list-style-type: decimal;
	margin-left: 30px;
}

/* TODO: check what the other a-states were and in which order they need to go */
a:link {
	color: #999;
}

a:visited {
	color: #999;
}

a:hover {
	color: #f90;
}

a:active {
	color: #FC0;
}

#header, #content, #footer {
	width: 911px;
	margin: 0 auto;
}

#content, .appListing {
	clear: both;
}

/* AMPart Word mark */
span.amp {
	font-family:"Comic Sans MS", cursive;
	font-weight: bold;
	font-size: 16px;
	color: #999;
}

span.art {
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 18px;
	color: #999;
}

/* app titless */
.appName {
	font-weight: bold;
	font-size: 16px;
	color: #999;
}

/****************************************************************************************
		Above-page Notice
****************************************************************************************/

.archived_site_note {
	background-color: #FC0;
	color: #000;
	position: absolute;
	top: 0;
	left: 70%;
	width: 30%;
	border: solid 1px #000;
	padding: 10px;
	margin-bottom: 25px;
}

.archived_site_note strong {
	font-weight: bold;
}
/****************************************************************************************
		Header / Footer
****************************************************************************************/

.pageEnds {
	width: 98%;
	height: 140px;
	margin: 0 auto;
	background-image: url(../images/grayLine_999.gif);
	background-repeat: repeat-x;
	background-position: 0px 133px;
	padding-top: 23px;    /* force the heading/logo down to where the grayLine sits */
	clear: both;
}

.ampart {   /* logo */
	height: 157px;
	width: 382px;
	background-image: url(../images/AMPartLogo.gif);
	background-repeat: no-repeat;
	text-indent: -4000px;    /* hide the heading text off-screen (still 'visible' to screen readers) */
}

#header .ampart {
	float: left;
}

#footer .ampart {
	float: right;
}

#smallPrint {
	clear: both;
	text-align: center;
	margin-bottom: 50px;
	padding-top: 50px;
	font-size: 12px;
}

#smallPrint li {
	float: right;
	border-right: #888 solid 1px;
	padding: 0 20px;
}

#smallPrint ul li:first-child {
	border: none;
}

.nav {
	padding-top: 96px;
}

.nav li {
	color: #f90;
	font-family:"Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 24px;
	padding: 0 10px;
	margin: 0 3px;
	background-color: #fff;
}

#header .nav li {
	float: right;
}

#footer .nav li {
	float: left;
}

.nav a:link, .nav a:visited {
	text-decoration: none;
}


/****************************************************************************************
		App Entries in general
****************************************************************************************/

.teaser {
	height: 325px;
	text-indent: -4000px;    /* hide the text off-screen (still 'visible' to screen readers) */
	margin-top: 20px;
	margin-bottom: 25px;
}

.features {
	width: 581px;
}

.links {
	width: 280px;
	float: right;
	margin-left: 23px;
	padding-left: 23px;
	padding-bottom: 35px;
	border-left: #f90 4px solid;
	text-align:center;
}

.links h2 {
	margin-bottom: 20px;
}

a.appWorld {
	display: block;
	width: 279px;
	height: 96px;
	background-image:url(../images/BB-World_Get-It_BLK-Box.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	text-indent: -5000px;    /* hide the text off-screen (still 'visible' to screen readers) */
}

ul.featureList {
	line-height: 1.3em;
	margin-top: 20px;
	color: #888;
	list-style-type: disc;
	margin-left: 30px;
}

ul#privacy li {
	margin-top: 10px;
	margin-right: 25%;
}


/****************************************************************************************
		Specific App Entries
****************************************************************************************/


#getSet .teaser {
	background-image: url(../images/getSet/GetSetGetUp_nightTable.jpg);
	background-repeat: no-repeat;
}


#map {
	padding: 2px;
	border: #999 1px solid;
}


/****************************************************************************************
		SlideShow
****************************************************************************************/

#slideShow {
	width: 580px;
	height: 400px;
	margin-top: 20px;
}

#slideShowImg{
	width: 500px;
	height: 400px;
	display:block;
	float:left;
	background-image: url(../images/getSet/screenShots.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	transition:background-position .5s ease-out;
	-moz-transition:background-position .5s ease-out; /* Firefox 4 */
	-webkit-transition:background-position 2s ease-out; /* Safari and Chrome */
	-o-transition:background-position 2s ease-out; /* Opera */
}

/*Next and Previous buttons*/
#btnPrev, #btnPrevDisabled {
	float:left;
	content:' ';
	width:0;
	height:0;
	border:20px solid;
	border-color:transparent #999999 transparent transparent ;
	margin:180px 10px 0 -15px ;
}

#btnPrev {
	border-color:transparent #999999 transparent transparent ;
}

#btnPrevDisabled{
	border-color:transparent #dddddd transparent transparent ;
}

#btnNext, #btnNextDisabled {
	float:left;
	content:' ';
	width:0;
	height:0;
	border:20px solid;
	border-color:transparent transparent transparent #999999;
	margin:180px -15px 0 10px;
}

#btnNext{
	border-color:transparent transparent transparent #999999;
}

#btnNextDisabled{
	border-color:transparent transparent transparent #dddddd;
}

#btnPrev:hover{
	border-color:transparent #ff9900 transparent transparent;
}

#btnNext:hover{
	border-color:transparent transparent transparent #ff9900;
}