/* Theme Name: Fluent Theme
Theme URI: http://www.fluentsolutions.co.nz/
Description: Theme based on the existing site
Version: 1.0
Author: Alex Gilks
Author URI: http://www.chopchop.co.nz/
*/

html, body{ height: 100%; min-width: 960px; background: #fff; color: #74695f; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; }

#page{ position: relative; min-height: 100%; min-width: 960px; }

#header{ background: #158ec0 url('/wp-content/themes/fluent/images/header.png') 0 0 repeat; height: 175px; border-bottom: 5px solid #9ad3f2; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; }
  #header .content{ position: relative; height: 100%; }
  #header p{ display: none; }

#logo{ background: url('/wp-content/themes/fluent/images/logo.png') 0 0 no-repeat; width: 398px; height: 88px; position: absolute; top: 60px; left: 30px; }
  #logo a{ display: block; width: 100%; height: 100%; }
  #logo span{ display: none; }

#nav{ position: absolute; right: 0; bottom: 0; height: 40px; background: url('/wp-content/themes/fluent/images/nav.png') 0 0 no-repeat; padding: 0 20px; z-index: 100; }
  #nav li{ float: left; padding: 0 20px; margin: 0 -20px; }
  #nav .current_page_item, #nav .hover, .single-project #nav .menu-item-235, .single-job #nav .menu-item-237{ background: url('/wp-content/themes/fluent/images/nav-current.png') 50% 50%; }
  #nav a{ display: block; float: left; padding: 0 20px; width: 66px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; text-decoration: none; position: relative; z-index: 300; }

#header .background{ display: block; position: absolute; left: 100%; bottom: 0; width: 1000px; height: 40px; background: url('/wp-content/themes/fluent/images/nav-bg.png') 0 0 repeat; }

#footer{ background: #374d56; position: absolute; bottom: 1px; left: 0; width: 100%; height: 45px; }
  #footer p{ font-size: 14px; line-height: 45px; color: #b7c7cf; margin: 0; } 

#content{ clear: both; padding: 235px 0 105px; }
  #content .content{ width: 880px; }

.content{ width: 960px; margin: 0 auto; }
.hide{ display: none; }
.clear{ clear: both; }
.left{ width: 50%; float: left; }
.right{ width: 50%; float: right; }
.indent{ margin-left: 15px; }
.strong{ font-weight: bold; }

h1{ color: #000; position: absolute; top: -100px; }
h1.show{ color: #000; position: static; top: auto; }
h2{ color: #a5c756; margin: 20px 0 5px 0; font-size: 18px; line-height: 24px; }
h2.no-space{ margin-top: 0; }

p{ margin-bottom: 15px; }
p.large{ width: 780px; font-size: 22px; line-height: 30px; padding-bottom: 15px; }
p.small{ font-size: 16px; line-height: 24px; }

#content ul{ padding-left: 15px; margin-bottom: 15px; }
#content li{ position: relative; margin-bottom: 5px; }
#content li:before{ content: ''; display: block; width: 4px; height: 4px; background: #bdd080; position: absolute; top: 11px; left: -11px; }
#content img{ border: 1px solid #d0dbe0; padding: 1px; }

a, a:link, a:visited{ text-decoration: none; outline: none; color: #16b9ed; }
a:hover, a:active, a:focus{ outline: none; /* color: #0084bb; */ }

/* home */
.home #content .right img{ display: block; margin: 0 auto; padding: 0; border: none; color: #ccc; line-height: 423px; text-align: center; }
.home #content li{ margin-bottom: 0; }
.home #content li:before{ display: none; }
#services{ padding: 2px 0 0 15px; }
  #services li{ display: inline-block; position: relative; }
  
  #services h3{ display: inline-block; color: #16b9ed; cursor: pointer; }
  #services div{ display: none; position: absolute; bottom: 60px; left: 50%; margin-left: -56px; width: 420px; padding: 25px 28px; background: #fff; border: 1px solid #bfbfbf; border-bottom: 0; z-index: 1000; }
  #services div span{ display: block; position: absolute; top: 100%; left: 0; width: 477px; height: 33px; background: url('/wp-content/themes/fluent/images/hover-bottom.png') 0 0 no-repeat; }
  #services div h3{ color: #a5c756; margin: 0; }
  #services div p{ display: block; margin: 0; color: #3b748a; }
  #services p{ display: none; }
  #services .sep{ color: #b7c7cf; }


#people{ padding: 2px 0 0 15px; color: #3b748a; width: 100%; }
  #people li{ width: 500px; }
  #people a{ font-weight: bold; }
  #people .sep{ color: #b7c7cf; }

/* people */

.person{ position: relative; width: 594px; min-height: 324px; padding: 30px 0 0 213px; background: url('/wp-content/themes/fluent/images/divider.png') 100% 100% no-repeat; }
.person.first{ margin-top: -30px; }
.person.last{ background: transparent; }
.person img{ display: block; position: absolute; top: 30px; left: 0; border: 2px solid #d0dbe0; width: 180px; height: 288px; color: #fff; font-size: 14px; }
.person h2{ display: inline-block; color: #374d56; font-size: 24px; line-height: 24px; margin: 0; }
.person .qualifications{ display: inline-block; color: #a5c756; font-size: 15px; line-height: 18px; margin: 0; }
.person .position{ color: #3b748a; font-weight: bold; font-size: 14px; line-height: 24px; margin: 0; }
.person .position .sep{ font-weight: normal; color: #a4bec8; }
.person .bio{ margin: 0 15px; padding: 10px 0; font-size: 14px; line-height: 20px; width: 540px; }

/* about */
.about #content .left, .jobs #content .left{ width: 396px; }
.about #content .right, .jobs #content .right{ width: 454px; }

.about #content .left p, .jobs #content .left p{ color: #3b748a; font-size: 16px; line-height: 22px; margin: 0 0 15px 15px; }
.about #content .right img.top, .jobs #content .right img.top{ display: block; padding: 0 13px 0 0; margin: 0 0 14px 0; width: 420px; height: 198px; color: #fff; border-right: 15px solid #9ad3f2; }
.about #content .right img.bottom, .jobs #content .right img.bottom{ display: block; padding: 0 0 0 15px; width: 418px; height: 198px; color: #fff; border-left: 15px solid #a5c756; }
.jobs #content .right img.top{ width: 419px; height: 198px; padding: 0 14px 0 0; }
.jobs #content .right img.bottom{ width: 419px; height: 260px; padding: 0 0 0 14px; }

/* contact */

.contact #content .left{ width: 376px; }
.contact #content .right{ width: 504px; }

form{ margin-top: 40px; width: 310px; }
  form h2{ margin-bottom: 8px; }
  input, textarea{ display: block; padding: 5px; width: 210px; margin: 0 0 5px 0; background: #d0dbe0; color: #74695f; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; resize: none; border: none; }
  textarea{ width: 300px; }
  input#submit{ width: auto; float: right; cursor: pointer; background: #fff; padding: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }
  label{ display: none; }

.message{ position: absolute; top: 181px; left: 0; width: 100%; }
.message p{ width: 880px; margin: 0 auto; padding: 5px 0; color: #fff; }
.success{ background: #a5c756; }
.error{ background: #cf0007; }

.contact iframe, #map, #map-2{ border: 1px solid #d0dbe0; padding: 1px; width: 500px; height: 400px; }
.contact #content .right{ text-align: right; }
#map-2{ margin-top: 30px; }

/* projects */
.single-project .left, .single-job .left{ width: 240px; }
.single-project .right, .single-job .right{ width: 610px; }

.single-project .left h3, .single-job .left h3{ color: #a5c756; font-size: 18px; line-height: 30px; }
.single-project #content .left ul, .single-job #content .left ul{ margin: 0 0 30px 0; padding: 0; font-weight: bold; font-size: 16px; line-height: 19px; }
.single-project #content .left li, .single-job #content .left li{ margin: 0; padding: 6px 15px; }
.single-project #content .left li:before, .single-job #content .left li:before{ display: none; }
.single-project .left li.current, .single-job .left li.current{ background: #d3f0ff; }

.single-project .right h1, .single-job .right h1{ position: relative; top: 0; color: #374d56; font-size: 24px; line-height: 34px; }
.single-project .right p.description, .single-job .right p.description{ color: #7b8c96; }

/* slider */
.slider{ position: relative; clear: both; width: 608px; height: 408px; margin: 0 0 20px 0; }
#content .slider ul{ list-style: none; width: 600px; height: 400px; padding: 4px; margin: 0; background: #d0dbe0; }
#content .slider li:before{ display: none; }
#content .slider .gallery-item{ float: none; margin: 0; text-align: center; margin: 0; padding: 0;}
#content .slider .gallery-icon{ display: block; }
#content .slider .gallery-caption{ opacity: 1; }
#content .slider img{ display: block; margin: 0 auto; border: none; padding: 0; }

.slider-navigation{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.slider-navigation div{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; cursor: pointer; background: url('/wp-content/themes/fluent/images/slider-left.png') 10% 50% no-repeat; }
.slider-navigation .next{ left: auto; right: 0; background: url('/wp-content/themes/fluent/images/slider-right.png') 90% 50% no-repeat; }



/* ie7 */

.ie7 #services li, 
.ie7 #services h3, 
.ie7 .person h2, 
.ie7 .person .qualifications{ zoom: 1; display: inline; }

.ie7 #services .sep{ padding: 0 2px 0 4px; }
.ie7 .person h2{ padding-right: 5px; }

.ie7 .slider-navigation div{ background: url('/wp-content/themes/fluent/images/transparent.gif'); }

/* ie6 */

.ie6 #page{ width: 960px; }
.ie6 #footer p{ padding: 0 30px; }
.ie6 #nav .current, .ie6 #nav .hover{ background: transparent; }
.ie6 .contact #content .left{ width: 366px; }
.ie6 #nav{ padding-left: 40px; }