body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	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;
}

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
}

table {
font-size:inherit;
font:100%;
}

pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%;
}

/* 
------------
pt  	%
------------
10 		77
11 		85
12	 	93 
13	 	100
14	 	108
15	 	116
16	 	123.1 
17	 	131
18	 	138.5
19	 	146.5
20	 	153.9
21	 	161.6
22	 	167
23	 	174
24	 	182
25	 	189
26	 	197
*/


/*
 ########################### 
 ##### UTILITY CLASSES ##### 
 ########################### */

.alignRight {
text-align:right;
}

.alignLeft {
text-align:left;
}

.alignCenter {
text-align:center;
}

.floatRight {
float:right;
}

.floatLeft {
float:left;
}

.mRight0 {
margin-right:0;
}

.mLeft0 {
margin-left:0;
}

.mTop0 {
margin-top:0;
}

.Bottom0 {
margin-bottom:0;
}

.m10 {
margin:10px;
}

.mTop10 {
margin-top:10px;
}

.mTop20 {
margin-top:20px;
}

.mTop30 {
margin-top:30px;
}

.mTop15 {
margin-top:15px;
}

.mRight10 {
margin-right:10px;
}

.mRight15 {
margin-right:15px;
}

.mRight20 {
margin-right:20px;
}

.mLeft10 {
margin-left:10px;
}

.mLeft15 {
margin-left:15px;
}

.mLeft20 {
margin-left:20px;
}

.floatLeftM10 {
margin:0 10px 10px 0;
}

.floatRightm10 {
margin:0 0 10px 10px;
}

.clearBoth,.cb,.clear {
clear:both;
margin:0;
padding:0;
}

.clearFix:after,.cf:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.clearFix,.cf {
_height:1px;
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearFix {
height:1%;
}

/* End hide from IE-mac 
 ########################### 
 ###### SPECIFIC PAGES ##### 
 ########################### 
 ========== HOME PAGE ========= */
#hero {
background:url('images/semi-trans.png') top left;
font-size:13px;
margin-bottom:0;
min-height:180px;
padding:1em;
position:relative;
top:30px;
}

#hero div {
float:left;
font-size:108%;
line-height:1.5;
width:35em;
}

h1,h2,h3,h4,h5,h6 {
color:#fff !important;
letter-spacing:normal;
margin-bottom:7px;
}

h1,h2,h3,h4,
ul.navigation a,
.blogLogo
{font-weight:bold;font-family: "proxima-nova-1","proxima-nova-2";}

h1 {
font-size:197%;
}

h2 {
font-size:189%;
}

h3 {
font-size:146.5%;
}

h4 {
font-size:116%;
}

img#hero-img {
float:right;
position:absolute;
right:40px;
top:-20px;
}

/* ########################### 
 ###### PAGE STRUCTURE ##### 
 ########################### 
 ==== CONTAINER / FRAME ==== */
#wrapper {
background:url('images/lightbeam-bg2.jpg') top left no-repeat;
height:100%;min-height:100%;
margin-top:-20px;
}

#wrapper .container {
margin:auto;
width:960px;
padding-top:20px;
}

.home #wrapper .container{padding-top:10px;}

/* ========== HEADER ========= */
#header {
background:url('images/header-tile.png') top left repeat-x;
height:100px;
margin:0;
width:100%;
position:relative;
z-index:20000;
}

#header .container {
background:url('images/header3.png') top left no-repeat;
height:100px;
margin:0 auto;
width:960px;
position:relative;
}



#header img {
position:absolute;
top:25px;
}

/* =========== NAV =========== 
 ########################### 
 ######## HTML TAGS ######## 
 ########################### */
html,body{height:100%;}

body {
background:url('images/background-tile.jpg') top left repeat-x;
background-color:#164461;
color:#fff;
font-family: "trebuchet ms","proxima-nova-1","proxima-nova-2";
margin:0;
padding:0;
height:100%;
}

a:hover {
color:#7db1d4;
outline:none !important;
}

/* ==== FOOTER ==== */
#footer {
/*background-color:#15405b;*/
background-color:rgba(0,0,0,.1);
color:#266085;
line-height:150%;
/*margin-bottom:50px;*/
padding:10px;
vertical-align:middle;
width:940px;
}

#footer img {
/*clear:both;*/
vertical-align:top;
}

/* Code Slider Styles 
 ================== */


/* ===== ABOUT US ====== */


#ourfirm,#ourmethod{float:left;line-height:1.5em;width:420px;}
#ourfirm{margin-right:20px;}

/* ===== PORTFOLIO ===== */
ul#examples li {
margin-bottom:10px;
text-align:right;
}

#portfolio #left {
width:150px;
}

#portfolio #right {
width:770px;
}

#portfolio #right h1 {
visibility:visible !important;
}

#portfolio #right img {
margin-bottom:20px;
margin-right:10px;
}

#example-left {
float:left;
margin-right:10px;
width:360px;
}

#example-center {
float:left;
margin-right:10px;
width:180px;
}

#example-right {
float:left;
width:180px;
}

#portfolio strong {
font-weight:700;
}

#loading {
background:url('images/ajax-loader.gif') 10% center no-repeat;
background-color:#184765;
border:10px solid #245A7E;
height:40px;
left:420px;
line-height:40px;
padding-left:30px;
position:absolute;
text-align:center;
top:50px;
width:128px;
}


/* ===== SKILLS ===== */
#skills #left,#skills #center,#skills #right {
line-height:150%;
margin-right:10px;
margin-bottom:20px; /* was padding-bottom:20px */
width:230px;
}

#skills #left {
width:430px;
}

.panel h2 {
color:#fff;
margin-bottom:7px;
visibility:visible !important;
}

.panel h3 {
color:#fff;
letter-spacing:normal;
visibility:visible;
}

#skills h3.floatLeft {
line-height:230%;
text-align:right;
width:700px;
}

#contentbox h3 {
letter-spacing:normal;
margin-bottom:10px;
padding-top:10px;
visibility:visible;
}

#contentbox a.alignRight {
clear:both;
display:block;
margin-top:20px;
}

/* ===== CONTACT-TAB ===== */
.contact-info,.contact-labels {
font-size:85%;
width:350px;
}

.contact-labels {
width:120px;
}

#contact-tab {
line-height:130%;
}

#contactForm {
background:url('images/semi-trans-33.png') top left;
float:right;
padding:15px;
width:430px;
}

#contactForm input,#contactForm textarea,#contactForm select {
margin-bottom:10px;
padding:5px 0;
width:425px;
}

#contactForm h4 {
margin:0 0 5px;
}

#contactForm textarea {
height:100px;
}

#contactForm p {
display:inline;
}

#contactForm input[type="submit"] {
clear:left;
float:right;
margin:-20px 0;
width:7.5em;
}

#contact-text {
float:left;
margin-bottom:20px;
width:480px;
}

/* ==== GENERAL SLIDER STUFF ==== */
#slider {
margin:0 auto;
position:relative;
}

.scroll {
background:transparent;
clear:left;
overflow:auto;
overflow-x:hidden;
position:relative;
width:960px;
}

.scrollContainer{margin-top:5px}

.scrollContainer div.panel {
color:#ddf0fb;
min-height:450px;
width:960px;
}

ul.navigation {
background:url('images/dark-blue-bg.png') center left repeat-x;
list-style:none;
margin:auto;
width:960px;
position:relative;
height:35px;
}

ul.navigation li {
position:relative;
display:block;
float:left;
height:73px;
width:140px;
text-align:center;
margin:-10px 0 0 5px;
line-height:55px;
-moz-border-radius:3px;
}

ul.navigation li a{
height:100%;
width:100%;
display:block;
color:#cfe6f5;
font-size:154%;
}

ul.navigation a:hover,ul.navigation a.selected {
background:url('images/arrow.png') no-repeat;
color:#fff!important;
text-shadow: 0 1px 2px #333;
}

.scrollButtons {
cursor:pointer;
position:absolute;
top:150px;
}

.scrollButtons.left {
left:-20px;
}

.scrollButtons.right {
right:-20px;
}

/* Contact form 7 */
.wpcf7-response-output {
background:#e8d655;
clear:left;
color:#333;
display:block;
padding:5px;
width:470px;
}

.wpcf7-form-control-wrap span {
background:#e8d655;
color:#333;
display:block;
padding:5px;
}

.mBottom10,#contentbox p {
margin-bottom:10px;
}

.clearFix,img.portrait {
display:block;
}

a,a:link,a:visited,a:active {
color:#b4e1ff;
outline:none !important;
text-decoration:none;
}

#portfolio #left a:hover,#portfolio #left a:active,#portfolio #left a.active {
color:#FFF;
}

ul.navigation a.selected,ul.navigation a:focus {
outline:none;
}

.hide,.wpcf7-display-none {
display:none;
}

/* == blog == */

#sidebar{
width:250px;
float:right;
margin:1em 0 2em 2em;
}

#homelink a{color:#fff;}

#sidebar .panel{margin-bottom:10px;width:100%}

#sidebar .search{
background:url('images/texture-tile.png');
-moz-box-shadow:0 4px 6px #1c557b;
-moz-border-radius:4px;
overflow:hidden;
color:#333;
margin-top:-10px;
float:left;
}

#sidebar .search form{margin:10px}

#sidebar #searchsubmit{
background:url('images/search-icon.png') center center no-repeat;
border:0;
height:26px;
margin-top:-2px;
width:30px;
}

#sidebar #s{
font-size:116%;
border:1px solid #bbb;
height:26px;
width:185px;
padding-left:5px;
}

.panel li{list-style:outside none}
.panel li h2{margin:0}

.entry-title{margin:0 0 10px 0;line-height:1}
.entry-title .auth a{color:#fff;}

.blog h1, .blog h2, .blog h3{color:#fff;text-shadow:0px 1px 3px #204f6e !important}

.title{color:#fff !important;text-shadow:0px 1px 3px #204f6e !important}

.blog{line-height:1.5}
.blog p{margin:1px 0 10px 0}

.blog a:hover,#sidebar a:hover{color:#beeeff;text-decoration:underline}

.post{
	width:550px;
	padding-left:100px;
	position:relative;
	margin-bottom:10px;
}

.post h1 a,.post h2 a,.post h3 a,.post h4 a,.post h5 a,.post h6a{color:#fff}

.blogList{width:100%}
.blogList div{margin-bottom:15px}
.blogList .entry{
overflow:hidden;
width:450px;
height:130px;
float:left;
margin-right:20px
}
.blogList .blogTease{
  font-size:200%;
  background:url('images/semi-trans-33.png') top left;
  text-align:center;
  height:100px;
  margin-top:0px;
  line-height:100px;
  font-family:"proxima-nova-1","proxima-nova-2";
}

.blogList h3 a:hover{text-decoration:underline}

.blogList .blogTease:hover{
  text-decoration:underline;
  color:#fff;
  background:#103c57;
}

.post img{margin:20px;}

.post-content a{text-decoration:underline}

.meta{
	background-color:rgba(0,0,0,.2);
	position:absolute;
	margin-left:-100px !important;
	margin-bottom:-2px;
	font-size:85%;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#fff;
	text-shadow:0 1px 1px #184a6b;
	width:80px;
	padding:5px;
	text-align:center;
	line-height:2;
}

.auth{background:#e0cf52;margin-right:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.auth a{display:inline-block;margin:5px}
.auth a:hover{color:white}

.cat{background:url('images/diagonal-tile2.png');padding:5px}
.byline{}
.byline p{margin:10px 0;padding:5px;background:rgba(0,0,0,.05)}

/* == POST STYLES == */

.post strong{font-weight:bold;}
.post em{font-style:italic}

.post ul,.post ol{margin:10px 10px 10px 20px;}
.post ul{list-style:outside square;}
.post ol{list-style:outside decimal;}

dl{clear:both;margin:10px 0 10px 0 !important;}
dt{text-align:right;float:left;margin-right:20px;width:150px;font-weight:bold;}
dd{float:left;width:380px;margin-bottom:15px;}

blockquote{
background:rgba(255,255,255,.1);
margin:10px auto;
border-left:10px solid rgba(255,255,255,.1);
overflow:hidden
}

blockquote p{margin:10px !important}

.wp-caption{
margin:20px auto;
background: url("images/texture-tile.png") repeat scroll 0 0 transparent;
background-color:#fff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow:0 4px 10px #333;
-webkit-box-shadow:0 4px 10px #333;
box-shadow:0 4px 10px #333;overflow:hidden;
}

.wp-caption img{
margin:5px !important;
}

.wp-caption p{color:#333;margin:0px 5px 5px 5px;font-size:93%;}

.menuitem {
overflow: hidden;
/*background: url('images/menu-bg.png') no-repeat;*/
height:41px;
width:539px;
float:right;
text-align:center;
/*padding-left:15px;*/
}

.hmenu{
position:absolute;
right:0;
top:25px;
}

.menuitem li {
float: left;
text-shadow:0 2px 3px #ccc;
font-size:131%;
color:#666 !important;
margin:7px 5px 10px 5px;
}

.menuitem li:nth-child(1){margin-left:24px;}

.menuitem li a {
font: bold 14px arial;
text-decoration: none;
color:#999;
outline: none;
text-align: center;
top: 0px;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
width:80px;
height:25px;
line-height:25px;
position: relative;
padding:0 7px;
text-shadow:0 1px 1px #fff;
}

.menuitem li a:hover, .menuitem li a:active,.menuitem li a.active {
background:url('images/arrow.png') center center no-repeat;
color:#fff!important;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0px 1px 1px #666;
-webkit-box-shadow:0px 1px 1px #666;
box-shadow:0px 1px 1px #666;
text-shadow:0 1px 1px #333;
text-decoration:none;
}

.post a[href$='.kml'],
.post a[href$='.kmz'],
.post a[href$='.pdf'],
.post a[href$='.txt'],
.post a[href$='.rtf'],
.post a[href$='.xml'],
.post a[href$='.pl'],
.post a[href$='.sh'],
.post a[href$='.zip'],
.post a[href$='.gzip'],
.post a[href$='.phps']{
background:url('images/disk_download.png') left center no-repeat;
padding-left:23px;
vertical-align:middle;
}

.syntaxhighlighter code{color:#000}

.twitter{
display:block;
background:url('images/twitter-sprite.png') 0 -33px no-repeat;
height:30px;
width:auto;
float:left;
padding-left:30px;
margin-right:20px;
font: bold 14px arial;
text-decoration: none;
color:#999 !important;
outline: none;
text-shadow:0 1px 1px #fff;
line-height:38px;
}

.twitter:hover{background:url('images/twitter-sprite.png') 0 7px no-repeat;text-decoration:underline}

.rss{
  background:url(images/rss.png) no-repeat;
  display:block;
  height:27px;
  width:64px;
  float:left;
  margin-right:10px;
  margin-top:-4px;
}

.syntaxhighlighter .lines{margin:10px !important}