/* 
PROJECT NAME Stylesheet
Adam Hindman

 ########################### 
 ##### 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 {
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-bg.jpg') top left no-repeat;
}

#wrapper .container {
margin:auto;
width:960px;
}

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

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

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

/* =========== NAV =========== 
 ########################### 
 ######## HTML TAGS ######## 
 ########################### */
body {
background:url('images/background-tile.jpg') top left repeat-x;
background-color:#164461;
color:#fff;
font-family:"lucida sans unicode";
margin:0;
padding:0;
}

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

/* ==== FOOTER ==== */
#footer {
background-color:#15405b;
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 
 ================== 
 ====== TABS ====== */
#portfolio-btn {
background:url('images/nav/nav-portfolio.png') top left no-repeat;
}

#portfolio-btn:hover,#portfolio-btn.selected {
background:url('images/nav/nav-portfolio-active.png') top left no-repeat;
}

#about-btn {
background:url('images/nav/nav-aboutus.png') top left no-repeat;
}

#about-btn:hover,#about-btn.selected {
background:url('images/nav/nav-aboutus-active.png') top left no-repeat;
}

#skills-btn {
background:url('images/nav/nav-skills.png') top left no-repeat;
}

#skills-btn:hover,#skills-btn.selected {
background:url('images/nav/nav-skills-active.png') top left no-repeat;
}

#partners-btn {
background:url('images/nav/nav-partners.png') top left no-repeat;
}

#partners-btn:hover,#partners-btn.selected {
background:url('images/nav/nav-partners-active.png') top left no-repeat;
}

#contact-btn {
background:url('images/nav/nav-contact.png') top left no-repeat;
}

#contact-btn:hover,#contact-btn.selected {
background:url('images/nav/nav-contact-active.png') top left no-repeat;
}

/* ===== 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;
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;
}

/* ===== PARTNERS ===== */
#partners #intro {
color:#b7d2e3;
letter-spacing:normal;
margin-bottom:20px;
margin-top:-20px;
visibility:visible;
}

#partners ul {
margin:0;
padding:0;
width:610px;
}

#partners li {
background:#245A7E;
border:1px solid #3A7DAA;
float:left;
height:50px;
margin:0 10px 10px 0;
width:190px;
}

#partners li:hover {
background:#245A7E;
}

#partners #contentbox {
background-color:#184765;
height:420px;
margin-top:0;
overflow:hidden;
padding:10px;
width:280px;
}

#partners #contentbox div {
line-height:150%;
margin-bottom:1000px;
}

#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 h2 {
background:#215678;
height:50px;
line-height:50px;
margin-bottom:20px;
padding:0 0 0 10px;
visibility:visible !important;
}

#contact h2 img {
margin-top:-5px;
vertical-align:middle;
}

#biz-card {
float:right;
margin:0;
width:361px;
}

.contact-info,.contact-labels {
font-size:85%;
width:350px;
}

.contact-labels {
width:120px;
}

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

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

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

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

#contact textarea {
height:100px;
}

#contact p {
display:inline;
}

#contact 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 div.panel {
color:#ddf0fb;
min-height:450px;
padding-top:5px;
width:960px;
}

ul.navigation {
background:url('images/dark-blue-bg.png') center left repeat-x;
list-style:none;
margin:auto;
padding:0 0 0 10px;
width:950px;
}

ul.navigation li {
display:block;
float:left;
height:80px;
}

ul.navigation a {
color:#000;
display:block;
height:85px;
outline:none;
padding:0;
text-decoration:none;
width:160px;
}

ul.navigation a:hover {
background-color:#f6f6f6;
}

.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:#7db1d4;
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;
}