/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }




/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .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; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #433b34; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }




/* Author styles  
----------------------------------------------------------------------------------------- */

html { background : #fff; }
body { padding-top : 1.5em; font : 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; color : #333; }

h1 { margin : 0; padding : 0; width : 100%; height : 160px;  }
h2 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
.flowmeter h2 { padding-left : 20px; background : url(../images/interface/limeElement12.gif) no-repeat 0 50%; }
.hydraulic h2 { padding-left : 20px; background : url(../images/interface/orangeElement12.gif) no-repeat 0 50%; }
.datalogging h2 { padding-left : 20px; background : url(../images/interface/aquaElement12.gif) no-repeat 0 50%; }
.drilling h2 { padding-left : 20px; background : url(../images/interface/redElement12.gif) no-repeat 0 50%; }


h3 { font-size : 1.2em; font-weight : bold; line-height : 1.25; margin-bottom : 1.25em; }

.caption { width : 180px; margin-bottom : 0; font-size : 92%; color : #666; }
.highlight { color : #000; }

a, a:visited { color : #50B0A8; text-decoration : none; }
a:hover { text-decoration : underline; }
h1 a { display : block; width : 100%; height : 160px;  }
/* .download a { min-height : 15px; padding-left : 18px; background : url(../images/a-pdf.jpg) no-repeat; } */
#brochure a:hover { text-decoration : none; }


#mainWrapper { width : 940px; margin : 0 auto; }
#branding { width : 100%; height : 160px; background : url(../images/branding.jpg) no-repeat 0 0; text-indent : -9999px; }

#nav-main { width : 100%; border-top : 1px solid #50B0A8; }
#nav-main ul { overflow : hidden; width : 679px; margin-left : 201px; padding : .5em 20px .5em 40px; background : #50B0A8 url(../images/nav-main.png) no-repeat 0 100%; } 
#nav-main li { display : inline; margin-right : 20px; padding-right : 20px; border-right : 1px solid #fff; } 
#nav-main li:last-child { margin-right : 0; padding-right : 0; border-right-width : 0; }
#nav-main a, #nav-main a:hover {  color : #fff; }

.index #nav-main-01 a { text-decoration : underline; }
.casestudies #nav-main-02 a { text-decoration : underline; }
.proven #nav-main-03 a { text-decoration : underline; }
.contact #nav-main-04 a { text-decoration : underline; }

#nav-services { overflow : hidden; margin-bottom : 1.5em; }
#nav-services li { float : left; display : block; margin-right : 10px; width : 160px; height : 140px; }
#nav-services-01 { background : url(../images/nav-01-off.jpg) no-repeat; }
#nav-services-02 { background : url(../images/nav-02-off.jpg) no-repeat; }
#nav-services-03 { background : url(../images/nav-03-off.jpg) no-repeat; }
#nav-services-04 { margin-right : 0; background: url(../images/nav-04-off.jpg) no-repeat; }
#nav-services li a { display : block; height : 140px; text-indent : -9999px; }

.flowmeter #nav-services-01 { background : url(../images/nav-01.jpg) no-repeat; }
.hydraulic #nav-services-02 { background : url(../images/nav-02.jpg) no-repeat; }
.datalogging #nav-services-03 { background : url(../images/nav-03.jpg) no-repeat; }
.drilling #nav-services-04 { background : url(../images/nav-04.jpg) no-repeat; }

.vcard { margin-bottom : 1.5em; }

#content, .content { overflow : hidden; width : 100%; }
#container { overflow : hidden; width : 100%; }
.content-sub { float : left; width : 190px; }
.content-main { float : right; width : 700px; padding-left : 39px; border-left : 1px solid #50B0A8; }
#siteinfo { overflow : hidden; width : 100%; margin-top : 1.5em; padding : 1.5em 0; border-top : 5px solid #50B0A8; color : #666; }


/* Index template
----------------------------------------------------------------------------------------- */

.index h2 { font-size : 1.1em; text-transform : uppercase; line-height : 1.25; }

.index .content-main ul { list-style-type : none; }
#li01 { padding-left : 20px; background : url(../images/interface/limeElement12.gif) no-repeat 0 50%; }
#li02 { padding-left : 20px; background : url(../images/interface/orangeElement12.gif) no-repeat 0 50%; }
#li03 { padding-left : 20px; background : url(../images/interface/aquaElement12.gif) no-repeat 0 50%; }
#li04 { padding-left : 20px; background : url(../images/interface/redElement12.gif) no-repeat 0 50%; }



/* Case studies template
----------------------------------------------------------------------------------------- */

.studies h3 { margin-top : 3em; padding-top : 1.5em; border-top : 1px solid #ccc; }
.studies ul { list-style-type : disc; list-style-position : inside; }
.content-sub ol { list-style-type : decimal; list-style-position : inside; color : #666; }
.content-main ol { list-style-type : decimal; list-style-position : inside; }
.content-main ul { list-style-type : disc; list-style-position : inside; }