/* 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;}
input,button,textarea,select{*font-size:100%;}


/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family: "Helvetica Neue",helvetica,arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;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.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
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;}


/* Slider */
#slider ul, #slider li{
  margin:0;
  padding:0;
  list-style:none;
}
#slider, #slider li{ 
  /* 
  define width and height of container element and list item (slide)
  list items must be the same size as the slider area
  */ 
  width:464px;
  height:287px;
  overflow:hidden; 
}
span#prevBtn{}
span#nextBtn{}	

/* Main Styling */
p{
font-size: 14px;
}
#footer p{
font-size: 12px;
}
body {
  background: #092A43;
  color: #435641;
}

a {
  text-decoration: none;
  color: #0683E4;
  outline:none;
}

a:hover {
  text-decoration: underline;
  color: #0683E4;
}

.inner {
  margin: auto;
  width: 960px;
}

a.greenBtn {
  display: block;
  width: 161px;
  height: 51px;
  background: transparent url('../images/button.png') no-repeat;
  line-height: 47px;
  text-align: center;
  color: #fff;
  font-size: 1.7em;
}
a.greenBtn:hover {
color: #496314;
text-decoration:none;
}

/* Header */
#header {
  background-color: #f8f8f8;
  height: 120px;
}
#header div.inner {
  position: relative;
}

#header a#logo {
  background: transparent url('../images/logo.png') no-repeat;
  width: 166px;
  height: 93px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 20px;
}

/* Navigation */
#header ul {
  list-style:none;
  overflow: hidden;
  margin: 0; padding: 0;
  background-color: #f6f6f6;
  border: solid 1px #d3d3d3;
  width: 660px;
  position: absolute;
  top: 20px;
  right: 0px;
}

#header ul li {
  float: left;
}

#header ul li a {
  display: block;
  padding: 20px;
  text-transform: uppercase;
  color: #435641;
}
#header ul li a.current {
  color: #0683E4;
}
#header ul li a:hover {
color: #93a58b;
}

/* Content Area */
#content {
  background: #f8f8f8 url('../images/above_footer.png') repeat-x bottom;
  overflow: hidden;
  position: relative;
}

#content #left {
  float: left;
  width: 350px;
  position: absolute;
  bottom: 0px;
}

#content #left p {
color:#A6A6A6;
font-size:2em;
line-height:1.6em;
margin-bottom:80px;
}
#content #left a.greenBtn {
  margin: 0 auto 70px;
}

#content #right {
  float:right;
  background: transparent url('../images/slide.png') no-repeat;
  width: 482px;
  height: 318px;
  padding: 20px 49px 0 59px;
  margin-bottom: 50px;
  position: relative;
}

/* Slider Customizations */
#content #right #controls a {
  display: block;
  width: 21px;
  height: 20px;
  text-indent: -9999px;
  position: absolute;
  bottom: 70px;
  outline:none;
}
#content #right #controls #prevBtn a {
  left: 20px;
  background: transparent url('../images/l_triangle.png') no-repeat;
}
#content #right #controls #nextBtn a {
  right: 30px;
  background: transparent url('../images/r_triangle.png') no-repeat;
}




/* Footer */
body { height: 100%; }
#footer {
  background: #092A43;
  border-top: solid 5px #115991;
  overflow: hidden;
  color: #415b70;
  height:100%;
}
#footer a {
  color: #75a0c1;
}
#footer a:hover {
color: #fff;
}
#footer div.inner {
  margin-top: 30px;
}
#footer h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
#footer h3 {
  color: #fff;
  font-size: 1.5em;
}
#footer div.inner div {
  width: 168px;
  float: left;
  padding-right: 30px;
}
#footer #footerLogo {
  text-indent: -9999px;
  display: block;
  width: 107px;
  height: 47px;
  background: transparent url('../images/footer_logo.png') no-repeat;
}

#footer div.inner div ul {
  margin: 0; padding: 0;
}
#footer div.inner div ul li {
  padding: 0 0 10px 0;
}
#footer div.inner div:last-child {
  padding-right: 0px;
}
#footer .inner div:first-child p {
  margin: 20px 0;
  line-height: 1.5em;
}
#footer .inner div:first-child a{
  color: #415b70;
  text-decoration: underline;
}

#footer a.footerButton {
  margin-top: 20px;
  display: block;
  width: 150px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  background: #0d2537 url('../images/blue_arrow.png') no-repeat 135px 9px;
  text-align: center;
  color: #115991;
  font-size: 1.4em;
}


/* Sub-Pages */
#mid {
  background: #EEE url('../images/h1_slice.png') repeat-x;
  display: block;
  height: 207px;
  clear:both;
  overflow:hidden;
}

#mid h1 {
  float: left;
  margin-top: 60px;
  width: 270px;
  color: #435641;
  font-weight: bold;
  padding-right: 40px;
  line-height: 1.4em;
  border-right: solid 1px #fff;
}

#mid p {
margin: 0;
  width: 600px;
  color: #a6a6a6;
  font-size: 1.6em;
  line-height: 2em;
}

#mid strong {
  color: #9ed359;
}

#main {
  clear:both;
  background: #f8f8f8;
  overflow:hidden;
  padding-top:40px;
  padding-bottom: 40px;
}

#main #sidebar {
  width: 161px;
  float:left;
  border-right: solid 1px #EEEEEE;
}

#main #sidebar ul {
  margin:0; padding:0;
}
#main #sidebar ul li {
  padding: 0 0 20px 0;
}

#main #rightMain {
  float: right;
  width: 762px;
}

#main #rightMain > p {
  line-height: 2em;
}
#main #rightMain > p:last-child {
  margin-bottom: 40px;
}
#main #rightMain ul.serviceList {
  margin: 0; padding: 0;
}
#main #rightMain ul.serviceList li {
float:left;
height:120px;
padding-bottom:20px;
padding-right:30px;
width:350px;
}
#main #rightMain ul.serviceList li img {
  float: left;
}
#main #rightMain ul.serviceList li h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #22699f;
  padding-left: 50px;
}
#main #rightMain ul.serviceList li p {
  padding-left: 60px;
  line-height: 1.6em;
}

/* Center Tagline */
.wrapT {
display: table;
height: 207px;
#width: 600px; /* arbitrary width for IE only */
#position: relative; /* for IE only */
overflow: hidden;
float: right;
}
.innerT {
#position: absolute; /* for IE only */
#top: 50%; /* for IE only */
display: table-cell;
vertical-align: middle;
}
.contentT {
#position: relative; /* for IE only */
#top: -50%; /* for IE only */
}
.wrapT p {padding:5px;}



/* Portfolio */
ul#portfolioWeb > li {
overflow: hidden;
margin-bottom: 80px;
}
ul#portfolioWeb > li div.portfolioItemL {
float:left;
width: 490px;
position: relative;
}
ul#portfolioWeb > li div.portfolioItemL a.greenBtn {
margin-top: 20px;
margin-left: 329px;
}

ul#portfolioWeb > li div.portfolioItemR {
float:right;
width: 400px;
}
ul#portfolioWeb > li div.portfolioItemR h2 {
color: #22699F;
}
ul#portfolioWeb > li div.portfolioItemR h3 {
color:#9ED359;
font-size:1.2em;
}
ul#portfolioWeb > li div.portfolioItemR cite {
font-size: 1.5em;
font-style: italic;
margin-bottom: 20px;
display: block;
}
ul#portfolioWeb > li div.portfolioItemR p {
line-height: 2em;
}


h2.author {
font-weight:bold;
color: #9ED359;
font-size: 1.6em;
}
div.bio {
margin-bottom: 100px;
margin-left: 175px;
}
div.bio img.bubble{
position: absolute;
left: -19px;
top: 20px;
}
div.bio p {
line-height: 2em;
margin: 0px;
padding: 1em;
}


.softcorners {
background:#eee none repeat scroll 0 0;
padding:10px;
position:relative;
}
.softcorners {
border: solid 3px #dcdcdc;
}
div.softcorners img.tr {
position:absolute;
right:-3px;
top:-3px;
z-index:1;
}
div.softcorners img.bl {
bottom:-3px;
left:-3px;
position:absolute;
z-index:1;
}
div.softcorners img.br {
bottom:-3px;
position:absolute;
right:-3px;
z-index:1;
}
div.softcorners img.tl {
left:-3px;
position:absolute;
top:-3px;
z-index:1;
}
.insides {
position:relative;
top:0;
z-index:2;
}


.leftAlone {
float: left;
width: 175px !important;
display: block;
}


#rightMain > div.left {
width: 50%;
float: left;
}
#rightMain > div.right {
float: right;
width: 30%;
}
.top_head {
overflow:hidden;
position: relative;
margin: 0 20px 20px;
top: -20px;
}
#portfolio_nav a {
color: #868686;
padding: 10px 20px;
font-size: 1.2em;
display: block;
background-color: #e6e6e6;
margin: 0 5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
#portfolio_nav a:hover {
color: #e6e6e6;
text-decoration: none;
background-color: #a7a7a7;
}
#portfolio_nav a.current {
color: #cbe5f8;
text-decoration: none;
background-color: #1a6faf;
}
#portfolio_nav li {
float: left;
display: inline;
overflow: hidden;
padding: 0px;
}
#portfolio_nav {
float: right;
padding: 0px;
margin: 0px;
}

.thumbs{width:100%;float:left;margin:0px;padding:0px;}
.thumbs li{width:80px;height:80px;border:3px solid #eee;margin: 0 2px 2px 0;background:#eee; overflow:hidden;float:left;display:inline;}
.thumbs li:hover{border-color:#cdcdcd;}
.thumbs li.selected{border-color:#3284c2;}
.thumbs li div{left:240px}
.thumbs li div .caption{font:italic 0.7em/1.4 georgia,serif;}