/*  
Theme Name: Immersion
Author URI: http://derekweathersbee.com
Version: 1
Author: Derek Weathersbee
Description: Immersion theme is a two column WordPress theme with plenty of white space ... and it's widget ready.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #e6e6e6;
	background-color: #052442;
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:0;
	text-align:center;
	border-top:3px solid #f48120;
}

.black {
background: #000;
}

#topnav {
position:absolute;
top:0;
right:0;
text-align:right;
color: #004f7e;
font-size: 11px;
}



/*#logout {

position:absolute;
top:0;
right:0;
float:right;

}*/

a#loginout {
display:block;
color:#fff;
text-decoration:none;
margin-left: 8px;
background: #f48120;
padding: 2px 8px;
display:inline-block;
}

.required {
color:#FF3333;
}

p {
padding:0;
margin: 0 0 18px;
}

.alignleft {
float: left;
margin: 0 12px 8px 0;
}

.alignright {
float: right;
margin: 0 0 8px 12px;
}

a, a img {
color: #6d8595;
border:none;
}

#home-copy {
width: 950px;
}

#home-copy ul{
margin:0;
padding:0;
line-height: 32px;
list-style:none;
}

#home-copy li {
display:block;
margin: 0 0 10px;
}

#home-copy ul a {
display:block;
background: url(images/home-contact-bg.png) top left no-repeat;
padding: 0 0 0 28px;
color: #e6e6e6;
text-decoration: none;
}

#home-copy ul a:hover {
background: url(images/home-contact-bg-hover.png) top left no-repeat;
color: #004f7e; 
}

#home-copy div {
width: 290px;
display:block;
overflow:visible;
}

#home-copy a span, #home-copy h2 span {
display: none;
visibility: hidden;
}

#home-copy a.learn-more {
width: 118px;
height: 30px;
background: url(images/learn-more.png) top left no-repeat;
display: block;
}

#home-1 {
float: left;
margin: 0 40px 0 0;
}

#home-2 {
float: left;
margin: 0;
}

#home-3 {
float: right;
margin: 0;
}

#home-flash {
margin: 0 0 20px;
}

#home-main {
margin: 0 0 20px;
border: 1px solid #6d8595;
background: #00365b;
padding: 12px 13px;
overflow:hidden;
height: 352px;
}

#home-main .entry {
width: 292px;
overflow:hidden;
background: url(images/entry-bg.gif) no-repeat;
padding:4px;
}

#home-main .entry:hover {

background: url(images/home-entry-hover.gif) no-repeat;
}

#home-main .entry#commercial {
float:left;
margin: 0;

}

#home-main .entry#weddings {
float:left;
margin: 0 12px 0 0;

}

#home-main .entry#social {
float:right;
}

#home-main .entry img {
height: 220px;
width: 292px;
margin:0;padding:0;border:none;
}

#home-main .entry a {
border:none;
margin:0;padding:0;
}


#home-main .entry .copy {
height: 124px;
background: url(images/entry-type-bg.gif) no-repeat;
width: 252px;
padding: 0 20px;
line-height: 15px;
}



#home-main .entry .copy h2 {
padding: 10px 0 0 0;
line-height: 36px;
display:block;
color: #fff;
margin:0;
font-size: 22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

#home-main .entry .copy p {
color: #00365b;
font-size:11px;
line-height: 21px;
margin:0;padding:0;
}









p.arrow{
display:block;
background: url(images/arrow.png) top center no-repeat;
height: 48px;
}


p.arrow span {
display:none;
}


ul.services {
	line-height: 14px;
	margin:0;
	padding:0;
list-style:none;
font-size: 11px;
}

ul.services li {
	display:block;
	margin:0;
	padding:6px 0 6px 12px;
	background: url(images/bullet.png) left 10px no-repeat;
	border-bottom:1px solid  #174256;
}

#wrapper {
width: 950px;
margin:0 auto;
text-align:left;
}

#header {
height: 126px;
background: url(images/divider.gif) bottom left no-repeat;
position:relative;
z-index: 2;
}






#request-form, #payment, #login, #loginform {
margin:0;
padding:0;
}

#request-form span, #login span, #loginform span {

width: 466px;
background: #658595;
border:1px solid #032643;
padding: 6px;
display:block;
overflow:visible;
}


#payment span, #loginform span {
width: 466px;
background: #658595;
border:1px solid #032643;
padding: 6px;
display:block;
overflow:hidden;
}

#request-form span input, #request-form span textarea, #payment span select, #login span input, #loginform span input {
background:  url(images/input-bg.gif) top right repeat-y;
border: 1px solid #fff;
margin:0;
padding:0;
}

#request-form span input, #login span input, #loginform span input {
width: 464px;
height: 28px;

}

#request-form span textarea {
width: 464px;
height: 180px;

}

#payment span select {
width: 258px;
height: 31px;
display:inline-block;
float:left;
margin: 0 6px 0 0;
font-size: 14px;
}











h1 {
color: #052442;
margin:38px 0 0 0;
padding:0;
font-size: 32px;
text-shadow: #ffffff 1px 1px 2px;
font-weight: normal;
font-family: Georgia, Times New Roman, serif;
/*width: 500px;*/
width: 440px;
float: left;
display:block;
line-height: 36px;
height: 36px;
}

h1.commercial {
float:left;
top:0;
left:0;
position:absolute;
border:none;
margin:0;padding:0;
}

body.home h1 {
font-size: 24px;
}

h1 span {
display:block;
line-height: 36px;
}

h2 {
color: #f48120;
font-size: 17px;
font-weight: normal;
margin: 0 0 12px;
padding:0;
font-family: Georgia, Times New Roman, serif;
}

h4 {
font-size: 13px;
font-weight: normal;
margin: 0 0 12px;
padding: 0 0 0 22px;
background: url(images/gear.png) center left no-repeat;
}

embed {
margin:0 0 14px;
padding:0;
}

#title {
height: 116px;
position:relative;
}

#title #description {
display:block;
position:absolute;
top: 36px;
left: 442px;
width:508px;
color: #052442;
color: #004f7e; 
text-shadow: #ffffff 1px 1px 2px;
font-size: 14px;
font-size: 13px;
line-height: 22px;
height: 44px;
text-transform: capitalize;
}

/*#title #description {
display:block;
position:relative;
top: 36px;
left: 442px;
width:508px;
color: #052442;
text-shadow: #ffffff 1px 1px 2px;
font-size: 14px;
line-height: 22px;
display:table;
height: 44px;
}

#title #description #inside {
display:table-cell;
vertical-align:middle;
}*/


#logo {
width: 318px;
height: 123px;
display:block;
position:absolute;
left:0;
top:0;
background:url(images/logo.gif) top left no-repeat;
}

#logo span {
display:none;
}


#content {
overflow:hidden;
width: 950px;
margin: 30px 0;
padding: 0 0 30px;
}

#left {
width: 480px;
float:left;
}

#right {
width:420px;
float:right;
}

#column-1 {
width: 192px;
float:left;
}

#column-2 {
width:192px;
float:right;
}

#column-2 table td {
text-align:left;
vertical-align:center;
line-height: 36px;
text-decoration:none;
	border-bottom:1px solid  #174256;

}


.short-sidebar #column-2 table td {
border-bottom:1px solid #6d8595;
}

#column-2 a img {
margin: 0;
}


p.steps {
margin: 0 0 8px;
}


.process{
width: 212px;
display:block;
}

#one {
float:left;
margin:0 36px 0 0;
}

#two {
float:left;
margin:0 36px 0 0;
}

#three {
float:left;
margin:0 0;
}

#four {
float: right;
}




#footer-ext {
background: url(images/footer-bg.gif) top repeat-x;
height: 208px;
padding: 15px 0 0;
text-align:center;
}

#footer-int {
margin: 0 auto;
width: 950px;
text-align:left;
position:relative;
font-size: 10px;
}

#footer-int a {
font-size: 11px;
white-space:nowrap;
}

#footer-int ul {
list-style:none;
margin:0;
padding:0 0 12px;
display:inline;
float:left;
}

#footer-int ul li {
display:inline;
float:left;
margin: 0 12px 0 0;
}

#footer-int h3 {
margin: 12px 0 12px;
padding:0;
font-weight:normal;
color: #f48120;
font-size: 16px;
width: 500px;
}

#newsletter {
width: 180px;
height: 100px;
padding: 26px;
margin:0;
position:absolute;
top:0;
right:0;
background: url(images/newsletter-bg.gif) top left no-repeat;
}

#newsletter input {
font-size: 11px;
width: 180px;
height: 20px;
background: url(images/input-bg.gif) right repeat-y;
border: 1px solid #fff;
margin:0 0 8px;
padding:0;
}

#newsletter h2 {
font-size: 13px;
margin: 0 0 4px;
}


/* ////////////////////////////////////////////// NAV ////////////////////////////////////////////////// */
ul#nav {
display:block;
position:absolute;
top: 50px;
/*left: 442px;*/
left: 430px;
height: 36px;
margin:0;
padding:0;
}


ul#nav li {
float:left;
display:inline;
margin:0 4px 0 0;
padding:0;
position:relative;
}

ul#nav li.last {
margin: 0 !important;
}


ul#nav a {
display:block;
color: #004f7e; 

height: 36px;
line-height: 36px;
padding: 0;
width: 127px;
text-align:center;
font-size: 12px;
text-transform:uppercase;
font-weight: bold;
text-decoration:none;
}

ul#nav a#current {
background: url(images/nav-selected.gif) top left no-repeat;
color: #fff;
}








ul.sidebar-images {
list-style:none;
padding:0;margin: 0 0 20px;
}

ul.sidebar-images li {
display:block;
width:408px;
height: 240px;
padding:0;
border:6px solid #fff;
margin: 0 0 14px ;
background:#fff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  position:relative;
}

ul.sidebar-images li .credit {
background: url(images/80-percent-black.png) repeat;
padding: 2px 6px;
color: #fff;
position:absolute;
bottom:0;
right:0;
font-size:9px;
}




















ul#nav li ul { /* second-level lists */
	margin:0;padding:0;
	background: #fff;
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	 display:block;
	 width:126px;
border: 1px solid  #b3b3b3;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 36px;
  z-index: 99;
}


ul#nav li:hover ul, ul#nav li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
}


/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.sfhover a {
background: url(images/nav-hover.png) top left no-repeat   !important;
color: #004f7e !important;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.sfhover li a {
width:124px;
text-align:center;
line-height: 30px;
  padding: 0;
  float: none;
  background: url(images/subnav-bg.gif) bottom left repeat-x #fff !important;
border: solid 1px #fff;
  color: #00263F;
  font-weight: normal;
  font-size: 11px;
  text-transform:none;
  display:block;
  z-index: 99;
}

ul#nav li:hover li a:hover,
ul#nav li.sfhover li a:hover {
color:#fff !important;
  background: url(images/nav-bg.gif) top left repeat-x #004f7e !important;

}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.sfhover li a:hover,
ul#nav li.sfhover li.sfhover a {
  color:  #fff;
  background: url(images/nav-bg.gif) top left repeat-x #004f7e;
  }
  
  
  
  
  
  
  
  /* ///////////  BLOG STYLES ///////////// */
  
  
  
  h3.blog {
  color: #fff;
  font-size: 22px;
  margin: 0 0 14px;
  line-height: 22px;
  padding:0;
  font-weight: normal;
    font-family: Georgia, "Times New Roman", Times, serif;

  }
  
    h3.blog  a {
  color: #fff;
text-decoration:none;
  }
  
  .blog h4.post-date {
  color: #f48120;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 1px;
  text-transform:uppercase;
  margin: -6px 0 14px;
  padding:0;
  background: transparent;
  font-family: Georgia, "Times New Roman", Times, serif;
  }
  
  .comments  {
 background: #004f7e;
 text-align:right;
 color: #fff;
 padding: 3px 12px;
 margin: 0 0 34px;
  }
  
  .comments a {
  color: #fff;
  text-decoration:none;
  }

.comments-amount {
float:left;
}



.footer-keywords {
color: #144464;
font-size: 10px;
line-height: 16px;

text-align:left;
padding: 40px 0 30px;
}