/*
Theme Name: Just In Time
Theme URI: http://studioonthebrink.com
Description: Theme for justintimeref.net
Version: 1.0
Author: Matt Drollette
Author URI: http://studioonthebrink.com
*/
/* reset.css */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/* typography.css */
html { background-color: #0E3293; }
body {font-size:75%;color:#222;background:#0E3293;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.2em;margin-bottom:0.75em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


#wrapper {
width: 964px;
margin: 20px auto;
}

#header {
}

h1 {
color: #213F99;
margin-bottom: 1em;
font-size: 2em;
font-weight: bold;
}
h1 .title2 {
display:block;
color: #2B95BD;
margin-top: 4px;
}
h2 {
color: #208DBB;
font-weight: bold;
}
h2 .titlehome{
color: #213F99;
font-weight: bold;
}
strong {
color: #213F99;
}

#content {
background: #fff url('images/content_bg.png') repeat-y;
padding: 0 11px 20px;
overflow: hidden;
}
#bar {
width: 100%;
height: 8px;
background: transparent url('images/bar.png') repeat-x;
}
#content #flashBar {
height: 87px;
width: 942px;
}
#content #left {
display: block;
width: 220px;
float: left;
margin-bottom: 50px
}
#content #center {
display: block;
width: 475px;
padding: 20px;
float: right;
position: relative;
}
#content #center #form_corner {
position: absolute;
top: 0;
right: 0;
}
#content #right {
display: block;
width: 207px;
float: right;
text-align: center;
padding-top: 0px;
}
#content #ccs {
bottom:0;
clear:left;
width: 210px;
position:relative;
padding-left: 10px;
}

#content #left #nav {
margin: 0 0 40px 0; padding: 0;
}
#content #left #nav li {
height: 100%;
text-align: center;
}
#content #left #nav li a {
display: block;
line-height: 38px;
text-decoration: none;
color: #fff;
font-weight: bold;
text-indent: -9999px;
font-size: 1.4em;
background-color: transparent;
height: 100%;
}
#content #left #nav li a:hover {
background-position: left -39px;
}
/*
18 - home
27 - why we're better
34 - commercial services
41 - residential services
43 - sales and isntallation
45 - testimonials
51 - commercial specials
55 - residential specials
61 - gallery
*/
#content #left #nav li.page-item-18 a {
background-image: url('images/nav/home.jpg');
}
#content #left #nav li.page-item-27 a {
background-image: url('images/nav/better.jpg');
}
#content #left #nav li.page-item-34 a {
background-image: url('images/nav/com_serv.jpg');
}
#content #left #nav li.page-item-41 a {
background-image: url('images/nav/res_serv.jpg');
}
#content #left #nav li.page-item-43 a {
background-image: url('images/nav/sni.jpg');
}
#content #left #nav li.page-item-45 a {
background-image: url('images/nav/test.jpg');
}
#content #left #nav li.page-item-51 a {
background-image: url('images/nav/com_sp.jpg');
}
#content #left #nav li.page-item-55 a {
background-image: url('images/nav/res_sp.jpg');
}
#content #left #nav li.page-item-61 a {
background-image: url('images/nav/gallery.jpg');
}
#content a.bbb {
margin: 20px;
float: left;
}
#content p.bbb {
color: #fff;
padding-top: 40px;
}
#content #left .widgettitle {
display: none;
}
#content #left .widget ul {
margin: 0; padding: 0;
}
#content #center p {
line-height: 1.6em;
}
img.alignleft {
float: left;
}
#content #center img {
padding: 10px;
}
#content #center img {
margin-bottom: 1em;
}
#content #center img.photo {
padding: 0px;
}
#content #center ul, #content #center ul li {
list-style-type: disc;
}
#content #center ul li {
margin-bottom: .5em;
}

#content #right h3 {
color: #1a3785;
text-transform: uppercase;
font-weight: bold;
font-size:1.5em;
margin-bottom: 10px;
}
#content #right ul {
margin: 0 0 30px 0;
padding: 0;
}
#content #right ul li {
text-align: center;
font-size: 1.3em;
}
#content #right ul.links {
border-top: solid 1px #0e3292;
padding-top:18px;
}
.thumbnail-class {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 15px 0 0;
	}
.post-img {
margin:0 19px 0 0;
float: left;
}

div.coupon {
background-color:#FFFFFF;
border:3px dashed #213F99;
float:right;
margin-bottom:10px;
padding:20px 20px 10px;
width:260px;
}
.dark {
color: #1A3785 !important;
}
.light {
color: #208DBB !important;
}
#footer {
clear: both;
height: 36px;
background: #153695 url('images/footer_bg.png') no-repeat bottom left;
position: relative;
text-transform: uppercase;
font-weight: bold;
line-height: 30px;
}

#footer p {
color:#FFFFFF;
display:inline;
font-style:italic;
letter-spacing:0.1em;
margin:0;
padding:0 0 0 40px;
}
#footer a {
padding: 0 0 0 20px;
color: #208DBB;
text-decoration: none;
position: absolute;
right: 40px;
}
#footer a:hover {
color: #fff;
}

.ui-tabs-nav {
display: none;
}
#sets {
border: none;
}
.flickr-set-title a {
color:#1A3785;
font-size:1.6em;
text-decoration:none;
display: block;
}
.flickr-set div.flickr-set-thumb {
border:2px solid #000000;
float:left;
margin:5px 20px 20px 0;
padding: 0px;
}
.flickr-set div.flickr-set-thumb img {
padding: 0px !important;
}

#contact-corner {
background:transparent url(images/corner_top_right.png) no-repeat scroll right top;
border:0 none;
color:#0068B3;
display:block;
height:102px;
margin:0;
padding:10px 5px 0 20px;
text-align:right;
text-decoration:none;
width:77px;
outline: none;
}

.widget_sfc-find{
text-indent:0px !important;
}