/*

2Leaf.com Version 3.2 [2010-07-02]
Copyright 2010 2Leaf Web Development. All rights reserved.

*/

/* == clear browser defaults == */
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 { 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; }
:focus { outline: 0; } /* remember to define focus styles! */
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/* == /clear browser defaults == */

/* == website defaults == */
body                { color: #333; font-size: 62.5%; font-family: Helvetica; }
h1                  { color: #A2D943; font-size: 2.6em; font-family: Georgia, serif; margin: 1.5em 0 .7em; text-align: center; background: url(../images/h1-bottom.jpg) no-repeat bottom center; padding: 0 0 5px;}
h1:first-child      { margin-top: 3px; }
h1 a                { color: #A2D943; text-decoration: none; }
h2                  { color: #101F35; font-size: 1.95em; font-family: Georgia, serif; font-weight: normal; margin: .75em 0; }
h3                  { color: #101F35; font-size: 1.52em; font-family: Georgia, serif; font-weight: normal; margin: .83em 0; }
h4                  { color: #101F35; font-size: 1.3em; font-family: Georgia, serif; font-weight: normal; margin: 1.12em 0; }
h5                  { font-size: 1.08em; font-family: Georgia, serif; font-weight: normal; margin: 1.5em 0; }
h6                  { font-size: .97em; font-family: Georgia, serif; font-weight: normal; margin: 1.67em 0; }
p                   { line-height: 1.45em; font-size: 1.3em; margin-bottom: 1.5em; color: #333; }
small               { font-size: .9em; }
code                { font-size: 1.3em; }
a                   { color: #4A95FF; }
p a[href^="http://"]:not([href*="2leaf.com"])::after { content: "\2197"; } /* external links */
a.more              { font-style: italic; font-weight: bold; }
a.more::after       { content: "\A0\BB"; }
a:hover             { color: #bbb; }
a:active            { outline: none; } /* for Firefox */
ul                  { margin: 0 0 15px 20px; line-height: 14px; list-style-type: disc; list-style-position: inside; }
li                  { font-size: 12px; }
ol                  { margin: .5em 0 .5em 1.5em; line-height: 1.4em; list-style-type: decimal; list-style-position: inside; }
ol ol               { list-style-type: lower-alpha; }
blockquote          { margin: .5em 1.5em; padding: 0 0 0 7px; border-left: 3px solid #ccc; font-style: italic; }
hr                  { height: 50px; background: #fff url(../images/hr.jpg) no-repeat scroll center; border: none; }
textarea            { height: 14em; }
textarea, input[type=text], input[type=password] { font-size: 1.3em; padding: 3px; color: #666; border: 1px solid #999; }
textarea, input[type=text] { width: 270px; }
textarea:focus, input[type=text]:focus, input[type=password]:focus { border: 1px solid orange; background: #fff;}
.clear              { clear: both; }
.center             { text-align: center; }
.right              { text-align: right; }
.floatr             { float: right; }
.floatl             { float: left; }
/* == /website defaults == */


/* == tables == */
table               { border-top: 1px solid #e5eff8; border-right: 1px solid #e5eff8; font-size: 1.1em; margin: 0 auto; border-collapse: collapse; text-align: center; }
thead               { font-size: 1.3em; color: #66a3d3; }
thead, tfoot        { background: #f4f9fe; }
th                  { font-weight: normal; }
thead th:first-child, tfoot th:first-child { border-bottom: 1px solid #e5eff8; border-left: 1px solid #e5eff8; }
th                  { padding: .3em 1em; }
tbody th            { text-align: left; }
tr                  { line-height: 1.4em; }
tbody tr:nth-child(2n) th { background: #f4f9fe; }
tbody tr:nth-child(2n) td { background: #f7fbff; }
td                  { color: #678197; padding: .3em 1em; border-bottom: 1px solid #e5eff8; border-left: 1px solid #e5eff8; }
/* == /tables == */


/* == body == */
.wrapper            { width: 960px; margin: 0 auto; }
/* == /body == */

/* == header == */
.header             { margin: 17px 0 0; }
img.logo            { float:left; display: none; }
h1.logo             { float: left; padding: 0; margin: 0; border: none; background: #fff url('../images/logo.png') no-repeat; }
h1.logo a           { text-indent: -9999px; display: block; height: 55px; width: 204px; }
.description        { float: left; font-size: 1.1em; font-weight: normal; color: #aaa; padding: 25px 0 0 57px; margin: 0; }
.description span   { padding: 0 5px 0 0; }
.description a      { color: #999; text-decoration: none; font-style: italic; padding: 0 6px; }
.description a:hover { color: #ddd; }
.contact            { float: right; height:54px; width: 176px; padding: 5px 7px 0 0; background: url(../images/phone.png) no-repeat left center; }
.contact .text      { float: right; text-align: center; }
.contact h3         { margin: 0 0 8px; font-size: 1.91em; font-weight: bold; }
.contact h3 a       { text-decoration: none; color: #9ece13; font-style: italic; }
.nav                { clear: both; padding: 15px 0 0; font-size: 1.3em; position: relative; }
.nav a              { float: left; padding: 0 3px; text-decoration: none; }
.nav a#nav1         { padding-left: 0; }
.nav a#nav6         { padding-right: 0; }
.nav a span         { float: left; display: block; background: url(../images/nav.jpg) no-repeat 0 1px; text-align: center; width: 155px; height: 77px; line-height: 39px; color: #fff; font-weight: bold; font-size: 0.74em; margin-top: 0; margin-bottom: 0; }
.nav a:hover span, #home .nav a#nav1 span, #about_us .nav a#nav2 span, #portfolio .nav a#nav3 span, #free_quote .nav a#nav4 span, #clients .nav a#nav5 span, #ask .nav a#nav6 span { background: url(../images/nav.jpg) no-repeat 0 -76px; }
/* == /header == */

/* == middle == */
.middle             { clear: both; background: #fff url(../images/middle-bg.png) repeat-y center top; overflow: visible; }
.middle:after       { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Fix to display background */
* html .middle      { height: 1%; } /* Hides from IE-mac */
/* == /middle == */

/* == content == */
.content            { float: left; width: 592px; margin: 7px 20px 0 0; padding: 0 0 50px; background: #fff url(../images/hr.jpg) no-repeat center bottom; /*min-height: 320px;*/ } /* total width should be 593px */
.content img        { margin: 5px; padding: 5px; border: 1px solid #ccc; }
/* == /content == */

/* == sidebar == */
.sidebar            { float: right; width: 328px; margin: 0; padding: 7px 0 0 20px; } /* total width should be 367px */
.box                { background: #fafafa; border: 1px solid #ccc; padding: 15px; margin: 20px 0 0; -moz-box-shadow: 2px 2px 10px #000; -webkit-box-shadow: 2px 2px 10px #000; }
.box:first-child    { margin: 0; }
.box h5             { font-size: 1.5em; margin: 0; padding: 0 0 10px; color: #666; }
.box input          { font-size: 1.1em; padding: 3px; color: #888; border: 1px solid #999; background: #f3f3f3; }
.box input:focus    { border: 1px solid orange; background: #fff;}
.box input.email    { width: 287px; margin: 5px 0 0; }
.box input.password, .box input.track { width: 231px; margin: 5px 5px 0 0; }
.box input[type=submit] { width: 50px; font-size: 0.8em; border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; padding: 0.25em; background-color: #fff; color: #444; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; } 
.box input[type=submit]:hover { border-color: #9cf; }
.box.social img     { margin: 5px 16px 0; }
/* == /sidebar == */

/* == footer == */
.footer             { clear: both; padding: 0 0 5px; text-align: center; }
.icons              { padding: 15px 0 0; }
.footer-menu        { color: #ccc; padding: 10px 0; }
.footer-menu a      { font-size: 1.1em; color: #555; }
.footer-menu a:hover { color: #777; }
.copyright          { font-size: 0.8em; color: #888; }
/* == /footer == */


/* == contact page == */
#contact_form, #log { margin: 0 auto; }
/* == /contact page == */

/* == quote page == */
.services_required  { display: table; }
/* == /quote page == */

/* == web design page == */
.content img.browser-icon { margin: 0 2px; padding: 0; border: none; }
/* == /web design page == */

/* == hosting page == */
table.hosting       { width: 90%; margin: 1em auto; }
table.hosting thead th { font: bold 1.2em/1.5em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color: #66a3d3; }
table.hosting th    { font-weight: bold; }
table.hosting tfoot { border: 1px solid #e5eff8; }
table.hosting tfoot th strong { font: bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; margin: .5em .5em .5em 0; color: #66a3d3; }
table.hosting tfoot th em { color: #f03b58; font-weight: bold; font-size: 1.1em; font-style: normal; }
#hosting .content table.hosting img { margin: 0; padding: 0; border: none; vertical-align: bottom; }
/* == /hosting page == */

/* == project tracker == */
#project_tracker .content { text-align: center; }
table.tracker       { margin: 0 auto 10px; }
#project_tracker .generated_by  { padding-top: 20px; font-size: .9em; }
/* #project_tracker input[type=button] { margin: 15px 0 8px; } */
/* == /project tracker == */

/* == portfolio == */
.container          { float: left; }
.portfolio_item     { width: 282px; float: left; text-align: center; border: 1px solid #e5eff8; padding: 3px; margin: 3px; } /* total width: 296px */
/* == /portfolio == */

/* == client pages == */
#clients table      { text-align: left; }
#clients table.frame { border: none; }
#clients table.frame > tbody > tr > td { border: none; padding: 0; }
#clients .content table.data th { border: 1px solid #e5eff8; }
#clients td         { vertical-align: middle; }
#clients .clientareatableactive, #clients tr.clientareatableactive:nth-child(2n) td { background-color: #EBFFC6; }
#clients .clientareatablepending, #clients tr.clientareatablepending:nth-child(2n) td { background-color: #F0F0F0; }
#clients .clientareatableterminated, #clients tr.clientareatableterminated:nth-child(2n) td { background-color: #FAC5C0; }
.textgreen          { color: #7FAF1B; }
.textred            { color: #F02311; }
#clients .box ul    { list-style-type: none; margin: 0; padding: 0; }
#clients .box ul li { margin: 0; padding: 0; }
#clients .box ul li a { color: #333; background-color: #f5f5f5; border: 1px solid #ccc; text-decoration: none; display: block; height: 20px; line-height: 20px; padding: 0 15px; margin: 0 17px 5px; font-size: .9em; font-family: Verdana, Helvetica, Arial, sans-serif; letter-spacing: 3px; }
#clients .box ul li a:hover { border: 1px solid #aaa; }
#clients .box ul li a img { float: right; padding: 2px 0; }
#clients .content img { border: none; margin: 0; padding: 0; }
#clients .breadcrumb { background: #eee; padding: 10px; }
#clients p.heading2 { color: #101F35; font-size: 1.95em; font-family: Georgia, serif; font-weight: normal; margin: .75em 0; }
#clients p.heading2 img { padding: 0 5px 0 0; }
#clients input[name=firstname], #clients input[name=lastname], #clients input[name=companyname], #clients input[name=email], #clients input[name=address1], #clients input[name=address2], #clients input[name=city], #clients input[name=state], #clients input[name=phonenumber], #clients input[name='customfield[2]'] { width: 180px; }
#clients input[type=password] { width: 80px; }
#clients select[name=country] { width: 180px; }
#clients input[name=postcode] { width: 70px; }
#clients select[name=securityqid] { width: 270px; }
#clients input[name=securityqans], #clients input[name=securityqans2] { width: 270px; }
#clients input[name=ccexpirymonth], #clients input[name=ccexpiryyear] { width: 1.4em; }
#clients input[name=ccnumber] { width: 11em; }
#clients #pwstrength { width: 97px; }
/* == /client pages == */