/* ==== 2011 (c) bluesky interactive ==== */

@import url("/fancybox/jquery.fancybox-1.3.4.css");
@import url("/includes/reset.min.css");

/* ==== common ==== */

html {
margin: 0; 
padding: 0;
font: normal 12px/21px Arial, Helvetica, sans-serif; color:#5e5e5e;
background-color:#116186;}
.notes {
font: normal 10px/15px Arial, Helvetica, sans-serif, serif; color: #5E5E5E; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }
.break {
width: 100%;
height:4px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/break.png) top left repeat-x;
margin:8px 0 17px 0;}
.small-break {
width: 100%;
height:2px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/small-break.png) top left repeat-x;
margin:8px 0 17px 0;}
.subtle-break {
width: 620px;
height:11px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/subtle-break.png) top left no-repeat;
margin:8px 0 5px 0;}

/* ==== font face styles ==== */

@font-face {
font-family: 'Flux-Bold';
src: url('/fonts/flux-webfont.eot');
src: url('/fonts/flux-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/flux-webfont.woff') format('woff'),
url('/fonts/flux-webfont.ttf') format('truetype'),
url('/fonts/flux-webfont.svg#FluxBoldRegular') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'Flux';
src: url('/fonts/flux_rg-webfont.eot');
src: url('/fonts/flux_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/flux_rg-webfont.woff') format('woff'),
url('/fonts/flux_rg-webfont.ttf') format('truetype'),
url('/fonts/flux_rg-webfont.svg#FluxRegular') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'ArimoRegular';
src: url('/fonts/Arimo-Regular-Latin-webfont.eot');
src: url('/fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/Arimo-Regular-Latin-webfont.woff') format('woff'),
url('/fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'),
url('/fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'ArimoBold';
src: url('/fonts/Arimo-Bold-Latin-webfont.eot');
src: url('/fonts/Arimo-Bold-Latin-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/Arimo-Bold-Latin-webfont.woff') format('woff'),
url('/fonts/Arimo-Bold-Latin-webfont.ttf') format('truetype'),
url('/fonts/Arimo-Bold-Latin-webfont.svg#ArimoBold') format('svg');
font-weight: normal;
font-style: normal;}

/* ==== header ==== */

#header-wrapper {
width: 100%;
height: 117px;
display:block;
background-color:#FFF;
overflow:hidden;}
#header {
width: 940px;
margin: 0 auto;
padding: 0 12px;}
#headerleft {
width: 218px;
float: left;
padding: 12px 0 0 0;
color: #2961ae;}
#headerleft a:link, #headerleft a:active, #headerleft a:visited, #headerleft a:hover {
color: #2961ae;
text-decoration:none;}
#headerleft .title {
display:block;
width:218px;
font: normal 63px/63px 'Flux-Bold', Arial, Helvetica, sans-serif;}
#headerleft .sub {
display:block;
width:218px;
margin:-12px 0 0 0;
font: normal 39px/39px 'Flux-Bold', Arial, Helvetica, sans-serif; }
#headerright {
width: 700px;
float: right;}
#headerright p.call {
font: normal 28px/29px 'ArimoRegular', Arial, Helvetica, sans-serif, serif;
color:#2b6dac;
background:url(/images/backgrounds/header-phone.png) top left no-repeat;
padding: 0 0 0 42px;
margin: 0 12px 13px 0;
float:right;}
#headerright-left {
float: left;
width: 580px;
padding: 23px 0 0;}
#headerright-right {
float: right;
padding: 14px 0 0 0;
width: 117px;
text-align:right;}

/* ====== nav ====== */

#navcontainer {
width: 550px;
height: 33px;
margin: 0 auto;
padding: 0;
display:block;
float:right;}
#nav {
padding: 0;
float:right;}
ul.dropdown li:hover > ul {
visibility: visible;}
/* top level navigation link styling */
ul.dropdown,
ul.dropdown li {
list-style: none;
margin: 0;
padding: 0;
font-size: 18px;
font-family:'Flux', Arial, Helvetica, sans-serif, serif;
position: relative;
z-index: 597;
float: left;
vertical-align: middle;}
ul.dropdown li {
margin-left: 6px;}
ul.dropdown a:link,
ul.dropdown a:visited {
margin: 0;
display: inline-block;
color: #646363;	
padding: 7px 12px 8px;
text-decoration: none;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px;      
behavior: url(/PIE.htc);}
ul.dropdown a:hover, ul.dropdown a.selected {
margin: 0;
display: inline-block;
text-decoration: none; 
background: #f47f22;
color:#fff;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px;          
behavior: url(/PIE.htc);}

/* ==== Selected States ==== */

#homenav ul.dropdown a#homeselect, #solutionsnav ul.dropdown a#solutionsselect, #portfolionav ul.dropdown a#portfolioselect, #teamnav ul.dropdown a#teamselect, #contactnav ul.dropdown a#contactselect  {
margin: 0;
background-color:#ededed;
display:inline-block;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px;          
behavior: url(/PIE.htc);}

/* ==== selected states hover ==== */

#homenav ul.dropdown a#homeselect:hover, #solutionsnav ul.dropdown a#solutionsselect:hover, #portfolionav ul.dropdown a#portfolioselect:hover, #teamnav ul.dropdown a#teamselect:hover, #contactnav ul.dropdown a#contactselect:hover  {
background: #f47f22;
color:#fff;}

/* ==== home blue slider ==== */

#top-blue-wrap {
width: 100%;
height:50px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/top-blue-wrap.png) top center repeat-x #5ba4c0;}
#homenav #top-blue-wrap {
height:329px;}
#top-blue {
width: 982px;
margin:auto;
position:relative;}
#top-blue #bluesky-home-sld div {
background:none !important;}
#top-blue h2 {
font: normal 28px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #fff;
letter-spacing:-0.5px;
text-shadow: 0 1px 1px #5199b0;
margin:0 0 18px 0;}
#top-blue p {
font-size: 13px;
line-height:21px;
margin: 0 0 17px 0;}
#bluesky-home-sld {
height:329px;
width: 960px;
list-style:none outside none;
overflow:hidden;
margin:0;
padding:0;
color:#fff;
position:relative;}
#slide-nxt {
position:absolute;
top:140px;
right:-52px;
z-index:5;
width: 28px;
height: 58px;
text-indent: -9999px;
background: url(/images/backgrounds/homeslide-ctrl.png) top right no-repeat;
outline: 0 none;
cursor:pointer;}
#slide-prv  {
position:absolute;
top:140px;
left:-52px;
z-index:5;
width: 28px;
height: 58px;
text-indent: -9999px;
background: url(/images/backgrounds/homeslide-ctrl.png) top left no-repeat;
outline: 0 none;
cursor:pointer;}

/* ==== top grey sub nav ==== */

#top-grey-wrap {
width: 100%;
height:30px;
display:block;
overflow:hidden;
background: #cccccc;}
#top-grey {
width: 982px;
margin:auto;
position:relative;
display:block;}

/* ==== individual slides ==== */

#bluesky-home-sld .feature-website {
width: 960px;
height: 329px;}
#bluesky-home-sld .feature-website .feature-img {
float:left;
width:565px;}
#bluesky-home-sld .feature-website .feature-txt {
float:right;
width:370px;
padding: 54px 10px 0 10px;}

/* ==== orangelink ==== */

.orangelink, a.orangelink, #pagetabs a.orangelink:link, #pagetabs a.orangelink:active, #pagetabs a.orangelink:visited, #pagetabs a.orangelink:hover {
width: 147px;
height:41px;
display:block;
text-decoration:none;
padding: 0 0 0 12px;
margin: 0 0 20px 0;
font: normal 17px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #fff;
line-height:41px;
background:url(/images/backgrounds/orange-button.png) top left no-repeat;}

/* ==== three boxes ==== */

#three-box-wrap {
width: 100%;
background:url(/images/backgrounds/three-box-wrap.png) bottom left repeat-x #176687;
position:relative;}
#three-box {
width: 940px;
margin:0 auto;
padding:22px 0;}
#three-box .box, #three-box .box-end {
width: 300px;
margin: 0 20px 0 0;
float:left;
background-color: #eaeaea;}
#three-box .box-end {
margin-right: 0;}

/* ==== home hover blocks  ==== */	

ul.hover_block, ul.hover_block li {
list-style:none;
padding:0;
margin:0;}
ul.hover_block li {
list-style:none;
float:left;
padding: 0;
width:300px; 
position: relative; }
ul.hover_block li a {
display: block;
position: relative;
overflow: hidden;
height: 231px;
width: 300px;
padding: 0;
color: #000;}
ul.hover_block li a { 
text-decoration: none; }
ul.hover_block li img {
top: 0;
left: 0;
border: 0;
z-index:1;}
ul.hover_block li .slider-reveal {
position: absolute;
top: 97px;
left: 0;
border: 0;
z-index:2;
width: 260px;
height:114px;
font-size: 13px;
padding: 16px 20px 0;
border-top: solid 4px #d1650f;
background: url(/images/backgrounds/homeslide-bg.png) top left repeat-x;
color: #323232;
line-height:21px;}
ul.hover_block li .slider-spacer {
display: block;
height: 7px;
overflow:hidden; }
ul.hover_block li .slider-spacer-btm {
display: block;
height: 25px;
overflow:hidden; }
ul.hover_block li .slider-reveal-title {
font: normal 25px 'Flux', Arial, Helvetica, sans-serif; color: #2b6dac;
letter-spacing:-0.3px;}

/* ==== pages ==== */

#pages-wrapper {
width: 100%;
background:url(/images/backgrounds/page-wrap.png) center top repeat-x #fbfbfc;
padding: 0 0 25px 0;}
.pagetint {
background: url(/images/backgrounds/pagetint.png) top center no-repeat;}
#pages { 
width: 940px;
padding: 0 10px;
margin: 0 auto;}

/* ==== site structure ==== */

#left {
float: left;
width: 620px;
padding: 35px 0 0;}
#left a:link, #left a:visited, #left a:active {
font-weight: normal;
color: #e7761b; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#left a:hover {
font-weight: normal;
color: #4593b3; text-decoration: none;}
#right {
float: right;
width: 300px;
padding: 35px 0 0;}
#right a:link, #right a:visited, #right a:active {
font-weight: normal;
color: #e7761b; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#right a:hover {
font-weight: normal;
color: #4593b3; text-decoration: none;}
.homefull {
padding: 15px 0 0 0;}
#full {
width:940px;
padding: 35px 0 0 0;} 
#full a:link, #full a:visited, #full a:active {
font-weight: normal;
color: #e7761b; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#full a:hover {
font-weight: normal;
color: #4593b3; text-decoration: none;}
#pagetabs a:link, #pagetabs a:visited, #pagetabs a:active {
font-weight: normal;
color: #e7761b; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#pagetabs a:hover {
font-weight: normal;
color: #4593b3; text-decoration: none;}

/* ==== headings  ==== */

#left h1 {
font: normal 30px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #2b6dac; 
margin:0 0 12px 0;
letter-spacing:-0.5px;}
#homenav #left h1 {
margin:0 0 7px 0;}
#left h2, #right h2, #full h2 {
font: normal 20px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #2b6dac; 
margin:0 0 13px 0;}
#left h3 {
font: normal 17px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #444444; 
margin: 0 0 18px 0;}
#left p, #right p, #pagetabs p, #full p {
margin: 0 0 13px 0;}
#full h1 {
font: normal 30px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #2b6dac; 
margin:0 0 12px 0;
letter-spacing:-0.5px;}

/* ==== top page categories  ==== */

.page-category {
padding: 11px 20px 0;}

/* ==== services choice ==== */

ul#blockgrid, ul#blockgrid li, #left ul#blockgrid, #left ul#blockgrid li {
margin:0;
padding:0;
background:none;
list-style:none;}
ul#blockgrid img, #left ul#blockgrid img{
float: left;}
ul#blockgrid li.option, ul#blockgrid li.option-end {
margin:0 20px 20px 0;
float: left;}
#left ul#blockgrid li.option, #left ul#blockgrid li.option-end {
margin:0 20px 7px 0;
float: left;}
ul#blockgrid li.option-end, #left ul#blockgrid li.option-end {
margin-right: 0;}

/* ==== team grid ==== */

#meet-team-filter, #solutions-filter {
margin: 0;
background: url(/images/backgrounds/meet-team-filter.png) top left repeat-x #eeeeee;
padding:20px;}
#solutions-filter {
padding:10px;}
.greybox{
margin: 0;
background: url(/images/backgrounds/meet-team-filter.png) top left repeat-x #eeeeee;
padding:20px;}
.gen-shadow {
display:block;
overflow:hidden;
width: 100%;
height:13px;
background: url(/images/backgrounds/gen-shadow.png) top right no-repeat;
margin: 0 0 7px 0;}
#meet-team-filter ul, #solutions-filter ul {
padding: 0;
margin:0;}
#meet-team-filter ul li, #solutions-filter ul li {
margin: 0;
padding:0;
list-style:none;
float:left;}
#meet-team-filter ul li a, #solutions-filter ul li a {
display: inline-block;
padding: 2px 10px;
background:#2b6dac;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
text-decoration:none;
outline:none;}
#solutions-filter ul li a {margin: 0 10px 0 0;}
#meet-team-filter ul li a {margin: 0 15px 0 0;}
#meet-team-filter ul li a:hover, #solutions-filter ul li a:hover {
background: #7ecbdc;}
#meet-team-filter ul li.selected a, #solutions-filter ul li.selected a {
background: #f47f22;
color:#fff;} 
.meet-team-loading {
width: 960px;
height:150px;
display:block;
margin:0 auto;
text-align:center;
background: url(/images/backgrounds/preload.gif) center no-repeat;}
#meet-team-grid {
width: 960px;
padding: 0 0 0 20px;
margin:0 auto;}
#meet-team ul, #meet-team ul li {
background: none;
padding:0;
margin:0;
list-style:none;}
#meet-team ul li {
width: 172px;
padding: 0 0 6px 0;
margin: 0 0 20px 0;
border-bottom: solid 3px #dddddd;}
#meet-team ul li img {
margin-bottom: 3px;}
#meet-team a:link, #meet-team a:active, #meet-team a:visited, #meet-team a:hover {
color: #444444;
text-decoration:none;
display:block;} 


/* ==== page tabs structure  ==== */

#pagetabwrap {
width: 940px;
position:relative;
display:block;
padding: 0;}
#pagetabwrap2 {
width: 940px;
position:relative;
display:block;
padding: 35px 0 0 0;}
#pagenav {
width: 220px;
min-height:498px;
float:left;
display:block;
position:relative;
z-index:2;
background: url(/images/backgrounds/pagenav.png) top right no-repeat;}
#pagetabs {
width:720px;
float:right;
display:block;}
#pagetabs ul, #pagetabs ul li {
list-style: none;
padding: 0;
margin:0;}
#pagetabs ul {
margin-bottom: 17px;}
#pagetabs ul li {
list-style: none;
background-image:url(/images/backgrounds/bullet.png);
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 8px;
padding:0 0 0 18px;}
#pagenav ul, #pagenav ul li {
margin: 0;
padding:0;
list-style:none;
background:none;}
#pagenav ul {
width: 220px;
border-top: solid 1px #e9e9e9;}
#pagenav ul li {
width: 220px;
border-bottom: solid 1px #e9e9e9;}
#pagenav ul li a {
width: 200px;
padding: 0 0 0 20px;
display:block;
height:38px;
text-decoration:none;
color:#444;
line-height:39px;}
#pagetabs ul#twocol li {
width: 300px;
float:left;}

.grey-text {
color:#666;
font: normal 16px 'Flux-Bold', Arial, Helvetica, sans-serif;
padding-right:20px;
line-height:25px;}

/* ==== Page Nav Selected States ===== */

#pagenav #pn-usedcars a#pn-usedcars-select, #pagenav #pn-admin a#pn-admin-select, #pagenav #pn-marketing a#pn-marketing-select, #pagenav #pn-chat a#pn-chat-select, #pagenav #pn-wishlist a#pn-wishlist-select, #pagenav #pn-service a#pn-service-select, #pagenav #pn-newcars a#pn-newcars-select, #pagenav #pn-finance a#pn-finance-select, #pagenav #pn-content a#pn-content-select, #pagenav #pn-enhanced a#pn-enhanced-select, #pagenav #pn-cogcast a#pn-cogcast-select, #pagenav #pn-campaign a#pn-campaign-select, #pagenav #pn-cogtech a#pn-cogtech-select, #pagenav #pn-sem a#pn-sem-select, #pagenav #pn-seo a#pn-seo-select, #pagenav #pn-ppc a#pn-ppc-select, #pagenav #pn-anal a#pn-anal-select, #pagenav #pn-mob a#pn-mob-select, #pagenav #pn-mobweb a#pn-mobweb-select, #pagenav #pn-mobapp a#pn-mobapp-select, #pagenav #pn-mobsms a#pn-mobsms-select, #pagenav #pn-email a#pn-email-select, #pagenav #pn-social a#pn-social-select, #pagenav #pn-twitter a#pn-twitter-select, #pagenav #pn-facebook a#pn-facebook-select, #pagenav #pn-facebook-stock a#pn-facebook-stock-select, #pagenav #pn-facebook-ads a#pn-facebook-ads-select, #pn-sm-train a#pn-sm-train-select, #pn-design a#pn-design-select, #pn-feeds a#pn-feeds-select, #pagenav #mt-team0 #mt-team0-select, #pagenav #mt-team1 #mt-team1-select, #pagenav #mt-team2 #pagenav #mt-team2-select, #pagenav #mt-team3 #mt-team3-select, #pagenav #mt-team4 #mt-team4-select, #pagenav #mt-team5 #mt-team5-select, #pagenav #mt-team6 #mt-team6-select, #pagenav #mt-team7 #mt-team7-select, #pagenav #mt-team8 #mt-team8-select, #pagenav #mt-team9 #mt-team9-select {
width: 212px;
background: url(/images/backgrounds/pagenav-a-select.png) top left no-repeat;}
#pagenav ul li a:hover, #pagenav #pn-usedcars a#pn-usedcars-select:hover, #pagenav #pn-admin a#pn-admin-select:hover, #pagenav #pn-marketing a#pn-marketing-select:hover, #pagenav #pn-chat a#pn-chat-select:hover, #pagenav #pn-wishlist a#pn-wishlist-select:hover, #pagenav #pn-service a#pn-service-select:hover, #pagenav #pn-newcars a#pn-newcars-select:hover, #pagenav #pn-finance a#pn-finance-select:hover, #pagenav #pn-content a#pn-content-select:hover, #pagenav #pn-enhanced a#pn-enhanced-select:hover, #pagenav #pn-cogcast a#pn-cogcast-select:hover, #pagenav #pn-campaign a#pn-campaign-select:hover, #pagenav #pn-cogtech a#pn-cogtech-select:hover, #pagenav #pn-sem a#pn-sem-select:hover, #pagenav #pn-seo a#pn-seo-select:hover, #pagenav #pn-ppc a#pn-ppc-select:hover, #pagenav #pn-anal a#pn-anal-select:hover, #pagenav #pn-mob a#pn-mob-select:hover, #pagenav #pn-mobweb a#pn-mobweb-select:hover, #pagenav #pn-mobapp a#pn-mobapp-select:hover, #pagenav #pn-mobsms a#pn-mobsms-select:hover, #pagenav #pn-email a#pn-email-select:hover, #pagenav #pn-social a#pn-social-select:hover, #pagenav #pn-twitter a#pn-twitter-select:hover, #pagenav #pn-facebook a#pn-facebook-select:hover, #pagenav #pn-facebook-stock a#pn-facebook-stock-select:hover, #pagenav #pn-facebook-ads a#pn-facebook-ads-select:hover, #pagenav #pn-sm-train a#pn-sm-train-select:hover, #pagenav #pn-design a#pn-design-select:hover, #pagenav #pn-feeds a#pn-feeds-select:hover {
width: 212px;
background: url(/images/backgrounds/pagenav-a-hover.png) top left no-repeat;
color:#fff;}

/* hacks */
.ie6 #pagenav ul li a, .ie6 #pagenav ul li a:hover {
width: 200px !important;}

/* ==== page tabs layouts  ==== */

#pagetabs .top {
width: 700px;
height:233px;
padding: 0 0 0 20px;
display:block;
margin:0 0 20px 0;
background: url(/images/backgrounds/pagetabs-top.jpg) top left no-repeat;
position:relative;}
#pagetabs .top .hero {
position: absolute;
right: 0;
bottom:0;}
#pagetabs .top .content {
width: 273px;
padding-top: 20px;}
#pagetabs h1 {
font: normal 30px 'Flux', Arial, Helvetica, sans-serif; color: #2b6dac; 
margin:0 0 12px 0;
letter-spacing:-1px;}
#pagetabs .top .content h2 {
font-size: 18px;
color:#3b3b3b;}
#pagetabs h2 {
font: normal 20px 'Flux', Arial, Helvetica, sans-serif; color: #2b6dac; 
margin:0 0 11px 0;}
#pagetabs .indent {
padding: 0 0 0 20px;}
#pagetabs .body-screenshot {
float:right;
margin: 0 0 0 20px;}

/* ==== list styles  ==== */

#left ul, #left ul li {
list-style: none;
padding: 0;
margin:0;}
#left ul {
margin-bottom: 17px;}
#left ul li {
list-style: none;
background-image:url(/images/backgrounds/bullet.png);
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 8px;
padding:0 0 0 18px;}

/* ==== testimonials  ==== */

.testimonial-top {
width: 300px;
height:8px;
display:block;
overflow:hidden;
background: url(/images/backgrounds/testimonial-top.png) top left no-repeat;}
.testimonial {
width: 260px;
font-size:13px;
color:#5e5e5e;
padding: 5px 20px 20px;
background: url(/images/backgrounds/testimonial.png) bottom left no-repeat;}
#right .testimonial p {
font-size: 13px;
line-height:21px;}
#right p.testimonial-sub {
font-style:italic;
padding: 0 0 0 55px;}
.open-quote {
width:26px;
height:19px;
float:left;
padding: 0px 4px 4px 0px;
background: url(/images/portfolio/quote1.png) top left no-repeat;}
.closed-quote {
width:26px;
height:19px;
float:right;
padding: 0px;
background: url(/images/portfolio/quote2.png) top left no-repeat;}
.quote {
width:40px;
height:31px;
float:left;
padding: 0px 15px 30px 0px;
background: url(/images/portfolio/quote.png) top left no-repeat;}

.test-wrapper figure img {
float: left;
margin-right: 15px;}
.test-wrapper figcaption {
float:right;
width:550px;}

/* ====== Quick Contact Form ======= */

#quickcontact {
width: 300px;
display:block;
overflow: hidden;
background: url(/images/backgrounds/quickcontact.png) top left repeat-x #5499b6;
margin: 0;
color:#fff;
position:relative;}
#quickcontact .pixels {
padding: 20px 0 20px 20px;
background: url(/images/backgrounds/pixels.png) top left repeat;}
#quickcontact .intro {
padding-right: 20px;} 
#quickcontact h2 {
font-size: 25px;
color:#fff;}
#quickcontact .textinput {
width: 248px;
margin: 0 5px 8px 0;
padding: 0 5px;
height: 27px;
border:solid 1px #5fb1c8;
font: 12px Arial, Helvetica, sans-serif; color: #5e5e5e;
float: left;}
#quickcontact .textarea {
width: 248px;
margin: 0 5px 8px 0;
padding: 5px 5px 0 5px;
height: 75px;
border:solid 1px #5fb1c8;
font: 12px Arial, Helvetica, sans-serif; color: #5e5e5e;
float: left;}
#quickcontact .submit{
font: normal 17px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #fff;
text-align:left;
width: 159px;
height:41px;
display:block;
line-height:41px;
background: url(/images/backgrounds/orange-button.png) top no-repeat;
border:none;
cursor:pointer;
padding: 0 0 0 12px;
margin: 4px 0 0 0;}

/* ====== Login CMS ======= */

#loginbox {
width: 585px;
padding: 15px;
color: #444;
background: url(/images/backgrounds/login-bg.png) top left no-repeat;
border: 1px solid #DFDFDF;
margin: 20px 0px;}
#loginbox h2 {
color: #ef7b1f;
font: 20px 'Flux-Bold',Arial,Helvetica,sans-serif;
margin: 0 0 13px;}
#loginbox h3 {
color: #444;
font: 17px 'Flux-Bold',Arial,Helvetica,sans-serif;
margin: 0 0 12px;}
#loginbox .break {
width: 100%;
height:1px;
display:block;
background: #DFDFDF;
margin: 0 0 15px 0;}
#loginbox .textinput {
border: 1px solid #ef7b1f;
color: #5E5E5E;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 27px;
margin: 0 5px 8px 0;
padding: 0 5px;
width: 248px;}
#loginbox .submit {
background: url("/images/backgrounds/orange-button.png") no-repeat scroll center top transparent;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
font: 17px/41px 'Flux-Bold',Arial,Helvetica,sans-serif;
height: 41px;
margin: 4px 0 0;
padding: 0 0 0 12px;
text-align: left;
width: 159px;}

/* ==== portfolio styles ==== */

#left #thumbhover ul#blockgrid .option, #left #thumbhover ul#blockgrid .option-end {
background: url(/images/backgrounds/port-thumb.png) bottom left  no-repeat;
padding-bottom:13px;}
#left #thumbhover ul#blockgrid .option a, #left #thumbhover ul#blockgrid .option-end a {
width:288px;
height:188px;
display:block;
background: url(/images/backgrounds/port-thumb-bg.png) top left repeat-x #f8f8f8;
border:solid 1px #dbdbdb;
padding: 10px 0 0 10px;
position:relative;
z-index:10;}
#left #thumbhover ul#blockgrid li div {
position:absolute;
z-index:1;
color:#00CC33;
width:288px;
height:188px;
display:block;
background: url(/images/backgrounds/port-thumb-bg.png) top left repeat-x #f8f8f8;
border:solid 1px #dbdbdb;
padding: 10px 0 0 10px;}
#left #thumbhover ul#blockgrid li div span {
display:block;
width: 278px;
height:105px;
padding:73px 0 0 0;
z-index:1;
background-color:#ed7a1e;
text-align:center;
font: normal 29px 'Flux-Bold', Arial, Helvetica, sans-serif; color: #fff; 
margin:0;}

/* ==== find us  ==== */

.findus-left {
width: 300px;
float:left;}
.findus-right {
width: 300px;
float:right;}
#left a.download {
display:block;
padding:0 0 0 25px;
background: url(/images/backgrounds/download.png) top left no-repeat;} 
.iframe {
width: 620px;
height:400px;
display:block;
background: url(/images/backgrounds/preload.gif) center no-repeat;}

/* ==== footer ==== */

#footerwrap {
width: 100%;
background: url(/images/backgrounds/footer.png) top left repeat-x;}
#footer {
width: 940px;
margin: 0 auto;
padding: 30px 0 20px;
color: #b9d4e0;}
#footer p {
margin: 0 0 13px 0;
line-height:20px}
#footer h2 {
font: normal 20px 'Flux', Arial, Helvetica, sans-serif; color: #fff; 
margin:0 0 11px 0;}
#footer .break {
height:5px;
background:url(/images/backgrounds/break-footer.png) top left repeat-x;
margin: 13px 0 25px;}
.footercol, .footercol-end {
width: 220px;
float: left;
margin: 0 20px 0 0;}
.footercol-end {
margin-right: 0;}
.footerleft {
width: 620px;
float: left;}
.footerright {
width: 300px;
float:right;
text-align:right;}
#footer a:link, #footer a:visited, #footer a:active {
font-weight: normal;
color: #ffffff; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#footer a:hover {
font-weight: normal;
color: #f37e21; text-decoration: none;}
#footer a.twitterfollow {
background:url(/images/backgrounds/twitter-t.png) top right no-repeat;
padding: 8px 35px 8px 0;}

/* ==== footer tweets  ==== */

#tweet {
width: 829px;
padding: 0 0 0 111px;
margin: 0 0 20px 0;
position:relative;}
#tweet ul {
width: 799px;
background:url(/images/backgrounds/feather.png) top left no-repeat !important;}
#tweet ul, #tweet ul li {
list-style: none;
padding: 0;
margin:0;}
#tweet ul li {
background:none !important;
padding: 10px 129px 0;
min-height:67px;
font-size: 14px;
line-height:23px;
color:#fff;}
#tweet-nxt, #tweet-prv {
position:absolute;
top:8px;
z-index:15;
width: 28px;
height: 58px;
text-indent: -9999px;
outline: 0 none;
cursor:pointer;}
#tweet-nxt {
right: 0px;
background: url(/images/backgrounds/twitter-ctrl.png) top right no-repeat;}
#tweet-prv  {
left:0px;
background: url(/images/backgrounds/twitter-ctrl.png) top left no-repeat;}
#footer #tweet a:link, #footer #tweet a:visited, #footer #tweet a:active {
font-weight: normal;
color: #64bee6; text-decoration: none; }
#footer #tweet a:hover {
font-weight: normal;
color: #f37e21; text-decoration: none;}


























































/* ==== Data Tables ==== */

.datatable {
/*border: 1px solid #bcb9c2;*/
border-collapse: collapse;
margin: 5px 0 15px 0;
padding: 0;
background: #faf0ff;}
.datatable p {
margin: 0;
padding: 0;}
.datatable td {
border: 1px solid #bcb9c2;
padding: 4px 0 4px 4px;
color: #463b4d;
font-size: 12px;}
.datatable th {
border: 1px solid #bcb9c2;
font-weight: bold;
font-size: 12px;
padding: 4px;
background: #d2cfd8;}
.datatable-tint {
background-color:#d2cfd8;}