/*
Theme Name: LIT
Theme URI: http://www.torinocreative.com/
Description: Lightning Images Tech Theme
Version: 1.0
Author: Torino Creative
Author URI: http://www.torinocreative.com
*/

/****************************************
* Reset - Thank you Eric Meyer          *
****************************************/
html, body, div, span,
h1, h2, h3, p,
a,
font, img, strong,
ul, li,
form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
}
/* start sticky footer */
html, body, #page {height: 100%;}
body > #page {height: auto; min-height: 100%;}
#innerwrapbtm {padding-bottom: 50px;}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end sticky footer */
ul {
	list-style: none;
}
p {
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 2;
	color: #111;
}
strong {
	font-size: 12px;
	font-weight:bold;
	padding-bottom: 10px;
	display:block;
}
h2, h3 {
	color: #0075b2;
}
h2 {
	font-size: 32px;
	text-transform:uppercase;
	padding: 40px 0 20px;
}
h3 {
	font-size: 28px;
	padding: 40px 0 5px;
	background: url(images/line.jpg) botbottom left no-repeat;
}
h3 a {
	color: #0075b2;
	text-decoration:none;
}
h3 a:hover {
	color: #0b4a99;
	text-decoration: none;
}
/****************************************
* #page - Main Wrap                     *
****************************************/
#page {
	width: 100%;
	padding-bottom: 40px;
}
/****************************************
* #header - Header Wrap                 *
****************************************/
#header {
	width: 900px;
	padding: 40px 0;
}
#logo {
	width: 195px;
	height: 120px;
	display: block;
	float:left;
}
.headerright {
	height: 120px;
	text-align: right;
	float:right;
}
p.address {
	padding: 0;
	line-height: 1.5;
	font-weight:bold;
	color: #111;
}
.tel {
	color: #0075B2;
	padding-left: 5px;
}
/****************************************
* #topnav - inside #headerright         *
****************************************/
#innerwraptop {
	width: 900px;
	margin: 0 auto;
}
#topnav {
	padding-top: 69px;
	float: right;
}

/* top navigation */
.products, .services, .contact, .blog, .productson, .serviceson, .contacton, .blogon
{height:14px;margin-left:10px;display:block;float:left;}

.products {width:85px;background:url(images/lit_sprite.png) 0 0 no-repeat;}
.products:hover {width:85px;height:14px;background:url(images/lit_sprite.png) 0 -14px no-repeat;}
.productson {width:85px;background:url(images/lit_sprite.png) 0 -14px no-repeat;}

.services {width:79px;background:url(images/lit_sprite.png) -86px 0 no-repeat;}
.services:hover {width:79px;height:15px;background:url(images/lit_sprite.png) -86px -14px no-repeat;}
.serviceson {width:79px;background:url(images/lit_sprite.png) -86px -14px no-repeat;}

.contact {width:73px;background:url(images/lit_sprite.png) -168px 0 no-repeat;}
.contact:hover {width:73px;height:15px;background:url(images/lit_sprite.png) -168px -14px no-repeat;}
.contacton {width:73px;background:url(images/lit_sprite.png) -168px -14px no-repeat;}

.blog {width:51px;background:url(images/lit_sprite.png) -244px 0 no-repeat;}
.blog:hover {width:51px;height:15px;background:url(images/lit_sprite.png) -244px -14px no-repeat;}
.blogon {width:51px;background:url(images/lit_sprite.png) -244px -14px no-repeat;}

.na {display:none;}

#banner {
	width: 900px;
	background: #0075B2;
	margin: 0 auto;
}
.bannerinnerwrap {
	width: 900px;
	height:200px;
}
/****************************************
* Torinofix - fixes everything          *
****************************************/
#innerwrapbtm {
	width: 900px;
	margin: 0 auto;
}
#midwrap {
	width: 900px;
}
.contentboxl, .contentboxr {
	width: 430px;
	float:left;
}
.contentboxl {
	padding-right: 40px;

}
.listright, .listnonefloat {
	font-size: 14px;
	color: #0075b2;
	font-weight:bold;
	padding-bottom: 20px;
}
.listright li, .listnonefloat li {
	padding-bottom: 10px;
}
.listright {
	padding-right: 20px;
	float: left;
}
.listnonefloat a {
	color: #0075b2;
	text-decoration: none;
}
.listnonefloat a:hover {
	color: #0b4a99;
	text-decoration:none;
}
#store {
	width: 120px;
	height: 135px;
	display: block;
	float: left;
}
#homemap {
	width:448px;
	height:257px;
	background:url(images/lit_sprite.png) 0 -50px no-repeat;
	position:relative;
	float: right;
}
.riverside {
	width:77px;
	height:43px;
	display:block;
	position:absolute;
	top: 81px;
	left: 46px;
}
.riverside:hover {
	background: url(images/lit_sprite.png) 0 -325px no-repeat;
}
	
#map {
	float: right;
}
/****************************************
* Contact Form                          *
****************************************/
.cform {
	width: 270px;
}
.crow {
	font-size: 12px;
	padding-bottom: 10px;
}
label {
	width: 60px;
	padding: 2px 0;
	display:block;
	float: left;
}
input, textarea {
	border: none;
	background: #0075B2;
	padding: 2px;
}
input, textarea {
	border: none;
	background: #0075B2;
	border: 1px solid #0075b2;
	padding: 2px;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	background: #fff;
	border: 1px solid #0075b2;
}
.btn {
	margin-left: 60px;
	cursor:pointer;
}
/****************************************
* Blog styling                          *
****************************************/
.post {
	font-size: 12px;
}
.post a {
	color: #0075b2;
	text-decoration:none;
}
.post a:hover {
	color: #0b4a99;
	text-decoration:none;
}
.postmeta {
	font-size: 10px;
	width: 800px;
	background: url(images/line.jpg) top left no-repeat;
	padding: 5px 0 20px;
}
.older, .newer {
	width: 200px;
	font-size: 12px;
	padding-top:5px;
}
.older a, .newer a {
	color: #0075b2;
	text-decoration: none;
}
.older a:hover, .newer a:hover {
	color: #0075b2;
	text-decoration:underline;
}
.older {
	background: url(images/older_bg.jpg) top left no-repeat;
	float: left;
}
.newer {
	background: url(images/new_bg.jpg) top right no-repeat;
	float: right;
	text-align: right;
}
/****************************************
* #footer - Footer Div                  *
****************************************/
#footer {
	width: 900px;
	height: 50px;
	position: relative;
	background: #265CA6;
	margin: -50px auto 0;
	clear:both;
}
p.copy {
	font-size: 11px;
	color: #fff;
	padding: 15px 0 0 20px;
	float: left;
	text-transform: uppercase;
}
p.copy a {
	color: #fff;
	text-decoration:none;
}
p.copy a:hover {
	color: #111;
	text-decoration:none;
}
#btmnav {
	float: right;
	padding: 15px 20px 0 0;
	font-size:11px;
	color: #fff;
	text-transform: uppercase;
}
#btmnav li {
	float: left;
	padding-left: 10px;
}
.btmnavoff {color: #fff; text-decoration: none;}
.btmnavoff:hover {color: #111;text-decoration: none;}
.btmnavon {color: #111;text-decoration: none;}
/****************************************
* Torinofix - fixes everything          *
****************************************/
.torinofix {clear:both;}