/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   custom styles
   ========================================================================== */

body {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif; 
	background: #111111 url('../images/mobile-background.png') repeat-x 0px 0px;
	margin: 0;
	padding: 0;
}
.page {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
}
header { 
	margin: .5em 1em .5em 1em;
	padding: .4em 0 0 .8em;
	position: relative; 
	z-index: 1;
	min-width: 270px;   
	min-height: 160px;
	background: #FFFFFF url('../images/gears.png') no-repeat scroll 50px 25px;
	border-radius: 11px 11px 11px 11px; 
	-moz-border-radius: 11px 11px 11px 11px; 
	-webkit-border-radius: 11px 11px 11px 11px; 
	border: 2px solid #8d8c8c;
	text-align: center;
}
header p {
	font: normal normal 1.2em/1.7em Arial, Helvetica, sans-serif;
	margin: 0;
}
header p.address{
	margin: .7em 0 0 0; 
}
header p.headerText {
	font: bold normal normal 1.2em/1.7em Arial, Helvetica, sans-serif;
	color: #005087;
	text-align: center; 
}
.divider {
	margin: 0;
	padding: 0;
}
#headerLinks { 
	margin-top: 5px; 
}
.buttons {
	margin: 0 auto;
	width: 290px; 
	padding: 0 0 0 10px;
}
.buttons img {
	
}
a.callLink {
	padding-top: 0px;
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 0px;
	line-height: 30px;
	font-size: 18px;
}
#directionsLink {
	padding-top: 6px;
	padding-bottom: 0px;
	line-height: 30px;
}
#directionsLink a {
	font: normal normal 14px/16px Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.arrow {
	margin: 0 0 2px 4px;
	vertical-align: middle;
}
#map {
	margin: 0 auto;
	position: relative; 
	padding: 0 12px;
}
#map_canvas {
	border-radius: 11px 11px 11px 11px; 
	-moz-border-radius: 11px 11px 11px 11px; 
	-webkit-border-radius: 11px 11px 11px 11px; 
	border: 2px solid #8d8c8c;
}
footer { 
	z-index:1; 
	font-weight:bold; 
	text-align:center; 
	width:270px; 
	margin: 8px auto; 
}
a.textLink {
	text-decoration: none; 
	color: #ccc;
}