@import "reset.css";


/* Generic elements */

body { background: url(images/bg1.jpg) 50% 0 no-repeat; color: #8b8b8b; font: 14px/1.5em Arial, Helvetica, sans-serif; text-align: center; }
body .pr {background: url(images/bg5.jpg); color: #8b8b8b; font: 14px/1.5em Arial, Helvetica, sans-serif; text-align: center; }

p { margin-bottom: 1em; }

img.port { float: left; margin: 0 10px 10px 0; }
img.star { float: right; margin: 0 0 10px 10px; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0 0 1em; padding: 0; }

big { font-size: 1.25em; }
small { font-size: .75em; }


/* Custom paragraphs, links, images, etc. */

.edge { display: inline; float: right; margin-top: .25em; }
.inst { color: #b2b2b2; }
.highlight { color: #95b600; }









/* Buttons */

a,:link,:visited { color: #459dc0; text-decoration: underline; } 
a:hover,a.important,a.on { color: #95b600; text-decoration: underline; }

a.more,a.more:visited { padding-right: 22px; background: url(images/arrow1-right-green.png) 100% 50% no-repeat; }

a.next { padding-right: 22px; background: url(images/arrow1-right-gray.png) 100% 50% no-repeat; text-decoration: none; }
a.prev { margin-right: 22px; padding-left: 22px; background: url(images/arrow1-left-gray.png) 0 50% no-repeat; text-decoration: none; }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; color: #459bbe; line-height: normal; }
h1,h2,h3 { font-weight: normal; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Form modeling */

input.text, input.smalltext, input.tinytext, textarea, select { padding: 3px; border: solid 1px #459dc0; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
input.smalltext { width: 30px; text-align: center; }
input.tinytext { width: 25px; }
input.text:focus, textarea:focus, select:focus { border-color: #95b600 !important; }
input.button { padding: 0 3px; border-style: solid; border-width: 0; border-color: #459dc0; background-color: #459dc0; color: #fff; height: 24px; font: bold 1em/normal Arial, Helvetica, sans-serif; }
input.button:active { background-color: #95b600; }
textarea { overflow: auto; height: 100px; }
input.checkbox { width: 15px; height: 15px; }

form table tbody th { font-weight: normal; }


/* Quick Form model */

form.quick-form label { font-size: 16px; }
form.quick-form fieldset { margin: .5em 0; }
form.quick-form input { vertical-align: middle; }
form.quick-form input.submit { width: 30px; height: 24px; font-weight: bold; font-size: 12px; text-transform: uppercase; }


/* Layout models */

.outward { width: 100%; }
.inward { width: 950px; margin: 0 auto; text-align: left; }
.section { margin-bottom: 2em; }
.inner { padding: 0 15px; }


/* Column group model */

.colgroup { clear: both; }
.colgroup .colset { clear: both; width: 100%; }
.colgroup .col { display: inline; float: left; width: 49.9%; }
.colgroup .port { float: left; }
.colgroup .star { float: right; }
.pillars .col { width: 33.3%; }


/* Box models */

.box { margin-bottom: 1em; }

.boxA {  }

.talk { display: inline; padding: 3px; cursor: default; color: #459dc0; text-decoration: underline; }
.talk span { display: none; }


/* List models */

ol.steps {  }
ol.steps li { margin-bottom: 1em; padding-left: 42px; background: url(images/icon_step1.png) 0 5px no-repeat; }
ol.steps li.i2 { background-image: url(images/icon_step2.png); }
ol.steps li.i3 { background-image: url(images/icon_step3.png); }

.listA li { margin-bottom: 1em; }
.listA li a { overflow: hidden; display: block; margin-bottom: 3px; background: url(images/btn2.png) no-repeat; }
.listA li a img { display: block; border: solid 6px #ccc; }
.listA li span { display: block; padding: 0 6px; }
.listA li a:hover img { border-color: #95b600; }

.listB { padding-left: 1.5em; color: #459dc0; }
.listB li a, .listB li a:visited { text-decoration: none; }

.pagination { width: 28%; }
.pagination li { float: right; font-size: 18px; text-transform: lowercase; white-space: nowrap; }
.col .pagination { width: 40%; }


/* Custom headings */

#logo { display: inline; float: left; margin: 100px 0 0; }
#quick-contact { margin-bottom: 1em; color: #949494; font-size: 17px; }
#quick-contact big { color: #459dc0; font-size: 20px; }


/* Single layers */

body.tpl1 #wrapper { background: url(images/grid1.png) 100% 0 repeat-y; }
body.tpl2 #wrapper { background: url(images/grid2.png) 0 0 repeat-y; }
body.tpl3 #content { padding: 35px 0 100px; }

#header { height: 251px; background: url(images/header1.jpg) 50% 0 no-repeat; color: #fff; }
#header .inner { height: 251px; padding: 0; background: url(images/header2.png) 50% 100% no-repeat; color: #fff;}


/* Custom columns */

#content { background: url(images/talkbox-top.png) -9999px -9999px no-repeat; }
#content .colA { width: 617px; padding-top: 50px; }
#content .colA .colgroupA .colA { width: 305px; padding: 0; }
#content .colA .colgroupA .colB { float: right; width: 272px; }
#content .colB { width: 333px; }
#content .colC { width: 265px; padding-top: 50px; }
#content .colD { width: 685px; }
#content .colE { width: 90px; padding-top: 35px; }
#content .colF { width: 527px; padding-top: 35px; }
#content .sidebar { padding-bottom: 125px; }

#sidebar-star { margin-top: -30px; }
#sidebar-star .inner { padding: 0 35px; }

#sidebar-port h1 { color: #95b600; }


/* Navigation */

#nav { clear: right; display: inline; float: right; width: 636px; margin-top: 53px; background: url(images/talkbox-bottom.png) -9999px -9999px no-repeat; }
#nav li { float: left; margin-right: 15px; }
#nav li.last { margin-right: 0; }
#nav a { float: left; height: 39px; padding-left: 8px; background: url(images/btn1.png) 0 0 no-repeat; }
#nav a span { position: relative; float: left; height: 14px; margin-right: -8px; padding: 13px 20px 12px 12px; background: url(images/btn1.png) 100% 0 no-repeat; line-height: 39px; cursor: pointer; }
#nav a em { overflow: hidden; float: left; height: 0; padding-top: 14px; background: url(images/nav.png) 0 0 no-repeat; font-style: normal; }
#nav a, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a.on { background-position: 0 -39px; color: #459dc0; }
#nav a:hover span, #nav a.on span { background-position: 100% -39px; }
#nav a:active { background-position: 0 -78px; }
#nav a:active span { background-position: 100% -78px; }

#navi1 a:hover em, #navi1 a.on em { background-position: 0      -50px; }
#navi2 a:hover em, #navi2 a.on em { background-position: -85px  -50px; }
#navi3 a:hover em, #navi3 a.on em { background-position: -584px -50px; }
#navi4 a:hover em, #navi4 a.on em { background-position: -230px -50px; }
#navi5 a:hover em, #navi5 a.on em { background-position: -333px -50px; }
#navi6 a:hover em, #navi6 a.on em { background-position: -492px -50px; }

#navi1 a em, #navi1 a:active em { width: 39px; background-position: 0      0; }
#navi2 a em, #navi2 a:active em { width: 99px; background-position: -85px  0; }
#navi3 a em, #navi3 a:active em { width: 65px; background-position: -584px 0; }
#navi4 a em, #navi4 a:active em { width: 58px; background-position: -230px 0; }
#navi5 a em, #navi5 a:active em { width: 47px; background-position: -333px 0; }
#navi6 a em, #navi6 a:active em { width: 53px; background-position: -492px 0; }

#topnav { display: inline; float: right; margin-top: 15px; }
#topnav li { float: left; padding: 0 10px; border-right: solid 1px #fff; line-height: 1.1em; }
#topnav li.last { padding-right: 0; border-right: none; }
#topnav li img { vertical-align: middle; }


/* The Talkbox */

#talkbox { display: none; position: absolute; top: 0; left: 0; z-index: 1000; width: 310px; font-size: 15px; line-height: normal; text-align: left; }
#talkbox .before { height: 22px; background: url(images/talkbox-top.png) 0 0 no-repeat; font-size: 1px; }
#talkbox .after { height: 57px; background: url(images/talkbox-bottom.png) 100% 0 no-repeat; font-size: 1px; }
#talkbox .inner { padding: 0 25px; background: url(images/talkbox-bg.png) 100% 0 repeat-y; color: #000; }


/* Testimonials section */

div#testimonials { margin-bottom: 3em; }
div#testimonials a.more, div#testimonials a.more:visited { padding-right: 22px; font-size: 16px; background: url(images/arrow1-right-green.png) 100% 50% no-repeat; color: #95b600; text-decoration: underline; }
div#testimonials a.more:hover { text-decoration: none; }
div#testimonials .container { padding-bottom: 22px; width: 95%; height: 90px; }
div#testimonials ul { position: relative; left: -34px; height: 90px !important; padding: 0 0 0 34px; background: url(images/quotes-tl.png) 0 5px no-repeat; }
div#testimonials blockquote { color: #46a4c4; font-size: 20px; line-height: 1.3em; }
div#testimonials blockquote p { display: inline; margin: 0; }
div#testimonials blockquote cite { padding-left: 34px; margin-left: 15px; font-size: 16px; background: url(images/quotes-br.png) 0 50% no-repeat; }
ul#testimonials li { padding-top: 1em; border-top: solid 1px #aaa; }
ul#testimonials cite { display: block; margin-bottom: 1em; font-weight: bold; }
#testimonial { margin-bottom: 3em; }
#testimonial cite { color: #46a4c4; }


/* Welcome columns */

#welcome h2, #welcome h3 { color: #95b600; }


/* Portfolio list */

#portfolio { float: left; width: 100%; margin: 0; }
#portfolio li { float: left; margin-right: 29px; padding-bottom: 29px; }
#portfolio li.nth-child_3n3 { margin-right: 0; }
#portfolio li img { display: block; }


/* Team list */

#team li { float: left; width: 100%; }
#team li .preview { float: left; width: 173px; padding-bottom: 45px; }
#team li .desc { float: right; width: 450px; }
#team li h2 { margin-bottom: .25em; }


/* Clients list */

#clients dl { margin-bottom: 2em; }
#clients dl dt { margin-top: 2em; color: #459dc0; font-weight: bold; }
#clients dl dd a, #clients dl dd a:visited { color: #979797; }
#clients dl dd a:hover { color: #95b600; }


/* Case Studies list */

#case-study ul li { margin: 2em 0 1em; }
#case-study ul li .preview { float: left; margin-bottom: .5em; padding: 4px; border: solid 1px #dadada; }
#case-study ul li .footnote { clear: left; padding: 0 13px; }


/* Contact Form */

form#contact { margin-bottom: 1em; padding: 0 10px; font-size: 16px; }
form#contact input.text, form#contact select, form#contact textarea { border-width: 2px; border-color: #98c9dc; }
form#contact input.text, form#contact textarea { width: 265px; }
form#contact select { width: 275px; }
form#contact input.submit { width: 110px; height: 30px; }
form#contact table tbody th { width: 170px; font-weight: normal; }


/* Story section */

#story p, #story blockquote, #story ul, #story ol { margin-bottom: 1em; }
#story h2, #story h3 { margin-top: 1.5em; }
#story h4, #story h5, #story h6 { margin-top: 1em; }


/* The Blog */

#blog .post { margin-bottom: 3em; }
#blog .post h2 { margin-bottom: 0; }
#blog .post .entry h2, #blog #single .post h2 { margin-bottom: .5em; }
#blog .post .entry img { border: solid 1px #ccc; }
#blog .sidebar li { margin-bottom: 3em; }
#blog .sidebar li li { margin-bottom: 0; }

#blog .navigation { float: left; width: 100%; padding-bottom: 1em; }
#blog .navigation .alignright { float: right; width: 49.9%; text-align: right; }
#blog .navigation .alignleft { float: left; width: 49.9%; text-align: left; }

#blog #respond { margin-bottom: 2em; }

#blog #twitter-tools h2 { margin: 0; padding: 10px 0 10px 80px; background: url(images/icon_twitter.png) 0 50% no-repeat; }
#blog #twitter-tools li { padding: .5em 0; border-bottom: dotted 1px #ccc; }

#blog .widget_amzscwidget .amzshcs-item { margin: 1em 0; text-align: center; }

#blog .sidebar { margin-top: 0; padding-top: 35px; }
#blog .sidebar .rss { margin-bottom: 1em; padding: .5em 0 .5em 55px; background: url(images/icon_feed-48x48.gif) 0 50% no-repeat; }
#blog .sidebar .rss a big { font-size: 160%; }
#blog .sidebar .rss a, #blog .sidebar .rss a:visited { text-decoration: none; }

#blog #wp-calendar { width: 100%; border-collapse: collapse; color: #000; }
#blog #wp-calendar caption { padding-bottom: .5em; color: #8b8b8a; }
#blog #wp-calendar th, #blog #wp-calendar td { padding: 3px; }
#blog #wp-calendar thead { background-color: #69b8d3; }
#blog #wp-calendar thead th, #blog #wp-calendar tbody td { text-align: center; }
#blog #wp-calendar tbody a, #blog #wp-calendar tbody a:visited { color: #96b702; }
#blog #wp-calendar tbody a:hover { color: #69b8d3; }
#blog #wp-calendar tfoot #next { text-align: right; }


/* The Footer */

#footer { clear: both; background: #95b600 url(images/talkbox-bg.png) -9999px -9999px no-repeat; color: #fff; }
#footer .inner { position: relative; padding: 17px 34px 17px 0; }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer p { float: right; }
#footer ul { margin: 0; }
#footer ul li { display: inline; margin-right: 12px; }
#footer ul li.last { margin-right: 0; }
#footer ul li img { vertical-align: middle; }

#footer .flower { position: absolute; bottom: 100%; right: 130px; }

body.tpl1 #footer .flower { right: 130px; }
body.tpl2 #footer .flower { right: auto; left: 85px; }





/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .section, .after { display: block; }
/* end hide */