/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                 	*
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        		*
*  Modified  :  7th-May-2009                                                    *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/


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, font, 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,
header, nav, section, article, aside, footer
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}


/* Basic styles */
body {background: #fff; color: #333; font: .75em/1.5em Arial, Helvetica, sans-serif;}
html>body {font-size: 12px;}

img {display: inline-block; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 500;}

h1 {margin: 0 0 0.75em; font-size: 2em;}
h2 {margin: 0 0 1em; font-size: 1.5em;}
h3 {margin: 0 0 0em; font-size: 1.167em;}
h4 {margin: 0 0 1.5em; font-size: 1em;}
h5 {margin: 0 0 1.8em; font-size: .834em;}
h6 {margin: 0 0 2em; font-size: .75em;}

p,ul,ol,dl,blockquote,pre {margin:0}

li ul,li ol {margin: 0;}
ul {list-style: none;}
li {margin: 0;}


a {text-decoration: underline;}
a:hover {text-decoration: none;}

strong {font-weight:600;}

/* Form styles */
fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;}
*+html legend {margin-left: -7px;}

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;}
*+html input.radio, *+html input.checkbox {vertical-align: middle;}

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial,sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #444; border-bottom-color: #666; border-right-color: #666; padding: 2px;}

* html button {margin: 0 .34em 0 0;}
*+html button {margin: 0 .34em 0 0;}

form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* SPECIAL EFFECTS AND TRICKS USED IN THE WEB TRADE */
.hide{position:absolute;left:-999em;}
.ir{display:block;overflow:hidden;font-size:1px;line-height:0;text-decoration:none;letter-spacing:-9999px;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*\*/.cf{display:block;}/**/
.cb{clear:both;}
.vcard {display:none;}
.error, .required {color:#FF0000;}


/* COLORS ----------------------------------------------------------------- */

.content a:link { text-decoration: none; color: #16a4cc; }
.content a:visited { text-decoration: none; color: #16a4cc; }
.content a:hover { text-decoration: underline; color: #16a4cc; }
.content a:active, .content a:focus { text-decoration: underline; color: #16a4cc; }
.content code, .content pre { color: #16a4cc; } /* very optional, but still useful. W3C uses about the same colors for codes */


/* Layout styles - Styles the page layout */
#wrapper {position:relative;margin:0 auto;padding:0;width:512px;}
.branding {display:block;width:512px;height:130px;background:#fff url(../images/branding/simply-logo2.png) no-repeat center top;}

.search-background {background:#fff url(../images/interface/search-bg2.png) no-repeat center 0;width:512px;height:52px;margin-bottom:30px;}
.search-background input {position:relative;margin:14px 54px;width:34em;border:none;background:transparent;vertical-align:-16px;color:#ccc;font-weight:600;}
.search-background input:focus  {color:#000;}

.features {margin:0;padding:0 0 30px;border-bottom:1px dotted #ccc;}
.features li {width:405px;padding-left:70px;margin-bottom:10px;background: transparent url(../images/icons/simply-icon.png) no-repeat 50px 2px;}
.features li a {font-weight:600;}
.features li span {display:block;}
.features li.last {background:none;}
.features li.last a {float:right;display:block;margin:20px 100px 0 0;}

.simply-services {margin-top:20px;padding-bottom:20px;border-bottom:1px dotted #ccc;}
.simply-services li {float:left;background:transparent url(../images/interface/white-boxes-bg.png) no-repeat 0 0;padding:20px;display:block;width:177px;color:#666;}
.simply-services li.left {margin:0 28px;}
#wrapper .simply-services li a {color:#16a4cc;font-weight:600;}
#wrapper .simply-services li a:hover {color:#16a4cc;}

.footer {display:block;margin:10px 0;height:21px;width:512px;text-align:center;background:transparent url(../images/icons/simply-icon-lrg.png) no-repeat 90px 0;line-height:23px;color:#999;}
.footer strong {color:#666;}