/* ////////////////////////////////////

Arresting You
main style sheet
2009-02-22 Kobot Industries

Site Color Values:
content bgnd:#FBF6EA
blue: #00539F
red: #EF3E33



grid stuff:


///////////////////////////////////  */

/* -------------------------------------------------------------
/  Container and general definitions
/* ------------------------------------------------------------- */

body {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	color: #222222;
	background: #000000 url(../_toolbox/bgnd.jpg) repeat-y center;
}

#container {
	width: 780px;
	margin: 0 auto 0 auto;
	padding: 0px 0px 0 0;
	background: #fff url(../_toolbox/container.jpg) left bottom no-repeat;
	font-size: 14px;
	border-top: 10px solid #00539F;
}


/*ie 6 hack for the red webbing (to combat expanding box bug) */
* html #container {
    overflow: hidden;
}

* html img {
    position: relative;
}

.skip{display:none;}
.clear{clear:both;}

/* -------------------------------------------------------------
/  Header
/* ------------------------------------------------------------- */
#header {
	padding: 0 0 0 0;
	margin: 0;
	height: 180px;
	width: 190px;
	background: url(../_toolbox/headerbgnd.jpg) 400px 0px no-repeat;
	float: left;
}

#container #header h1 {
	margin: 0 0 0 0;
	height: 180px;
	width: 190px;
	text-indent: -9999px;
	background-image: url(../_toolbox/logo.gif);
	float: left;
}

#container #header h1 a{
	height: 180px;
	width: 190px;
	display: block;
	background: url(../_toolbox/logo.gif);
}

/* -------------------------------------------------------------
/  Content
/* ------------------------------------------------------------- */

#container #content{
	width: 460px;
	padding: 0 68px 20px 60px;
	float: right;
	border-left: 1px solid #E4EBF0;
	border-bottom: 1px solid #E4EBF0;
}

#container #content h2{
	font-size: 22px;
	font-family: Georgia, "Times New Roman", sserif;
	color: #00539F;
	position: relative;
	left: -55px;
	margin-bottom: 5px;
	text-shadow: 0px 1px 0px #e1e1e8;
}

#container #content h3{
	font-size: 16px;
	color: #EF3E33;
	margin-bottom: 5px;
}

#container #content h4{
	font-size: 14px;
	color: #EF3E33;
	margin-bottom: 5px;
	font-weight: bold;
}

#container #content h5{
	color: #00539F;
}

#container #content p{
	line-height: 1.45em;
	margin-bottom: 1em;
}

#container #content strong{
	color: #7f6d6d;
	/*font-weight: bold;*/ 
}

#container #content a, #container #content a:visited{
	color: #000000;
	border-bottom: 1px dotted #00539F;
	text-decoration: none;
}

#container #content a:hover{
	color: #00539F;
	border-bottom: 1px dotted #00539F;
	text-decoration: none;
}

#container #content a.lightbox{
	border-bottom: none;
}


hr{
	margin: 20px 0 20px 0;
	border-top: 1px solid #00539F;
	clear: both;
	height: 0;
}

#container #content ul, #container #content ol {
	margin-left: 0;
	padding-left: 2.5em;
	margin-bottom: 0.5em;
}

#container #content li {
	margin: 0;
	padding: 0;
}

#container #content ul li {
	list-style-type: circle;
	margin-bottom: 0.125em;
}

#container #content ul li a {

}

#container #content ul li a:hover {
/*	border: none;
	text-decoration: underline;*/
}

#container #content ol li {
	list-style-type: decimal;
}

#container #content .videowrap{
	border-top: 1px solid #00539F;
	border-bottom: 1px solid #00539F;
	background-color: #E4EBF0;
	margin: 0 0px 20px 0px;
	padding: 20px 0 20px 0;
	text-align: center;
	font-style: italic;
}

#container #content #video{
	line-height: normal;
	margin: 0 0 5px 0;
}

/* -------------------------------------------------------------
/  Breadcrumb
/* ------------------------------------------------------------- */
p#breadcrumb{
	position: relative;
	left: -55px;
	color: #EF3E33;
	font-size: 11px;
	text-transform: uppercase;
}

#container #content p#breadcrumb a:link,  #container #content p#breadcrumb a:visited{
	text-decoration: none;
	color: #00539F;
	border: none;
}

#container #content p#breadcrumb a:hover{
	text-decoration: underline;
	color: #00539F;
}

#container #content #breadcrumb span{
	color: #00539F;
}

/* -------------------------------------------------------------
/  Navigation
/* ------------------------------------------------------------- */
#navigation{
	float: right;
	width: 587px;
	padding-bottom: 100px;
	background: url(../_toolbox/navbgnd.jpg) bottom no-repeat;
}

#navigation li{
	float: left;
	display: inline;
	border-right: 1px solid #B3B3B3;
}

#navigation li.last{
	border: none;
}

#navigation li a, #navigation li a:visited{
	text-decoration: none;
	color: #191711;
	width: 70px;
	padding-left: 13px;
	height: 35px;
	font-size: 12px;
	padding-top: 45px;
	float: left;
}

#navigation li a:hover, #navigation li a.active{
	color: #FFFFFF;
	background: url(../_toolbox/navbgnd_over.jpg) top repeat-x;
}

#subnav{
	float: left;
	width: 150px;
	padding: 10px 0 10px 10px;
	margin-left: 10px;
	font-size: 14px;
	background-color: #ffffff;
	border: 1px solid #E4EBF0;
	line-height: 20px;
}

#subnav li a, #subnav li a:visited{
	text-decoration: none;
	color: #00539F;
}

#subnav li a:hover, #subnav li a.active{
	text-decoration :none;
	color: #EF3E33;
}

/* -------------------------------------------------------------
/  Footer
/* ------------------------------------------------------------- */
#footer{
	margin-left: 190px;
	padding-top: 30px;
	height: 160px;
	position: relative;
	font-size: 12px;
}

#footer #address{
	float: left;
	width: 220px;
	margin-right: 20px;
}

#footer #footerlinks{
	float: left;
	width: 220px;
}

#footer a, #footer a:visited{
	color: #000000;
}

#footer a:hover{
	color: #00539F;
}

#footer ul li.directions{
	margin-top: 15px;
}

/* -------------------------------------------------------------
/  visuals
/* ------------------------------------------------------------- */
#container .web{
	width: 830px;
	height: 87px;
	position: relative;
	left: -22px;
	top: -10px;
	background: url(../_toolbox/red_web.gif) no-repeat;
	margin-bottom: -30px;
}

#container .web2{
	width: 101px;
	height: 163px;
	position: absolute;
	right: -101px;
	top: -80px;
	background: url(../_toolbox/blue_web.jpg) no-repeat;

}
.mapimage{
	margin: 40px 10px 20px 0;
}
	
#sideimage{
	width: 170px;
	float: left;
	padding-left: 10px;
}

/* -------------------------------------------------------------
/  FAQ accordion
/* ------------------------------------------------------------- */


#faq a {
	margin-bottom: 9px ;
	outline: none;
	display: block;
	border: 0;
}

#faq li div{
	margin-left: 5px ;
}


/* -------------------------------------------------------------
/  Tables
/* ------------------------------------------------------------- */
table {
	width: 100%;
	border: 1px solid #bbb;
	margin-bottom: 10px;
}

col.colB {
	width: 12em;
}

th, td {
	padding: .2em 1em;
	text-align: left;
}

thead th {
	border-bottom: 2px solid #888;
	background: #bbb;
	padding: .4em 1em .2em;
}

thead th.table-head {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background: #555;
	border: 1px solid #555;
}

tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background: #eee;
}

tbody tr.odd th,
tbody tr.odd td {
	background: #fff;
}

tfoot th,
tfoot td {
	border-top: 2px solid #E4EBF0;
	background: #eee;
}

tfoot tr.total th,
tfoot tr.total td {
	border-top: 6px double #E4EBF0;
}

tfoot tr.total th {
	text-transform: uppercase;
}

th.currency,
td.currency {
	text-align: right;
	width: 100px;
}

table.directions th {
	background-color: #EEEEEE;
}
table.directions td {
	vertical-align: top;
}


/* -------------------------------------------------------------
/  Forms
/* ------------------------------------------------------------- */


label {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
}

fieldset label {
	display: block;
	padding: 2px;
	margin: 2px;
	margin-right: 0.25em;
	float: left;
	clear: left;
	width: 75px;
	text-align: right;
	cursor: pointer;
}


label:after {
	content:": ";
}

input[type="text"], textarea{
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}
	
fieldset input[type="text"], textarea{
	width: 365px;
	padding: 2px;
	margin: 2px;
	border: 1px solid #CCCCCC;
	font-size: 1em;
	line-height:1.5em;
	color: #333;
}

fieldset input[type="submit"]{
	position: relative;
	left: 88px;
}


/* -------------------------------------------------------------
/  Contact Form Status Messages
/* ------------------------------------------------------------- */
p.success {
	text-align: center;
	padding: 0.6em;
	background-color: #C8F526;
}

p.failure {
	text-align: center;
	padding: 0.6em;
	background-color: #FF5333;
}

p.warning {
	text-align: center;
	padding: 0.6em;
	background-color: #FF8000;
}


/* -------------------------------------------------------------
/  Meet Us Page thumbnail
/* ------------------------------------------------------------- */

div.thumbnail{
	width: 150px;
	padding: 1px;
	margin-right: 1px;
	margin-bottom: 10px;
	text-align: center;
	float: left;
}

#container #content div.thumbnail a {
	border: none;
}

/* -------------------------------------------------------------
/  Rescue Kit
/* ------------------------------------------------------------- */

#container #content #rescue-kit ul{
	margin: 0;
	padding: 0;
}

#container #content #rescue-kit ul li{
	list-style-type: none;
	display: block;
	width: 150px;
	padding: 1px;
	margin-right: 1px;
	margin-bottom: 10px;
	text-align: center;
	float: left;
}

#container #content #rescue-kit ul li p{
	width: 145px;
	height: 2em;
	text-align: center;
	font-size: 0.8em;
}

/* -------------------------------------------------------------
/  Home
/* ------------------------------------------------------------- */
#home #container {
	background: #FFFFFF url(../_toolbox/containerhome.jpg) bottom no-repeat;
}

#home #container #content {
	width: 740px;
	padding: 0 0px 10px 0px;
	margin: 0 20px 0px 20px;
	float: none;
	border-left: none;
	border-bottom: 1px solid #00539F;
}
#home #container #content #intro{
	border-bottom: 1px solid #00539F;
	margin-bottom: 10px;
}
#home #container #content h2 {
	position: static;
}
#home #container #content #introtext {
	width: 250px;
	float: left;
}
#home #container #content .videowrap{
	width: 470px;
	float: right;
	border: none;
}
#home #container #content #directions{
	width: 250px;
	float: left;
}
#home #container #content #services{
	width: 450px;
	float: right;
	padding-left: 20px;
	border-left: 1px solid #00539F;
}
#home #container #content #services div{
	width: 200px;
	margin-right: 20px;
	float: left;
}


#home #container #content #services div h4{
	color: #00539f;
}

#home #container #content #services div a{
	color: #EF3E33;
	font-size: 1.5em;
	border: 0;
}


/* -------------------------------------------------------------
/  Calendar
/* ------------------------------------------------------------- */

#calendar #container {
	background: #fff url(../_toolbox/containerhome.jpg) left bottom no-repeat;
}

#calendar #container #content .download-link {
	font-size: 12px;
	font-weight: bold;
}

#calendar #container #content .download-link a {
	border: none;
}

#calendar #container #content {
	width: 740px;
	padding: 0;
	padding-bottom: 1em;
	margin: 0 20px 0px 20px;
	float: none;
	border-left: none;
	border-bottom: 1px solid #00539F;
}

#calendar #container #content table {
	position: relative;
	width: 740px;
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}


#calendar #container #content table a{
	border: 0;
}

#container #content h2{
	position: relative;
	left: 0px;
}

#calendar #container #content .calendar-month {
	text-align: center;
}

#calendar #container #content .calendar-month h3{
	color: #000;
}

#calendar #container #content thead th {
	border: none;
}

#calendar #container #content tr th {
	color: #000;
	text-shadow: 0px 1px 1px #eee;
	text-align: center;
	font-weight: bold;
}

#calendar #container #content h3 a{
	border: 0;
}

#calendar p#breadcrumb{
	position: relative;
	left: 0px;
}

#calendar #container #content table tr td {
	font-weight: normal;
	width: 105px;
	border: 1px solid #999;
	height: 65px;
	background: #f8f8f8;
	margin: 0;
	padding: 3px;
	overflow: visible;
	vertical-align: top;
}

#calendar #container #content table tr td.weekend, 
#calendar #container #content table tr th.weekend {
	width: 65px;
}

#calendar #container #content  table tr td .day_name {
	display: none;
}

#calendar #container #content table tr td ul {
	margin: 0;
	padding: 0;
	width: auto;
	background: none;
	list-style-type: none;
}


#calendar #container #content table tr td ul li {
	display: block;
	background-color: #818181;
	list-style-type: none;
	min-height: 28px;
	height: auto !important;
	height: 28px;
	margin-bottom: 5px;
	padding: 2px;
}

#calendar #container #content table tr td ul li a {
	text-decoration: none;
	color:#FFFFFF;
}

#calendar #container #content .day{
	display: block;
	font-size: 1em;
	color: #000;
	text-shadow: 0px 1px 2px #fff;
	font-weight: bold;
}


#calendar #container #content .print-header {
	display: none;
}

#calendar #container #content .print-only {
	display: none;
}

#calendar #container #content .rig-work-fall-rescue-enform {
	background: #964264;
}

#calendar #container #content .rig-work-fall-protection-enform {
	background: #c69e6f;
}

#calendar #container #content .fall-protection-training {
	background: #9db47d;
}

#calendar #container #content .confined-space {
	background: #6c9e84;
}

#calendar #container #content .h2s-alive-enform {
	background: #4d93ad;
}

#calendar #container #content .detection-and-control-of-flammable-substances-enform {
	background: #67738f;
}

#calendar #container #content .well-service-blow-out-prevention-enform , #calendar #container #content .coiled-tubing-blow-out-prevention-enform {
	background: #6c416b;
}
#calendar #container #content .emergency-descent--pod {
	background: #b74187;
}
#calendar #container #content .well-service-blow-out-prevention-training-program-wsbop {
	background: #6b6560;
}
#calendar #container #content .general-lifting--rigging {
	background: #a53fa5;
}
#calendar #container #content .onshore-mobile-crane-rigging-under-hook{
	background: #942e2e;
}
#calendar #container #content .aerial-boom-lift-operator-training {
	background: #6bd1d1;
}
#calendar #container #content .coiled-tubing-blow-out-prevention-training-program-ctwsbop{
	background: #cfa9ab;
}
#calendar #container #content .other {
	background: #99c1d1;
}
#calendar #container #content .other2{
	background: #cbd5ba;
}



/* -------------------------------------------------------------
/  Courses
/* ------------------------------------------------------------- */
#container #content p.overview{
	line-height: 17px;
	margin-bottom: 0px;
}