/*
========================
Client: Woods Lightning
Part: styles.css
Last Edit: 05/13/13 - 4:30 pm
========================
*/

/* 
	Color Variables
*/

/*
Black		#000
White		#fff
*/


/*
- - - - - - - 
General
- - - - - - - 
*/
body {
	background:url(../images/body-back.gif) center center repeat-y;
	color:#000;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 27px;
	min-width: 820px;
	text-align: center; }

hr {
	border:0;
    height:0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	
p {
	padding-bottom: 10px; }
	
p.last {
	padding-bottom: 0px; }
	
img {
	behavior: url(../images/iepngfix.htc); }

.breakAll {
	clear: both; }


/* 
- - - - - - - 
Typography
- - - - - - - 
*/
em {
	font-style: italic; }

.red {
	color:#FF0305; }
	
strong {
	font-weight: bold; }
	
.u {
	text-decoration: underline; }

.uppercase {
	text-transform:uppercase; }

.indent {
	padding-left:15px; }

.justified {
	font-size: 13px;
	line-height: 20px;
	text-align:justify; }

.justified span {
	font-size: 15px; }
	

/*
- - - - - - - 
Headings
- - - - - - - 
*/
h1, h2, h3, h4, h5, h6 {
	color: #FF0305;
	font-size: 22px; 
	font-weight: bold;
	margin-bottom:10px;
	padding: 10px 0; }

h1 {
	border-bottom:3px solid #FF0305;}

.c2r .c2l-2 h2,
.c2r .c2r-2 h2 {
	color: #214b62;
	font-size: 13px;
	line-height: 18px;
	text-align:center;}

.headline {
	font-size:20px;
	padding-top:10px;}
	

/*
- - - - - - - 
Links
- - - - - - - 
*/
a {
	text-decoration: none; }
	
a:link,
a:visited {
	color: #369; }
	
a:hover,
a:focus,
a:active,
a:visited:hover {
	color: #930; }

.c2l-3 a:link,
.c2l-3 a:visited {
	color: #fff; }
	
.c2l-3 a:hover,
.c2l-3 a:focus,
.c2l-3 a:active,
.c2l-3 a:visited:hover {
	color: #999; }

.c2r-3 a:link,
.c2r-3 a:visited {
	color: #ccc; }
	
.c2r-3 a:hover,
.c2r-3 a:focus,
.c2r-3 a:active,
.c2r-3 a:visited:hover {
	color: #999; }



/*
- - - - - - - 
Branding
- - - - - - - 
*/
#headerWrap {
	background-color: #214b62; }
	
#header {
	background: url(../images/header-back.png) no-repeat;
	height: 55px;
	margin: 0 auto;
	text-align: left;
	width: 820px; }

#address {
	color: #fff;
	float: left;
	font-size: 14px;
	line-height: 20px;
	padding: 7px 0 0 95px;}

#logoWrap {
	background: url(../images/logo-back.gif) repeat-x;}

#logo {
	height: 308px;}

/*
- - - - - - - 
Main Nav
- - - - - - - 
*/
#navWrap {
	background-color: #ffc; }
	
#nav ul li {
	display: block; }
	
#nav {
	padding-left:3px;
	width: 400px; }

.nav1 li {
	display: inline;
	float: left; 
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;}
	
.nav1 li a,
.nav1 li a:link,
.nav1 li a:visited {
	color: #ff0305;
	display: block;
	padding: 32px 9px 0 9px;
	text-decoration: none; }

.nav1 li.navTall a {
	line-height:15px;
	padding-top:25px;
	text-align:center; }
	
.nav1 li a:hover,
.nav1 li a:focus,
.nav1 li a:active,
.nav1 li a:visited:hover {
	color: #999;
	display: block;
	text-decoration: none; }

.nav1 li #liLast {
	padding-right: 0;}


/*
- - - - - - - 
Sub Nav
- - - - - - - 
*/
.nav2 {
	color: #fff; 
	margin-left: 182px;}
	
.nav2 li {
	display: inline;
	float: left; 
	padding: 20px 14px;}
	
.nav2 a,
.nav2 a:link,
.nav2 a:visited {
	color: #fff; }
	
.nav2 a:hover,
.nav2 a:focus,
.nav2 a:active,
.nav2 a:visited:hover {
	color: #999; }


/*
- - - - - - - 
Main Content
- - - - - - - 
*/
	
#content {
	margin: 0 auto;
	text-align: left;
	width: 820px; }

/*
- - - - - - - 
Secondary Content
- - - - - - - 
*/

#content .image {
	background-color: #fff;
	border: 1px solid #999;
	float: left;
	font-size: 13px;
	line-height: 20px;
	margin: 0 15px 15px 0;
	padding: 10px;
	width: 250px;}


/*
- - - - - - - 
Columns
- - - - - - - 
*/

/* 2 column - MAIN */

.c2l {
	background-color: #e6e6e6;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	width: 167px; }
	
.c2l div {
	padding: 25px 4px;}
	
.c2r {
	background-color: #ccc;
	float: right;
	width: 653px; }
	
.c2r div {
	padding: 25px 43px 25px 25px;}

.c2l p {
	margin-bottom: 40px;}
	
.c2l img {
	padding-bottom: 10px;}
	
	
/* 2 column - Home */

.c2r .c2l-2 {
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-right: 30px;
	padding: 0;
	width: 264px; /*292 - margin */ }
	
.c2r .c2r-2 {
	color: #fff;
	float: right;
	font-size: 12px;
	line-height: 18px;
	margin-right: 25px;
	padding: 0;
	width: 264px; /*292 - margin */ }
	
.c2r .c2l-2 div,
.c2r .c2r-2 div {
	background-color: #214b62;
	padding: 5px;}
	
.c2l-2 img,
.c2r-2 img {
	margin-bottom: 5px;}

.c2l-2 p,
.c2r-2 p {
	padding: 0 5px;}


/* 2 column - Footer */

.c2l-3 {
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 21px;
	width: 510px; }

.c2l-3 span {
	font-size: 11px;
	line-height: 16px;}
	
.c2l-3 div {
	padding-left: 195px;}
	
.c2r-3 {
	color: #fff;
	float: right;
	font-size: 12px;
	line-height: 21px;
	width: 310px; }
	
.c2r-3 div {
	/*add padding and margins here*/}


/*
- - - - - - - 
Footer
- - - - - - - 
*/
#footerWrap {
	background-color: #214b62; }
	
#footer {
	clear: both;
	margin: 0 auto; 
	padding-bottom: 30px;
	text-align: left;
	width: 820px; }
	
* html #footer {
	height: 1px; /* IE fix */}
	

/*
- - - - - - - 
Forms
- - - - - - - 
*/
input, textarea {
	border: 2px solid #214b62;
	padding: 3px;
	width: 100%;}
	
textarea {
	resize: none; }

#buttonSubmit {
	background-color: #214b62;
	border: none;
	color: #fff;
	padding: 10px; 
	width: 175px;}
	
#buttonSubmit:hover {
	background-color: #333;
	cursor: pointer; }

/*
- - - - - - - 
Tables
- - - - - - - 
*/
table {
	text-align: left; }
	
td {
	vertical-align: top; }
	
#tContact {
	margin: 15px 0; 
	width: 450px;}
	
.tContactL { 
	padding-bottom: 15px;
	padding-right: 10px;
	text-align: left;
	width: 30%; }
.tContactR {
	padding-bottom: 15px; 
	width: 70%; }

/*
- - - - - - - 
Misc
- - - - - - - 
*/
.justify {
	color:#FF0305;
	font-size:13px;
	line-height:18px;
	padding-bottom:10px;
	text-align:justify;}
	
.ulNorm {
	list-style-type: disc;
	margin-left: 25px;
	padding-bottom: 10px;
	text-align:justify;}

.ulInline {
	color:#FF0305;
	display:inline;
	font-size:13px;
	line-height:18px;
	list-style-type: none;
	padding-bottom:10px; }

.ulInline li {
	float:left;
	padding-right:4px;}

#gallery {
	padding: 0;}

#gallery img {
	border: 1px solid #333;
	float: left;
	margin: 0 20px 20px 0;}