/*----------------------------------------------------------------------
style sheet for the bobcat website

S Binder
Feb 2009
----------------------------------------------------------------------*/


/* --------------------------------------------------------------------- general */
* {
	margin: 0;
	padding: 0;
	font: normal 100% "Lucida Sans Unicode",sans-serif;
}

/* --------------------------------------------------------------------- body */
/* define default background.*/
body {
	background: #e3e3e3 url(images/background_hexagons.jpg) repeat-y center top;
	color: #333;
	font: normal 75% "Lucida Sans Unicode",sans-serif;
}
p,ul,img {  
	font-size: 1em;
	padding-top: 1em;
padding-left: 10px;
padding-bottom: 10px;
}
ul {margin-left: 0.2em;}
li {width: 170px; float:left; list-style-type: none; }
h1 {font-size: 1.2em;}
/*blockquote p {padding: 3px 0;}*/
/*h1,h2,h3 {color: #654;}*/

/* -----------------------------------------------------------------spacer for floats */
.spacer {
    clear: both; 
    height: 5px; 
    font-size: 1px;  /* font-size and line-height for IE 6..*/     
    line-height: 1px;
}

/* ----------------------------------------------------------------------- container */
/* background.png contains grey and white components*/
.container {
   border:3px solid;
	border-color:#ee4f4f;
	margin: 0 auto;
	width: 998px;
   background: url(images/background.png) repeat-y;
}


/* ------------------------------------------------------------------------ headers */
.header {
	clear: both;

}

/* headers */
.header_index {
	background: url(images/logo_02.jpg) no-repeat;
	background-color: #000;
	margin: 0 auto;
   height: 170px;	
   width: 998px;
   border-bottom: 1px solid;
	border-color:  #fa0101;
}

.header .breadcrumbs {
 background: #000;
 line-height: 30px;
 padding-left: 205px;
 border-bottom: 1px solid;
 border-color:  #fa0101;
}

.header .breadcrumbs a {
 font-size: 1.1em;
 color: #FFF;
 text-decoration: none;
}

.header .breadcrumbs h3 {
 font-size: 1.3em;
 color: #FFF;
}


/* -------------------------------------------------------------------------- detail */
.detail {clear: both;}

.detail .content {
	float: left;
	width: 798px;
}

.detail .content .body h1 {
   background: #fa0101;
	color: #FFF;
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
	padding-top:5px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}


.detail .body {
   font: normal 100% Verdana,sans-serif;
	padding: 12px 12px;
   padding-left:10px;
}

.detail img { padding-bottom:10px; }

.detail .body p { padding-left: 20px; padding-right: 20px;}

/* main */
.main {float: right;}

/* ---------------------------------------------------------------------- navigation */
/* header width -------------------------------------------------------------------- */
.navigation {
   clear: both;
	float: left;
	width: 200px;
   display: block;
}

.navigation ul {
	margin: 0; 
	padding: 0;
	padding-left: 2px;

}
/* list item width ----------------------------------------------------------------- */
.navigation li {
   width: 196px;
	display: block;
	list-style: none;
}

/* -- default colour for nav items - they are all anchors --*/
.navigation li a{
   clear:both;
   font-size:1.1em;
   height:30px;
	color: #FFFFFF;  /* the font color */
	display: block;
   padding-left:8px;
   padding-top:12px;
	text-decoration: none;

}
.navigation li a:hover {
	background: #EE4F4F;
	font-weight:bold;
	color:#FFFFFF;
   display: block;
}

.navigation li a:active {
	color: #660099;
   display: block;
}

/* --------------------------------------------------- navigation - current position */

body#index_ a#indexlink,
body#hire_01 a#hire01link,
body#hire_02 a#hire02link,
body#hire_03 a#hire03link,
body#hire_04 a#hire04link,
body#hire_05 a#hire05link,
body#hire_06 a#hire06link,
body#sitemap a#sitemaplink
{
	/* border */	
	border: 2px solid;
	border-color: #fa0101;
   /* font */
   color:#FFFFFF;
   font-weight: bold;
}

/* -----------------------------------------------------------------------  footers */

.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}
.footer .left {padding-top: 3px; padding-left: 10px; font-size: 1em;}
.footer .right {padding-top: 3px; padding-right: 10px; font-size: 1em;}

.footer .redbar{
	background: url(images/redbar.png) repeat-x;
	height: 15px;
	color: #FFF;
	font-size: 0.7em;
	margin: 0 auto;
	width: 1000px;
}
/* blackbar: same height as the top logo */
.footer .blackbar {
	background: url(images/blackbar.png) repeat-x;
	height: 160px;
	color: #FFF;
	font-size: 0.7em;
	margin: 0 auto;
	width: 1000px;
}



/* drop shadows.  source code from webtoolkit.info */
.shadow-container {
    position: relative;
    padding-left:15px;
    padding-top:15px;
    left: 15px;
    top: 10px;
    margin-right:15px;
    margin-bottom:20px;
}


    .shadow-container .shadow1 {
        background: #F1F0F1;
        border: 1px solid #f1f0f1;
    }

    .shadow-container .shadow2 {
        background: #DBDADB;
        border: 1px solid #dbdadb;
    }

    .shadow-container .shadow3 {
        background: #B8B6B8;
        border: 1px solid #b8b6b8;
    }

    .shadow-container .img_container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 10px;
    }


.shadow-container .shadow1,
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .img_container {
    position: relative;
    left: -3px;
    top: -3px;
}
    
/* ------------------------------------------------------------------------ floats */
.left {float: left;}
.right {float: right;}