@charset "UTF-8"; 
/*
  MetroA2Z.com page styles
  Author: WebMediaRx Team http://webmediarx.com
  lastmod: 06 Jan 09
  Modified hybrid of...
  Blueprint CSS Framework 0.7.1 (http://blueprintcss.googlecode.com)
  Eric Meyer Reset v1.0 | 20080212 (http://meyerweb.com/eric/tools/css/reset)
  */

/* resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, dfn, em, img, kbd, q, 
small, strike, strong, b, i, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; 
	border:0; outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after {content:''; content:none}
/* remember to define focus styles! */
:focus {outline:0}
/* remove annoying border on linked images. */
a img {border:none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse}

body {color:#4d4d4d; background:#000 url('../_img/bg-body.jpg') center top no-repeat; font-family: helvetica, "trebuchet ms", arial, verdana, sans}

/* --- Typography --- */
h1, h2, h3, h4, h5, h6 {font-weight:bold; line-height:1; margin-bottom:10px; color:#3d4a4d}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-size:1.3em; letter-spacing:-1px}
p {line-height:21px; font-size:13px; padding:5px 0 5px 0}
p + h3 {padding-top:10px}
h1 {font-size:23px}
h2 {font-size:21px}
h3 {font-size:19px; margin-bottom:5px; color:#596a6e}
h3 + p {padding-top:0}
h4 {font-size:17px; margin-bottom:5px; color:#75878b}
h4 + p {padding-top:0}
h5 {font-size:13px; color:#a4b7bb}
h5.extended{letter-spacing:2px}
h6 {font-size:11px}

img.pad{padding:5px 0}
img.fx, iframe.fx {background-color:#f1f1f1; padding:4px; border:2px solid #e4e4e4}
a {color:#627e86; text-decoration:none; border-bottom:1px solid #627e86; font-weight:bold}
a:focus, a:hover {color:#000; border-bottom:1px solid #000}
a.nofx, a.nofx:hover, a.nofx:visited {border:0; background:none; text-decoration:none}
blockquote {background: url('../_img/bg-quote.gif') 0 2px no-repeat}
blockquote {margin:10px 0; color:#545454; padding:0; background-color:#f1f1f1}
blockquote p {margin:0; padding:10px; font-size:15px; font-weight:normal}
b, strong {font-weight:bold}
em {font-style:italic}
p.small {font-size:10px; line-height:19px; padding:0}
.hr{height:1px; margin-top:10px; margin-bottom:10px; background-color:#446269}
h5.center{text-align:center}


/* --- Global --- */
#header {margin:0 auto; width:820px; height:133px}
#footer {margin:10px auto 0 auto; padding:0; width:820px; background:url('../_img/bg-footer.gif') top repeat-y; border-top:10px solid #1e2729; border-bottom:10px solid #1e2729}
	#footer p{font-size:11px; color:#2b383b; padding:5px 0 5px 25px}
	#footer p a{color:#446269; text-decoration:none; border:none; font-weight:bold}
#content {float:right; padding:25px 0 10px 0}
#sidebar {float:left; text-align:center; margin-bottom:10px}

/* --- Miscellaneous --- */
.logo {width:240px; display:block; padding:0; margin:0}
.company-name {width:580px; height:133px; display:block; padding:0; margin:0}
.hidden {display:none; visibility:hidden}
.left {float:left}
.right {float:right}
.boxed {background:url('../_img/bg-mods.gif') repeat; border-left:1px solid #151d1f; border-top:1px solid #151d1f; border-right:1px solid #405053; border-bottom:1px solid #405053; padding:8px}
.boxed h5{color:#7da1aa; text-transform:uppercase; margin:0}
.boxed h4{color:#7da1aa; text-transform:uppercase; margin:0; line-height:17px}
#sidebar h6{font-size:8px; color:#446269; text-transform:uppercase; margin:5px 0}
.boxed p {color:#ccc; line-height:17px; padding:0; margin:5px 0 0 0; font-size:12px}
#sidebar img{border:1px solid #405053; margin:0; padding:0}
h1.co-name{color:#fff; margin:56px 0 0 0; font-size:31px; padding:0}
p.tagline{font-size:14px; text-transform:uppercase; padding:0; margin:0; letter-spacing:-1px; color:#1e2729; font-weight:600}

/* --- Grid --- */
.grid-container {margin:0 auto; padding:0; width:820px; background:url('../_img/bg-content.gif') repeat-y; border-top:10px solid #1e2729; border-bottom:10px solid #1e2729}

/* --- Margins --- */
.m-r-30{margin-right:30px}
.m-r-20{margin-right:20px}
.m-r-10{margin-right:10px}
.m-l-20{margin-left:20px}
.m-l-10{margin-left:10px}

.m-t-10{margin-top:10px}
.m-b-10{margin-top:10px}

/* ---  grid sidebar --- */
.grid-210 {width:210px; display:inline}

/* --- grid Content Half --- */
.grid-255 {width:255px; display:inline}

/* --- grid Content Full --- */
.grid-570 {width:570px; display:inline}

/* --- grid Content with margins --- */
.grid-530 {width:530px; display:inline}


/* navigation */
ol#nav {width:820px; height:23px; margin:0 auto; padding:0; border:none}
ol#nav a{background-color:#000; border-bottom:1px solid #405053; color:#7b9ea7; display:block; padding:7px 11px 4px 11px}
ol#nav a:hover, ol#nav a.current{border-bottom-color:#1e2729; background-color:#1e2729; color:#fff}
ol#nav li{display:inline; float:right; font-weight:bold; font-size:11px; text-align:center; margin-right:10px; text-transform:uppercase}		

/* sweepers */
.clearfix:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .container {display:inline-block}
* html .clearfix, * html .container {height:1%}
.clearfix, .container {display:block}
.clear {clear:both}
html body div.clear, html body span.clear {background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0}

/*  forms Newsletter */
/*form.newsletter {margin:0; padding:0}
form.newsletter fieldset {margin:0}

form.newsletter .formRow {width:280px; margin:0 0 8px 0; clear:both}
	form.newsletter .formRow.lite-bg {width:360px; margin:0 0 12px 0; clear:both}
	
form.newsletter label {float:left; padding:5px 0; width:65px; text-align:right}
	form.newsletter label.lite-bg {width:85px}
	
form.newsletter input {width:195px; background:#1d1d1d; border:1px solid; border-color:#0a0a0a #393939 #393939 #0a0a0a; color:#eee; margin:0 0 0 5px; padding:4px}
	form.newsletter input.lite-bg, form.newsletter textarea.lite-bg {width:255px; background:#e2e2e2; border:1px solid; border-color:#d5d5d5 #f4f4f4 #f4f4f4 #d5d5d5; color:#333; margin:0 0 0 5px; padding:4px}

form.newsletter #submit {margin-top:5px; height:26px; width:80px; background: url('../_img/button-sign-up.gif') no-repeat; padding:0; border:none; cursor:pointer}
	form.newsletter #submit.lite-bg {background: url('../_img/button-sign-up-lite-bg.gif') no-repeat}*/


/*  form Connect */
/*	form#frmContact {padding-bottom:15px}
	form#frmContact label.element {float:left; padding:5px 0; width:85px; text-align:right}
	form#frmContact .element input, form#frmContact .element textarea {display:inline; width:255px; background:#e2e2e2; border:1px solid; border-color:#d5d5d5 #f4f4f4 #f4f4f4 #d5d5d5; color:#333; margin:0 0 15px 5px; padding:4px; font-family:Verdana, sans-serif; font-size:0.85em}
	form#frmContact .element #submit{background: url('../_img/button-sign-up-lite-bg.gif') no-repeat; margin-top:5px; height:26px; width:80px; padding:0; border:none; cursor:pointer}
	
	form#frmContact .notice, form#frmContact .success {padding:0; font-weight:normal; margin:0 0 0 7px}
	form#frmContact .error  {}
	form#frmContact .element.error input#txtName, form#frmContact .element.error input#txtEmail {border-color:#ff0000}
	
	form#frmContact .success{background:#e6efc2; color:#264409; border-color:#c6d880}	
	form#frmContact .req {color:#8a1f11; font-weight:normal}
	form#frmContact .reqNote {font-style:italic; font-weight:normal; font-size:0.75em}*/		
	
/* thats the end! seriously... go! */