/*
Styles for Taurus Drilling
Created by April Holle on 2008-06-05
Copyright (c) 2008 Drawbackwards. All rights reserved.

Bookmarking:
==layout
==common
==form

Colors:
grey: #262626
blue: #0093d0
lgt blue: #1c4150
*/

/* ==layout */

html {width: 100%; height: 100%; margin: 0; padding: 0;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #003f60 url('images/bgBody.jpg') no-repeat fixed; font-family: Arial; font-size: .7em;}

#container {background-color: #000; width: 880px; padding: 0 10px 10px; margin: 0 auto;}

#mast {padding: 0 0 10px 0; float: left; clear:both;}
.container {float: left; clear:both; width: 100%; padding: 0 0 20px 0;}
#contentCallouts {clear: both; float: left; width: 200px; min-height: 505px; padding: 20px 10px 0 15px; background-color: #262626; color: #fff;}
.callout {border-top: 3px solid #000; padding-top: 10px;}
.callout.first {border: none; padding-top: 0;}
#contentMain {width: 645px; min-height: 525px; margin: 0 0 0 10px; background-color:#262626; float: left;}
.photo {margin: 0 0 10px 0;}

.contentSubMain {float: left; width: 412px; margin: 0 0 20px 0; border-right: 1px solid #363636;}
.contentSubSide {float: left; width: 212px; margin: 0 0 0 10px;}
.imgCallout {margin: 10px 0 0 0;}


#footer {clear:both; height: 45px;}

/* ==common */

h1 {margin: 10px 0 0 20px; color: #fff; font-size: 1.2em;}
h2 {margin: 10px 0 0 20px; color: #0093d0; font-size: 1em; font-weight: normal;}
h3 {margin: 10px 0 0 20px; color: #999; text-transform: uppercase; font-size: .8em; font-weight: normal;}

img {border: 0;}

p {color: #fff; line-height: 18px;}
.callout p {font-size: .9em; margin: 10px 0;}
.callout p.additionalInfo {font-style: italic; font-size: .8em; color: #8f8f8f;}

.contentSubMain p {margin: 0 10px; padding: 10px; font-size: 1em;}
.contentSubMain p.first { margin: 10px 10px 0 10px; background: url('images/bgLftCorner.gif') top left no-repeat;}
.contentSubMain p.last {background: url('images/bgRgtCorner.gif') bottom right no-repeat;}
.contentSubMain p b {font-size: 1em; color:#0093d0;}

ul {color: #0093d0; margin: 0 20px; padding: 5px 15px;}
ul li {margin: 5px 0;}

#mast ul {float: right; width: 645px; list-style: none; background-color: #262626; margin: 133px 0 0 10px; _margin: 133px 0 0 0; padding: 0;}
#mast ul li {float: left; padding: 0 16px;}

#mast ul#pnav li a {height: 27px;}
#home a:link, #home a:visited {display: block; width: 82px; background: url('images/pnavHome.gif');}
#services a:link, #services a:visited {display: block; width: 113px; background: url('images/pnavServices.gif');}
#about a:link, #about a:visited {display: block; width: 93px; background: url('images/pnavAbout.gif');}
#team a:link, #team a:visited {display: block; width: 83px; background: url('images/pnavTeam.gif');}
#contact a:link, #contact a:visited {display: block; width: 112px; background: url('images/pnavContact.gif');}
#home a:hover, #services a:hover, #about a:hover, #team a:hover, #contact a:hover, 
#home a.on:link, #home a.on:visited, #about a.on:link, #about a.on:visited, #services a.on:link, #services a.on:visited, #team a.on:link, #team a.on:visited, #contact a.on:link, #contact a.on:visited{background-position: 0 -27px;}

#footer ul {float: right; width: 645px; list-style: none; margin: 0 0 18px 0; padding: 0; text-transform:uppercase;}
#footer ul li {float: left; padding: 0 38px;}

a:link, a:visited {color: #0093d0;}

#footer a:link, #footer a:visited { color: #808080; text-decoration: none;}
#footer a:hover, #footer a.on:link, #footer a.on:visited {color: #0093d0;}

.hr {border-top: 1px solid #1c4150; line-height: 1px; height: 1px; margin: 0 20px;}


/* ==form */
table.form {width: 350px; margin: 0 0 0 20px; color: #fff;}
a.button:link, a.button:visited, .button {padding: 5px; background-color:#0093d0; color:#fff; text-transform: uppercase; text-decoration: none; border: none; cursor: pointer;}
input.txtbox {border: 1px solid #ccc; width: 250px; background-color: #262626; color: #fff;}