/* Immerge Technologies, Inc.
 * ~Smooth Blue~ Theme
 * Author Chris Gillis
 */
span.gt {
margin-left: 10px;
}
#footer {
background: #22241f;
color: #fff;
margin-top: 20px;
padding-top: 10px;
}
#footer p {
margin-bottom: 10px;
}
#footer ul {
width: 880px;
margin: 0 auto;
overflow: hidden;
list-style-type: none;
}
#footer ul li h3 {
margin-bottom: 10px;
}
#footer ul li {
float: left;
width: 200px;
list-style-type: none;
margin-left: 10px;
margin-bottom: 30px;
}
#footer ul li p {
font-size: 12px;
}
#footer ul li:first-child {
margin-left: 0px;
}
#footer ul li.seperator {
width: 1px;
background: #ccc;
height: 100%;
}
#brand-tagline {
width: 920px;
margin: 0 auto;
}
#brand-tagline h1 {
color: #fff;
font-size: 22px;
text-align: center;
}
#brand-tagline h1 span {
color: #009aff;
text-align: center;
}
#contactBarInfo {
padding-top: 40px;
clear: right;
}
#contactBarInfo p {
font-size: 12px;
margin-bottom: 20px;
}

.blog-summary ul ul {
margin-bottom: 0px;
}
#portfoliodiv { clear: both; margin-top: 20px; }
#portfolioul {
 	width: 100%;
 	list-style-type: none;
 }
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
 background: #faf8f0;
}
code {
 display: block;
 padding: 0.5em 1em;
 border: 1px solid #bebab0;
}
 #portfolioul li {
 	float: left;
 	margin-left: 19px;
 	margin-top: 30px;
 	width: 173px;
 	text-align: center;
 	z-index: 0;
  	position: relative;
 }
#portfolioul li img {
  z-index: 1;
}
#portfolioul li span {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 1px 1px;
  background:  #666;
  text-transform: uppercase;
  font-size: 10px;
  color: white;
}
#portfolioul li span.active {
background: #0296f0;
color: white;
}
#portfolioul li:hover span {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 1px 1px;
  text-transform: uppercase;
  font-size: 10px;
  color: white;
  background:  #0296f0;
}












.immerge-team a {
color: #666;
}
blockquote {
font-style: italic;
display: block;
padding: 0 20px;
padding-top: 10px;
width: 350px;
margin-bottom: 40px;
}
blockquote:before, blockquote:after {
color: #0296f0;
display: block;
font-size: 300%;
width: 40px;
}
blockquote:before {
content: open-quote;
height: 0;
margin-left:-35px;
padding-top: -20px;
}
blockquote p {
padding-top: 20px;
}
blockquote:after {
content: close-quote;
height: 50px;
margin-top: -60px;
margin-left: 350px;
}
#capabilities {
list-style-type: none;
}
#capabilities li {
font-size: 12px;
width: 170px;
padding: 10px;
margin-right: 10px;
float: right;
}
#capabilities li h3 {
color: #333;
}
#capabilities li span {
color: #666;
}
.visit-site {
color: #0296f0;
text-decoration: none;
font-size: 14px;
}
#blog #pagination {
text-align: center;
color: #0296f0;
font-weight: bold;
}
#blog #pagination strong {
color: #000;
}
#blog #pagination a{
color: #0296f0;
font-weight: bold;
}
#blog {
margin-top: 30px;
padding-top: 20px;
}
#blog h1 {
color: #0296f0;
font-size: 30px;
margin-bottom: 40px;
}
.blog-post {
clear: both;
}
#blog p {
margin-bottom: 20px;
}
#blog .read-more {
color: #0296f0;
font-weight: bold;
text-decoration: none;
text-align: right;
display: block;
}
.blog-details {
float: left;
width: 200px;
text-align: center;
}
.blog-details a {
font-size: 18px;
color: #333;
text-decoration: underline;
}
.blog-details a:hover {
color: #0296f0;
}

.blog-summary {
float: right;
width: 600px;
}
.blog-summary h2 {
font-size: 26px;
margin-bottom: 10px;
color: #333;
}
.blog-summary p {
color: #666;
font-size: 14px;
line-height: 140%;
}
.blog-summary ul {
margin-left: 40px;
margin-bottom: 40px;
}
.blog-summary ul li {
font-size: 14px;
color: #666;
}
 * {
 	margin: 0;
 	padding: 0;
 }
 a img {
 	border: 0;
 }
 body {
 	background: #fff url('images/bodybg.gif') top left repeat-x;
 	font-family: Trebuchet MS, Helvetica, sans-serif;
 }
 
 
 
 /* HEADER STYLES */

 #masthead {
 	height: 108px;
 	margin: 0 auto;
 	width: 950px;
 }
 #logo {
 	float: left;
 }
 #navigation {
 	float: right;
 	list-style-type: none;
 }
 #navigation li {
 	float: left;
 	margin-right: 30px;
 	margin-top: 31px;
 }
 #navigation li a {
 	text-transform: uppercase;
 	text-decoration: none;
 	font-weight: bold;
 	color: #0296f0;
 	padding: 0 5px;
 }
 #navigation li a:hover {
        color: #fff;
  }
 #navigation li a.active {
 	background-color: #0296f0;
 	color: #fff;
 }
 
 /* ADVERTISEMENT STYLES */
 
 #contentWrapper {
 	width: 800px;
overflow: hidden;
 	margin: 10px auto 0px auto;
background: #fff;padding:0px 20px 20px 20px;
 }
 #advertisement {
 	background: url('images/branding.gif') top left no-repeat;
 	height: 280px;
 	margin-top: 30px;
 	margin-bottom: 30px;
 }
 #advertisement p {
 	width: 400px;
 	margin-top: 180px;
 	float: right;
 	font-size: 22px;
 	color: #9d9d9d;
 }
 #advertisement p strong {
 	font-size: 24px;
 	font-weight: bold;
 	color: #333333;
 }
 
 
 /* CONTENT STYLES */

 .content-group {
 	border-top: 1px solid #333333;
 	padding-top: 20px;
 	float: left;
 	width: 800px;
 }
 #recent-work {
 	width: 379px;	
 	float: left;
 }
 #recent-work h2 {
 	text-transform: uppercase;
 	font-size: 24px;
 	color: #0296f0;
 }
 .work-piece {
 	list-style-type: none;
 	width: 100%;
 }
 .work-piece li{
 	float: left;
 	width: 185px;
 	margin-top: 20px;
 }
 .work-piece li a {
 	color: #333;
 	text-decoration: none;
        font-weight: bold;
 }
 .work-piece li a:hover {
 	color: #0296f0;
 }
 .work-piece p.title {
 	font-size: 12px;
 }
 
 
 #our-solutions {
 	float: right;
 	width: 379px;
 }
 #our-solutions h2 {
 	text-transform: uppercase;
 	font-size: 24px;
 	margin-bottom: 28px;
 	color: #0296f0;
 }
 .solution-piece {
 	clear: both;
 }
 .solution-piece img {
 	float: left;
 	margin-bottom: 34px;
 }
 .solution-piece strong {
 	font-weight: bold;
 }
 .solution-piece p {
 	float: right;
 	text-align: left;
 	width: 210px;
 	font-size: 12px;
 	color: #6c6b6b;
 }

 #latest-blog-entries {
 	width: 360px;	
 	float: left;
 	margin-left: 50px;
 }
 #latest-blog-entries  h2 {
 	text-transform: uppercase;
 	font-size: 24px;
 	margin-bottom: 10px;
 	color: #0296f0;
 }
 .entry {
 	margin-bottom: 15px;
 }
 .entry a {
 	font-size: 18px;
 	color: #3c3c3c;
 	text-decoration: none;
 }
 .entry a:hover {
 	text-decoration: underline;
 }
 .entry p.byline {
 	font-size: 12px;
 }
 .entry p.byline a {
 	color: #9c9c9c;
 	font-size: 12px;
 }
 .entry p.byline a:hover {
 	font-size: 12px;
 	color: #666;
 }
 #about-immergetech {

 }
 #about-immergetech  h2 {
 	text-transform: uppercase;
 	font-size: 24px;
 	margin-bottom: 10px;
 	color: #0296f0;
 }
 #about-immergetech p {
 	font-size: 14px;
 	color: #666;
 	margin-bottom: 15px;
 	line-height: 150%;
 }
 
 
 /* FOOTER STYLING */
 
 #footer {
 	clear: both;
 	border-top: 1px solid #333;
 	padding-top: 10px;
 }
 .copyright { 
 	float: left;
 	color: #6c6b6b;
 	font-size: 12px;
 }
 .contact-information {
 	float: right;
 	color: #6c6b6b;
 	list-style-type: none;
 }
 .contact-information li {
 	float: left;
 	margin-left: 20px;
 	font-size: 12px;
 	margin-bottom: 20px;
 }
 
 #footer a {
 	color: #6b6b6b;
 }
 
 
 /* TEAM PAGE */
 
 .immerge-team {
 	float: left; 
 	width: 400px;
 }
 .immerge-team h1 {
 	font-size: 30px;
 	margin-top: 30px;
 	margin-bottom: 20px;
 }
 .immerge-team p.overview {
 	color: #525252;
 	font-size: 20px;
 	width: 390px;
 	margin-bottom: 20px;
 }
 .immerge-team p {
 	margin-bottom: 20px;
 	font-size: 14px;
 	color: #535353;
 	line-height: 150%;
 }
 #profiles {
 	float: right;
 	width: 400px;
 	list-style-type: none;
 }
 #profiles li {
 	float: left;
 	margin-left: 25px;
 	margin-top: 30px;
 	width: 173px;
 	text-align: center;
 	z-index: 0;
  	position: relative;
 }
#profiles li img {
  z-index: 1;
}
#profiles li span {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 1px 2px;
  background:  black;
  text-transform: uppercase;
  font-size: 11px;
  color: white;
}
#profiles li span.active {
background: #0296f0;
color: white;
}
#profiles li:hover span {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 1px 2px;
  text-transform: uppercase;
  font-size: 11px;
  color: white;
  background:  #0296f0;
}

 #location {
 	padding-top: 20px;
 	clear: both;
 }
 #location-picture {
 	float: left;
 	padding-bottom: 20px;
 	margin-left: 60px;
 }
 #about-location {
 	width: 400px;
 	float: right;
 }
 #about-location p {
 	color: #535353;
 	line-height: 200%;
 	font-size: 14px;
 }
 #about-location h2 {
 	color: #0296f0;
 }

 /* PORTFOLIO PAGE STYLES */

.featured {
	margin-top: 30px;
padding-top: 20px;
overflow: hidden;
}
#screenshot {
float: left;
width: 400px;
}

#description {
float: right;
width: 300px;
}
#description h1 {
	color: #333333;
	font-size: 30px;
}
#description p.overview {
	color: #525252;
 	font-size: 16px;
 	font-weight: bold;
 	margin-top: 20px;
 	margin-bottom: 20px;
 	line-height: 130%;
}
#description p {
 	margin-bottom: 20px;
 	font-size: 14px;
 	color: #535353;
 	line-height: 170%;
}
#screenshot p {
	font-size: 12px;
	color: #898989;
}
#other-works {
clear: both;
padding-top: 20px;
padding-bottom: 20px;
}

.previous {
	float: left;
	margin-top: 10px;
	color: #666;
	background: #f0f0f0;
margin-bottom: 20px;
}
.next {
	float: right;
	margin-top: 10px;
	color: #666;
	background: #f0f0f0;
margin-bottom: 20px;
}
 #portfolio {
 	list-style-type: none;
margin-left: 7px;
 	width: 100%;
 }
 #portfolio li{
 	float: left;
 	margin-top: 10px;
margin-right: 4px;
 }
 #portfolio li a {
 	color: #333;
 	text-decoration: none;
 }
 #portfolio li a:hover {
 	color: #0296f0;
 	background: #0296f0;
 }
 #portfolio p {
 	font-size: 11px;
 	margin-left: 0px;
 	padding-left: 2px;
 	margin-top: -2px;
 	background: #333;
 	text-transform: uppercase;
 	margin-right: 0px;
 	color: #fff;
 }

#contact {
    float: left;
width: 400px;
}



#contact p {
font-size: 14px;
font-family Trebuchet MS, Arial, sans-serif;
color: #333333;
}
.validation-advice {
color: red;
padding-left: 22px;
} 
 #contact label {
font-weight: bold;
}
#contact {
margin-bottom: 20px;
}
#contact input {
margin-bottom: 15px; 
padding: 2px;
color: #666;
}
#contact input:focus {
border: 2px solid #0296f0;
}
#contact textarea:focus {
border: 2px solid #0296f0;
}
#contact textarea {
padding: 2px;
color: #666;
}
#contact h2 {
color: #0296f0;
margin-bottom: 20px;
margin-top: 30px;
}
#contactBar {
margin-top: 30px;
padding: 20px;
background: #f0f0f0;
text-align: center;
}
#contactBar {
    float: right;
}
.requiredfield {
font-size: 11px;
font-style: italic;
}