/*
Stylesheet Name: Styles Specific to How to Use Page
Author: Pixelkeet
Author URI: http://www.pixelkeet.com
Description: Blue and green gradient header with white background
Tags: post-its, whitespace, phone, colornote
Created:  03-29-2013
Modified: 03-29-2013
*/

.how-to-use h1 {
	margin-bottom:1em;
	}

.how-to-use .row h3 {
	font-size:170%;
	}

.how-to-use .row {
	position:relative;
	margin:0 0 3em 0;
	}

.how-to-use .row .col1,
.how-to-use .row .col2,
.how-to-use .row .col3 {
	width:224px;
	}

.how-to-use .row .col1,
.how-to-use .row .col2 {
	float:left;
	}

.how-to-use .row .col3 {
	float:right;
	}

.how-to-use .row .col2 {
	margin-left:215px;
	}

span.thumb-screen {
	display: block;
	width: 224px;
	height: 202px;
	text-indent: -9999px;
	}

span.notes-checklists {
	background:url(../img/sprite-map-how-to-use.png) no-repeat -235px -213px;
	}

span.color {
	background: url(../img/sprite-map-how-to-use.png) no-repeat 0 -213px;
	}

span.sticky-notes {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -235px -426px;
	}

span.reminders {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -705px 0;
	}

span.calendar {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -470px 0;
	}

span.backup {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -235px 0;
	}

span.lock {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -470px -214px;
	}

span.share {
	background: url(../img/sprite-map-how-to-use.png) no-repeat 0 -426px;
	}

span.archive {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -706px -426px; 
	}

span.auto-link{
	background: url(../img/sprite-map-how-to-use.png) no-repeat 0 0;
	}

span.search {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -705px -213px;
	}

span.web-search {
	background: url(../img/sprite-map-how-to-use.png) no-repeat -470px -426px;
	}