@charset "UTF-8";

/* CSS Document */

/* CSS Reset Rules */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

a { outline: none; }

.flleft { float: left; }

.flright { float: right; }

.flrightp { float: right; padding-right: 20px; }

/* The Body */

#abtop { margin: 0 auto; position: absolute; top: 0; }

#abbot { margin: 563px auto 0px auto; position: absolute; top: 0; width: 960px; }

body { background: url(../images/site-bg.jpg) repeat-x top left #8ebc40; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }

#wrap { width: 960px; margin: 0 auto; }

h1 { padding: 0px 0px 10px 30px; font-size: 2em; line-height: 1.6em; }

h2 { padding: 0px 0px 0px 30px; font-size: 2em; line-height: 2em; }

h3 { padding: 0px 0px 20px 30px; font-size: 2em; line-height: 1.6em; }

.content h3 { padding: 20px 0 0 30px; margin: 0; }

p { padding: 10px 0px 0px 30px; font-size: 1.1em; line-height: 1.7em; }

pre { padding-left: 20px; }

/* Header */

#header { height: 115px; width: 960px; position: relative; background: url(../images/header-bg.jpg) no-repeat top; }

#logo { width: 88px; height: 51px; position: absolute; bottom: -6px; left: 79px; }

/* Header Navigation */

#navigationa { width: 462px; height: 34px; position: absolute; bottom: 10px; right: 5px; border: 1px solid #516c28; background: url(../images/nav-bg.jpg) no-repeat; }

#navigationa ul { }

#navigationa li { list-style-type: none; display: inline; }

#navigationa a { display: block; float: left; color: #fff; font-size: 1.5em; font-weight: bold; text-align: center; padding: 0px 18px; line-height: 2.2em; text-decoration: none; text-shadow: #000 0px 1px 4px; }

#navigationa a:hover { color: #e5e5e5; }

#navigationb { width: 960px; height: 88px; background: url(../images/navb-bg.jpg) repeat-x top left; }

.box a { text-decoration: none; }

.box { width: 209px; height: 59px; float: left; margin: 3px 0px 0px 1px; padding: 0px 30px 0px 0px; }

.red { background: url(../images/s-red.jpg) repeat-x top left; }

.green { background: url(../images/s-green.jpg) repeat-x top left; }

.blue { background: url(../images/s-blue.jpg) repeat-x top left; }

.yellow { background: url(../images/s-yellow.jpg) repeat-x top left; width: 208px; height: 59px; float: left; margin: 3px 0px 0px 1px; padding: 0px 30px 0px 0px; }

.yellow a { text-decoration: none; }

.boxshadow { font-size: 1.5em; line-height: 1.2em; font-weight: bold; color: #FFF; text-shadow: #000 0px 0px 4px; }

/* Flash */
 
#animation { height: 360px; }

/* Main Content Navigation */
 
#thecontent { background-color: #FFF; width: 960px; overflow: hidden; }

.leftcol { width: 520px; float: left; }

#leftcol { width: 500px; float: left; padding-right: 20px; }

#leftcol ul { padding: 15px 0px 0px 50px; }

#leftcol li { list-style-type: circle; font-size: 1.1em; line-height: 1.7em; }

#leftcol input, #leftcol textarea { padding: 7px; border: 2px solid #CCC; }

#leftcol input:focus, #leftcol textarea:focus { border: 2px solid #8ebc40; }

.award { width: 150px; padding-left: 30px; padding-bottom: 10px; }

.award img { float: left; }

.awardtext { float: right; width: 280px; }

.awardtext p { padding: 0 0 0 20px; }

.noborder { border: 2px solid #fff; }

.mainformstyle { margin-left: 30px; }

.paddbot { padding-bottom: 30px; }

small { margin-left: 30px; }

.completed { padding-left: 20px; }

.secure { border: 2px solid #8ebc40; margin-left: 30px; width: 175px; }

.reload { margin-left: 30px; }

.details { background-color: #ededec; border: 2px solid #8ebc40; margin: 10px 0px 10px 30px; padding: 15px 30px 30px 0px; }

.middle { width: 260px; float: left; }

.middle p a { color: #c87e2f; }

.middle p { padding-right: 10px; padding-bottom: 15px; }

.rightcol { width: 180px; float: left; }

#rightcol { width: 440px; height: 300px; float: left; }

.fullpage { float: left; padding: 0px 30px; }

.onecol { width: 220px; float: left; }

.onecoltwo { width: 218px; float: left; }

#news { width: 460px; padding: 0px 20px 20px 0px; float: left; }

#news h1 a, #news h2 a { text-decoration: none; }

#news ul { padding: 15px 0px 0px 50px; }

#news li { list-style-type: circle; font-size: 1.1em; line-height: 1.7em; }

.newsteam { width: 161px; margin: 10px auto; }

.newscol { width: 220px; float: left; padding-left: 20px; }

.newscol h2, .newscol h3, .newscol p { padding-left: 10px; }

.newscol li { padding-left: 10px; }

#news ol { padding: 0px 0px 20px 30px; }

#news ol li { list-style-type: none; }

.twocol { width: 438px; float: left; padding: 25px 0px 0px 0px; }

.fourcol { width: 200px; float: left; padding: 20px 20px 20px 20px; }

.teamonecol { width: 840px; float: left; padding: 20px 20px 20px 20px; margin-left: 40px; }

.teamonecol h3 { padding-top: 20px; }

.teamonecolgary { float: left; margin-right: 20px; }

.fourcol p, .fourcol h1, .fourcol h2 { padding-left: 0px; padding-top: 15px; }

.twocoltop { width: 438px; float: left; }

.comp { padding-top: 50px; }

.newsletter { background-color: #ededec; width: 438px; float: right; }

.twocol p { font-style: italic; padding: 0px 0px 0px 30px; margin: 0px; line-height: 0em; }

.grey { background-color: #ededec; height: 243px; }

s  #commentform input { margin: 10px; float: left; border: 2px solid #ccc; padding: 4px; }

#commentform textarea { border: 2px solid #ccc; padding: 4px; }

#commentform input:focus, #commentform textarea:focus { border: 2px solid #8ebc40; }

/* Portfolio */


.title { font-size: 1.4em; font-weight: bold; }

#feature ul { float: left; padding: 15px 0px 15px 25px; }

#feature li { list-style-image: url(../images/tick.gif); line-height: 2em; }

#twitter_update_list { padding-left: 30px; padding-top: 0; }

/* Add This */

.add { padding-left: 30px; position: relative; clear: left; }

.garysocial { position: absolute; top: 270px; right: 20px; }

.gary { background: url(../images/gary.jpg) no-repeat bottom; height: 153px; margin: 0px auto 0px auto; padding: 60px 95px 30px 45px; background-color: #ededec; }

.gary p { padding: 0px; font: bold italic 1.3em Arial, Helvetica, sans-serif; color: #8ebc40; }

.portfolio { padding: 30px 0px 0px 20px; }

.social { background: url(../images/social-bg.gif) no-repeat top; width: 160px; height: 198px; margin: 0 auto; }

.social img { width: 103px; padding: 20px 0px 0px 30px; }

/* Newsletter Box */

.greybox { background-color: #f3f3f3; overflow: hidden; }

#contact-area { width: 400px; padding-top: 20px; padding-left: 20px; }

#contact-area input, #contact-area textarea { float: right; padding: 5px; width: 280px; font-family: Helvetica, sans-serif; font-size: 1.4em; margin: 2px 10px 10px 0px; border: 2px solid #ccc; }

#contact-area textarea { height: 90px; }

#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #8ebc40; }

#contact-area input.submit-button { width: 100px; border: none; }

label { float: left; clear: left; text-align: right; margin-right: 15px; width: 65px; font-size: 1.3em; line-height: 3em; }

.submit-button { float: right; clear: right; }

/* Teaser Section */

.teaser { width: 136px; height: 136px; overflow: hidden; position: relative; cursor: pointer; margin: 25px 0px 20px 25px; float: left; }

.teaser h2 { padding: 0px; }

.teaser p { padding: 0px; }

.teaser img { position: absolute; top: 0; left: 0; }

#teaser-wrap .teaser { float: left; margin: 1em; }

.twodrop { width: 204px; height: 136px; overflow: hidden; position: relative; cursor: pointer; margin: 25px 0px 20px 30px; float: left; }

.twodrop h2 { padding: 0px; }

.twodrop p { padding: 0px; }

.twodrop img { position: absolute; top: 0; left: 0; }

#twodrop-wrap .twodrop { float: left; margin: 1em; }

/* Crumbs Navigation */

.whitespace { background-color: #fff; overflow: hidden; float: left; width: 960px; padding: 1px 0px; }

ul, li { list-style-type:none; }

#sitemap, #crumbs { height: 2.3em; border: 1px solid #dedede; margin: 0px 2px; }

#sitemap li, #crumbs li { float: left; line-height: 2.3em; color: #777; padding-left: 0.75em; }

#sitemap li a, #crumbs li a { background: url(../images/crumbs.gif) no-repeat right center; display: block; padding: 0 15px 0 0; }

#sitemap li a:link, #crumbs li a:link, #sitemap li a:visited, #crumbs li a:visited { color: #777; text-decoration: none; }

a:link, a:visited, #sitemap li a:hover, #crumbs li a:hover, #sitemap li a:focus, #crumbs li a:focus { color: #8ebc40; }

/* Navigation C Large Colours */

.l-box { width: 219px; height: 99px; float: left; padding: 20px 10px 0px 10px; margin: 3px 0px 0px 1px; color: #fff; }

.l-box a, .l-yellow a { color: #fff; text-decoration: none; }

.l-box p, .l-yellow p { padding: 7px 0px 0px 0px; }

.l-red { background: url(../images/l-red.jpg) repeat-x top left; }

.l-green { background: url(../images/l-green.jpg) repeat-x top left; }

.l-blue { background: url(../images/l-blue.jpg) repeat-x top left; }

.l-yellow { background: url(../images/l-yellow.jpg) repeat-x top left; width: 218px; height: 99px; float: left; margin: 3px 0px 0px 1px; color: #fff; padding: 20px 10px 0px 10px; }

/* Web Design Blog Feed */

h4 { font-size: 1.8em; line-height: 2em; padding-left: 30px; }

h5 { font-size: 1.5em; line-height: 2.5em; padding: 0px 0px 0px 30px; color: #c87e2f; }

#webblog { background-color: #fff; }

.orange { color: #c87e2f; }

.grey h5 a { text-decoration: none; color: #c87e2f; }

#webfeed { font-size: 1em; line-height: 3em; clear: left; float: left; width: 960px; background: url(../images/gradient.jpg) no-repeat top; }

#webfeed ul { width: 960px; }

#webfeed li { display: inline; float: left; width: 25%; text-align: center; line-height: 4em; }

#webfeed a { color: #d3ecac; text-decoration: none; }

#webfeed a:hover { color: #FFF; }

.post-author { margin: 30px 0px 0px 30px; padding: 20px 20px 10px 0px; border: 1px solid #666; background-color: #ececec; }

.comments-box { margin: 30px 0px 0px 0px; padding: 20px 20px 10px 0px; border: 1px solid #666; background-color: #ececec; }

#news .navigation { margin-left: 30px; }

.books { float: left; margin: 20px 30px; width: 400px; }

.books img { float: left; margin-right: 20px; }

.entry h2 { padding-top: 20px; }

/* Bottom */

#whitefooter { background: url(../images/gradient.jpg) no-repeat top #FFF; width: 960px; clear: left; height: 293px; position: relative; }

.daily { font: italic bold 1.5em/1.8em Arial, Helvetica, sans-serif; padding: 5px 0px 5px 20px; }

.glowleft { width: 164px; height: 367px; position: absolute; top: 30px; left:-164px; background: url(../images/leftglow.jpg) no-repeat top; }

.glowright { width: 164px; height: 367px; position: absolute; top: 30px; right:-165px; background: url(../images/rightglow.jpg) no-repeat top; }

#whitefooter h4 { line-height: 2.5em; margin-top: 4px; padding-left: 30px; }

.bluetext { color: #019bd1; }

.yellowtext { color: #d4a426; }

.greentext { color: #91bb3b; }

.purpletext { color: #662d91; }

.redtext { color: #cb411b; }

.smalltext { font-size: 0.5em; line-height: 0em; }

#footer { background: url(../images/footer.jpg) no-repeat top; width: 960px; overflow: hidden; background-color: #8ebc40; clear: left; color: #d9e9a5; }

#footer p { text-align: center; padding-top: 20px; }

#footer address { text-align: center; padding-top: 20px; line-height: 1.4em; font-weight: bold; }

#footer a { color: #d9e9a5; text-decoration: none; }

#footer a:hover { color: #fff; }

#footer p.heading { float: left; width: 45%; text-align: left; font-weight: bold; font-size: 1.8em; }

#footer h5.heading { float: left; width: 45%; text-align: left; font-weight: bold; font-size: 1.8em; color: #d9e9a5; }

#footer ul { float: left; width: 20%; padding: 10px 20px 20px 20px; }

#footer ul li { line-height: 2.5em; }

/* portfolio slider */

#portfolioslide { width: 186px; margin: 0 auto; position: relative; }

.portfoliofl { padding: 0px 0px 0px 20px; }

#portfolioslide input { float: left; clear: left; border: 1px solid #ccc; }

#portfolioslide label { float: left; clear: left; }

.prevLabel { font-family: Arial, Helvetica, sans-serif; color: #666; }

/* bottom slider */

#slider { width: 450px; margin: 0 auto; position: relative; }

.scroll { height: 180px; width: 450px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #FFFFFF url(../images/grad-slider-left.gif) repeat-x scroll left bottom; }

.scrollContainer div.panel { padding: 20px 20px 0px 0px; height: 190px; width: 430px; }

#shade { background: url(../images/slider-bot-bg.gif) no-repeat; height: 20px; }

ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; }

ul.navigation li { display: inline; margin-right: 10px; }

ul.navigation a { padding: 10px; text-decoration: none; font: bold 1.5em Arial, Helvetica, sans-serif; color: #019bd1; float: left; }

ul.navigation a:hover { background-color: #f6f6f6; }

ul.navigation a.selected { background-color: #fff; }

ul.navigation a:focus { outline: none; }

.scrollButtons { position: absolute; top: 130px; cursor: pointer; }

.scrollButtons.left { left: -20px; }

.scrollButtons.right { right: -20px; }

.hide { display: none; }

.padleft { padding-left: 50px; }

/* blog stuff */
#blogflashbutton { width: 320px; height: 320px; float: right; }

.searchbox { background-color: #e8e8e8; border: 1px solid #999; padding: 5px 20px 0 20px; margin: 15px 20px 0 0; }

.searchbox input { margin-bottom: 15px; padding-left: 5px; }

/* New Subscribe */

#af-form-1042822230 .af-body .af-textWrap { display:block; float:none; }

#af-form-1042822230 .af-body .privacyPolicy { color:#000000; font-size:11px; font-family:Verdana, sans-serif; }

#af-form-1042822230 .af-body a { color:#094C80; text-decoration:underline; font-style:normal; font-weight:normal; }

#af-form-1042822230 .af-body input.text, #af-form-1042822230 .af-body textarea { background-color:#FFFFFF; border-color:#919191; border-width:1px; border-style:solid; color:#000000; text-decoration:none; font-style:normal; font-weight:normal; font-size:12px; font-family:Verdana, sans-serif; }

#af-form-1042822230 .af-body input.text:focus, #af-form-1042822230 .af-body textarea:focus { background-color:#FFFAD6; }

#af-form-1042822230 .af-body label.previewLabel { display:block; float:none; text-align:left; width:auto; color:#000000; text-decoration:none; font-style:normal; font-weight:normal; font-size:10px; font-family:Verdana, sans-serif; }

#af-form-1042822230 .af-body { padding-bottom:15px; padding-top:15px; background-repeat:no-repeat; background-position:inherit; background-image:none; color:#000000; font-size:11px; font-family:Verdana, sans-serif; }

#af-form-1042822230 .af-footer { padding-right:15px; padding-left:15px; background-color:#transparent; border-width:1px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; color:#000000; font-size:12px; font-family:Verdana, sans-serif; }

#af-form-1042822230 .af-header { padding-bottom:9px; padding-top:9px; padding-right:10px; padding-left:10px; background-image:url('http://forms.autorespondergenerator.com/images/auto/body/009/5ff/005/999'); background-position:top left; background-repeat:repeat-x; background-color:#005999; border-width:1px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; color:#FFFFFF; font-size:16px; font-family:Verdana, sans-serif; }

#af-form-1042822230 .af-quirksMode .bodyText { padding-top:2px; padding-bottom:2px; }

#af-form-1042822230 .af-quirksMode { padding-right:15px; padding-left:15px; }

#af-form-1042822230 .af-standards .af-element { padding-right:15px; padding-left:15px; }

#af-form-1042822230 .bodyText p { margin:1em 0; }

#af-form-1042822230 .buttonContainer input.submit { background-image:url("http://forms.autorespondergenerator.com/images/auto/gradient/button/07c.png"); background-position:top left; background-repeat:repeat-x; background-color:#0057ac; border:1px solid #0057ac; color:#FFFFFF; text-decoration:none; font-style:normal; font-weight:normal; font-size:14px; font-family:Verdana, sans-serif; }

#af-form-1042822230 .buttonContainer input.submit { width:auto; }

#af-form-1042822230 .buttonContainer { text-align:right; }

#af-form-1042822230 body, #af-form-1042822230 dl, #af-form-1042822230 dt, #af-form-1042822230 dd, #af-form-1042822230 h1, #af-form-1042822230 h2, #af-form-1042822230 h3, #af-form-1042822230 h4, #af-form-1042822230 h5, #af-form-1042822230 h6, #af-form-1042822230 pre, #af-form-1042822230 code, #af-form-1042822230 fieldset, #af-form-1042822230 legend, #af-form-1042822230 blockquote, #af-form-1042822230 th, #af-form-1042822230 td { float:none; color:inherit; position:static; margin:0; padding:0; }

#af-form-1042822230 button, #af-form-1042822230 input, #af-form-1042822230 submit, #af-form-1042822230 textarea, #af-form-1042822230 select, #af-form-1042822230 label, #af-form-1042822230 optgroup, #af-form-1042822230 option { float:none; position:static; margin:0; }

#af-form-1042822230 div { margin:0; }

#af-form-1042822230 fieldset { border:0; }

#af-form-1042822230 form, #af-form-1042822230 textarea, .af-form-wrapper, .af-form-close-button, #af-form-1042822230 img { float:none; color:inherit; position:static; background-color:none; border:none; margin:0; padding:0; }

#af-form-1042822230 input, #af-form-1042822230 button, #af-form-1042822230 textarea, #af-form-1042822230 select { font-size:100%; }

#af-form-1042822230 p { color:inherit; }

#af-form-1042822230 select, #af-form-1042822230 label, #af-form-1042822230 optgroup, #af-form-1042822230 option { padding:0; }

#af-form-1042822230 table { border-collapse:collapse; border-spacing:0; }

#af-form-1042822230 ul, #af-form-1042822230 ol { list-style-image:none; list-style-position:outside; list-style-type:disc; padding-left:40px; }

#af-form-1042822230, #af-form-1042822230 .quirksMode { padding-right: 15px; }

#af-form-1042822230.af-quirksMode { overflow-x:hidden; }

#af-form-1042822230 { background-color:#F0F0F0; padding: 0 30px; }

#af-form-1042822230 { overflow:auto; }

.af-body .af-textWrap { text-align:left; }

.af-body input.image { border:none!important; }

.af-body input.submit, .af-body input.image, .af-form .af-element input.button { float:none!important; }

.af-body input.text { width:100%; float:none; padding:2px!important; }

.af-body.af-standards input.submit { padding:4px 12px; }

.af-clear { clear:both; }

.af-element label { text-align:left; display:block; float:left; }

.af-element { padding:5px 0; }

.af-form-wrapper { text-indent:0; }

.af-form { text-align:left; margin:auto; }

.af-header, .af-footer { margin-bottom:0; margin-top:0; padding:10px; }

.af-quirksMode .af-element { padding-left:0!important; padding-right:0!important; }

.lbl-right .af-element label { text-align:right; }