@import url('../../default/css/screen.css');

body
{ background:#254d44 url('../images/common/mainBG.jpg') center top repeat-x;
  margin:0; font:normal 14px Arial, sans-serif; color:#333;}

div#pageWrapper
{ min-height:500px; width:910px; margin:auto;
  background-color:#fff; padding:5px 20px; }
  
div#headerWrap
{
  background:transparent url('../images/common/headerBG.jpg') center top no-repeat;
  width:860px; height:107px; padding:40px 25px 0;
}

img#callToday
{ float:right; margin-top:28px; margin-right:-13px; }

/* Navigation */

ul#mainNav
{ list-style:none; margin:0; padding:0;
  height:30px; }

ul#mainNav li
{ float:left; height:16px; padding:7px 0;}


div#content {
  margin-top:22px;
}

ul#subNav
{ list-style:none; margin:10px 0 0 0; padding:0; }

ul#subNav li { border-bottom:1px #666 dotted; padding:10px 0;}

/* Footer */

div#preFooter { clear:both; }

div#preFooter div.leftColumn
{ height:30px; width:120px !important; padding:15px 30px 0; color:#333; font:12px Arial;}

div#preFooter div.fullRightColumn
{ float:right; width:722px; height:70px;
  background:#fff url('../images/common/dropFade.png') center top repeat-x; }

div#preFooter div.fullRightColumn p { clear:both; padding:10px 0; text-align:center; font:12px Arial; color:#333; }

div#footerWrap {
  clear:both; padding:10px 0 0px;
  height:20px;
}

div#footerWrap p {
  width:658px; margin:0; padding:0 0 0 30px;
  font:12px Arial; color:#333;
}

div#footerWrap p a:link, div#footerWrap p a:visited, div#preFooter p a:link, div#preFooter p a:visited
{ color:#333; }

/* Footer Text Nav */

ul#textNav { list-style:none; margin-top:15px; }
ul#textNav li { padding:0 18px; float:left; font-size:12px; }

ul#textNav li a:link, ul#textNav li a:visited { color:#033; text-decoration:none; }

ul#textNav li.on a:link, ul#textNav li.on a:visited { color:#666; text-transform:uppercase; }

/* Typography */

h1 { margin-bottom:0; }

div.pageContent a:link,div.pageContent a:visited
{ color:#396;}

div.pageContent img
{ margin:0 5px 5px; 0}

a:hover { text-decoration:none;}

/* Green Box */

.greenBox
{ background:#396 url('../images/common/greenBoxLid.png') left top repeat-x; }

.greenBox a:link, .greenBox a:visited
{ color:#fff; text-decoration:none; }

.greenBox a:hover
{ text-decoration:underline;}

div.greenBox ul
{ list-style:none; margin:0; padding:0; }

div.greenBox li
{ padding-left:30px;
  background:transparent url('../images/common/bulletLarge.gif') left -1px no-repeat;
  border-bottom:1px dotted #033;
  }

div.greenBox li.last
{ border-bottom:0;}
  
div.greenBox li h2 {margin-bottom:0px; color:#033; font-size:16px; }  
div.greenBox li p {margin:0 0 10px; color:#fff; }

div.leftColumn
{ width:180px; float:left;
  background:#fff url('../images/common/dropFade.png') center top repeat-x; }

div#bodyWrapper div.leftColumn
{ height:200px; }

div.fullRightColumn
{ float:right; width:722px;}

div#imageStripe
{ height:215px; }

div.pageContent { float:left; width:510px;}

div.pageContent p
{ margin:0 0 14px; font:14px/18px Arial; }

div.pageContent h2 { margin-bottom:0; }

/* Page Specific */

body#home div#imageStripe
{ height:318px; }

body#home div.greenBox
{ width:185px; height:288px; padding:30px 10px 0; }



body#home div.pageContent
{ width:626px; height:174px; padding: 0 30px;}

body#home div.pageContent p
{ margin:0 0 14px; font:14px/18px Arial; }

div#latestNews {
  width:626px; padding: 4px 30px 12px; height:73px;
  background:#fff url('../images/common/newsBar.png') center top no-repeat;
  border:1px solid #999;
}

div#latestNews * {
  margin:0;
  color:#033;
}

div#latestNews h2 { font:20px; color:#033; margin-bottom:0px;}
div#latestNews h3 { font:bold 12px Arial;}
div#latestNews p { font:normal 12px Arial; }

div#latestNews a:link, div#latestNews a:visited { color:#c00; }
div#latestNews a:hover { text-decoration:none; }

/* What is Flexiloo */

body#what div.leftColumn
{ width:180px; float:left;
  background:#fff url('../images/common/dropFade.png') center top repeat-x; }

body#what div#bodyWrapper div.leftColumn
{ height:200px; }

body#what div.fullRightColumn, body#links div.fullRightColumn
{ float:right; width:722px;}

body#what div#imageStripe
{ height:215px; }

body#what div.pageContent { width:710px;}

body#what div.pageContent p
{ margin:0 0 14px; font:14px/18px Arial; }

body#what div.greenBox, body#links div.greenBox
{ float:right; width:185px; height:165px; padding:50px 10px 0; }

body#what ul#subNav { margin-bottom:220px; }

body#what div.pageContent ul { margin-top:-10px; }

/* Jets Vacuum System / Datasheets */

div#jetsImages { float:right; width:210px; }

body#jets div.greenBox, body#datasheets div.greenBox, body#gallery div.greenBox, body#news div.greenBox
{ float:right; width:195px; height:210px; padding:5px 0 0 15px; } 

body#jets div.greenBox h2, body#datasheets div.greenBox h2, body#gallery div.greenBox h2, body#news div.greenBox h2 { margin-top:10px; height:18px;}

body#jets div.greenBox li.first h2, body#datasheets div.greenBox li.first h2, body#gallery div.greenBox li.first h2, body#news div.greenBox li.first h2 { height:38px;}

body#gallery div.greenBox li.first h2 object, body#datasheets div.greenBox li.first h2 object, body#jets li.first h2 object { height:42px;}

body#datasheets div.pageContent, body#gallery div.pageContent { width:700px; }

body#datasheets div.pageContent h3 { margin-bottom:8px; }

hr { border-style:solid none none; border-color:#ccc;}

body#jets div.pageContent ul { margin-top:-10px; }

/* Data sheet tables */

table { margin-bottom:20px;}

th.lCol, td.lCol { text-align:left; width:240px;}
th.cCol, th.rCol { text-align:right; color:#396; }

td { text-align:right;  font:12px Arial; color:#666; vertical-align:top;}
th { padding-bottom:10px;}
tr.odd td { background-color:#dbffdb;}

body#datasheets div.pageContent p em { font-size:12px; color:#666; line-height:12px; }
body#datasheets div.pageContent p em strong { font-size:12px; font-style:italic; color:#000;  line-height:12px; }

/* Useful Links */
table { margin-bottom:20px;}
body#links div.pageContent { width:720px; }
body#links td { text-align:left; }
body#links td h2 { margin-top:0;}
body#links td p { font:12px/16px Arial!important;}

body#links div.pageContent a:link,body#links div.pageContent a:visited
{ text-decoration:none;}

body#links div.pageContent a:hover
{ text-decoration:underline;}


/* Blog */

body#news div.pageContent
{ width:512px; }

body#news div.blogEntry, body#news div.blogComments
{ padding-bottom:30px; border-bottom:1px dotted #000; margin-bottom:30px;}

body#news div.pageContent h2
{ border-bottom:1px solid #ccc; margin-top:5px; color:#396;}

body#news div.pageContent h3 { color:#033; }

body#news div.blogEntry p, body#news div.blogComments p { font-size:12px; }

body#news div.blogEntry p.meta
{ padding:10px 0; border-bottom:1px solid #ccc; height:12px;line-height:14px;}

body#news div.blogEntry p.meta span.date
{ float:left; color:#033; }

body#news div.blogEntry p.meta span.comments
{ float:right; color:#396;}

div.blogEntry a:link,div.blogEntry a:visited {
  text-decoration:none; color:#396;
}


div.blogComments { clear:both; }

div.blogEntry a:hover
{ text-decoration:underline; }

p.commentMeta
{ border:1px #ccc; 
  border-style:solid none; padding:5px 0;}

div.blogArchive
{ float:right; width:165px; }

div.blogArchive h2 { margin-bottom:0; }
div.blogArchive h3 { margin:0; }
div.blogArchive p { margin:0; }
div.blogArchive a:link, div.blogArchive a:visited { color:#396; }

/* Comment Form */

form#blogComment { width:290px;}

form#blogComment label, form#blogComment p
{ font-size:12px; }

form#blogComment input
{ margin-bottom:10px;}

form#blogCommet textarea
{ width:100%;}