/*
Theme Name: Indoor Sciences 
Theme URI: http://www.indoorsciences.com/
Description:  Custom theme developed for Indoor Sciences Inc.
Version: 1.0
Author:  Oxid8 Technologies
Author URI: http://www.oxid8.com/
Tags: custom

*/

/* Global White Space Reset - Hat Tip: Andrew Krespanis of http://leftjustified.net/  */
* {
    padding:0;
    margin:0;
    }
p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0 0 1em;
}
ul { margin-left: 2em; }
ol { padding-left: 2em;
    display: -moz-inline-block;
    display: inline-block; }
ol { margin-bottom: 0em; }
ol li { margin-bottom: .35em; }
/* End GWR */


/* Custom Styles
-------------------------------------------------------- */
body {
    color: #000;
    background: #d2edf8;
    font: 12px Arial, Helvetica, sans-serif;
    line-height:18px;
    }

/* Tables - table, tr, th, td
-------------------------------------------------------- */
th, td {
    padding: 2px;
    font-size: 69%; /* for IE 5.x */
    voice-family: "\"}\""; 
    voice-family:inherit;
    font-size: 100%; /* for compliant browsers */
} 

th { 
    text-align:left; 
    vertical-align: bottom; 
}
td { vertical-align: top; }


/* Lists - ol, ul, li, dl, dt, dd
-------------------------------------------------------- */

ul {
    list-style:none;
}

ul li {
    background: url('images/li.gif') 0 0.5em no-repeat;
    padding:0 3px 0 15px;
}

.black ul li {
    background: url('images/li_black.gif') 0 0.5em no-repeat;
    padding:0 3px 0 15px;
}

ul.breadcrumb {
    margin:0 0 20px -5px;
    padding:3px 0 0 0;
    text-indent:0;
    list-style:none;
}

li {
    padding-bottom:3px;
}

ul.breadcrumb li { 
    background: url('images/li_breadcrumb.gif') 0.5em no-repeat;
    padding:0 3px 0 27px;
    margin-top:-1px;
    float:left;
    font-weight:bold;
    font-size:14px;
}


/* Forms - form, fieldset, legend, input, textarea
-------------------------------------------------------- */
fieldset {
    border:none;
}
legend {
    padding: 0 .3em;
    display:none;
}


/* Links - a, a:hover
-------------------------------------------------------- */
a { text-decoration: none; cursor: pointer; outline: none; }
a:hover { text-decoration: underline; cursor: pointer; }

/* Headers - h1, h2, h3, h4, h5, h6
-------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
    font-family: Arial, Helvetica, sans-serif; 
    line-height: 100%; 
    margin-bottom: .5em; 
    }
h1 { font-size: 208%; margin: .25em 0 .75em; }
h2 { font-size: 135%; margin: 1em 0 1em; }
h3 { font-size: 125%; margin: 0 0 .75em; }
h4 { font-size: 100%; margin: 0; color: #333; margin: 0 0 .75em; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

/* Text
-------------------------------------------------------- */
b, strong { font-weight: bold; }
i, em { font-style: oblique; }

input, select, textarea {
    font-family: Arial,  Helvetica, sans-serif;
    font-size: 11px;
    padding: 1px 2px;
    }
img {
    border: 0;
    }


/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\learfix:after { line-height: 0; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */

.clear
{
    clear:both
}

hr {
    display:none;
}

#page {
    margin:0 auto;
    padding:0;
    text-align:center;
    width: 900px;
}

.internal #page {
	background: url('images/bg-page.gif') left top repeat-y;
	}

#home #header h1 {
    text-indent:-999999px; 
    height:0;
    padding:0;
    margin:0;
}

#header .home {
    width:255px;
    height:70px;
    background:url('images/hdr_internal.jpg') no-repeat;
    position:absolute;
    left:0px;
    top:0px;
}

#header .home a {
    display:block;
    width:255px;
    height:70px;
    text-decoration:none;
}

.internal #header h1 { 
    width:255px;
    height:70px;
    margin: 0;
    text-indent:-999999px; 
}

#home a {
    text-decoration:underline;
    color:#fff;
}

#home a:hover {
    text-deocration:none;
    color:#909;
}

#home #top {
    background:url('images/bg_home_header.jpg') no-repeat;
    margin:0 auto;
    width:900px;
    height:715px;
}


#home #top #content {
    background:url('images/bg_home_boxes1.gif') no-repeat;
    width:900px;
    height:270px;
    float:left;
    position:relative;
    margin-bottom:10px;
}

.heading {
	width: 200px;
	height: 33px;
	float: left;
	margin-left: 35px;
	display: inline;
    text-indent:-99999px;
	}

#hdrTraining {
    background:url('images/hdr_training.gif') no-repeat;
    margin-top:387px;
}

#hdrConsulting {
    background:url('images/hdr_consulting.gif') no-repeat;
    margin-top:387px;
    margin-left:90px;
}

#hdrWebtools {
    background:url('images/hdr_webtools.gif') no-repeat;
    margin-top:387px;
    margin-left:90px;
}

#hdrWelcome {
    background:url('images/hdr_welcome.gif');
	background-repeat: no-repeat;
    height:30px;
}

#hdrWhatsNew {
    background:url('images/hdr_whatsnew.gif') no-repeat;
}

#hdrAvailableCourses {
    background:url('images/hdr_availablecourses.gif') no-repeat;
}

#home #training {
    width:235px;
    height:220px;
    float:left;
    margin-top:20px;
    margin-left:35px;
	display: inline;
}

#home #consulting {
    width:235px;
    height:220px;
    float:left;
    margin-top:20px;
    margin-left:45px;
	display: inline;
}

#home #webtools {
    width:235px;
    height:220px;
    float:left;
    margin-top:20px;
    margin-left:45px;
	display: inline;
}


#home .box {
    color:#fff;
    padding:0 5px;
    font-size:14px;
    line-height:16px;
    text-align:left;
}

#home #welcome {
    width:242px;
    height:250px;
    font-size:12px;
    line-height:18px;
    position:relative;
    padding-right:20px;
	float: left;
	margin-left: 35px;
	display: inline;
}

#home #whatsnew {
    width:255px;
    height:250px;
    font-size:12px;
    line-height:18px;
    padding-right:20px;
	float: left;
	margin-left: 15px;
	display: inline;
	position: relative;
}

#home #availablecourses {
    width:252px;
    height:250px;
    font-size:12px;
    line-height:18px;
    position:relative;
    padding-right:10px;
	float: left;
	margin-left: 15px;
	display: inline;
}


#home #bottom {
    background:url('images/bg_home_footer.jpg') no-repeat;
    margin:0 auto;
    width:900px;
    height:390px;
	position: relative;
}

#home #bottom #content {
    background:url('images/bg_home_boxes2.gif') no-repeat;
    margin:0;
    padding:0;
    width:900px;
    height:304px;
}

#home #bottom #content .heading {
	margin: 20px 0 20px 0;
	float: none;
	display: block;
	}

.internal #header {
    background:url('images/hdr_internal.jpg') no-repeat;
    position:relative;
    margin:0 auto;
    width:900px;
    height:77px;
}

.internal #top {
    background:url('images/bg_page_header.gif') no-repeat;
    margin: 0 auto;
    width:900px;
    height:265px;
}

.internal #contentBounds {
    background:none;
    margin:0 auto;
    width:900px;
    position:relative;
    margin-top:-180px;
}

.internal #contentBounds #rail{
    margin: 0;
    padding:0;
    width:6px;
}

.internal #contentBounds #content {
    margin:0; 
    padding:0 10px 0 35px;
    text-align:left;
    width:832px;
}

.internal #bottom{
    background:url('images/bg_internal_footer.jpg') no-repeat;
    margin:0 auto;
    width:900px;
    height:290px;
    margin-top:-5px;
}

#nav {
    float:right;
    margin-top:-70px;
    margin-right:15px;
    display: inline;
    position: relative;
    width: 373px;
    height: 70px;
}

#navTraining {
    background: url('images/nav_main.jpg') 0px -75px no-repeat;
    width:114px;
    height:70px;
    cursor:pointer;
    float:left;
    margin-right:5px;
}

#navTraining a.main {
    display:block;
    width:114px;
    height:70px;
}

#training #navTraining, #navTraining:hover {
    background: url('images/nav_main.jpg') 0px 0px no-repeat;
}


#navTraining .subNavBounds, #navConsulting .subNavBounds {
    display:none;
}

#training #navTraining .subNavBounds, #navTraining:hover .subNavBounds {
    display:block;
    background: url('images/nav_training.jpg') 0px 0px no-repeat;
    text-align:center;
    position:absolute;
    top: 59px;
    left: -212px;
    width:560px;
    height:37px;
    z-index:1000;
}

#navConsulting {
    background: url('images/nav_main.jpg') -118px -75px no-repeat;
    width:134px;
    height:70px;
    cursor:pointer;
    float:left;
}

#consulting #navConsulting, #navConsulting:hover {
    background: url('images/nav_main.jpg') -118px 0px no-repeat;
}

#navConsulting a.main {
    display:block;
    width:134px;
    height:70px;
}

#consulting #navConsulting .subNavBounds, #navConsulting:hover .subNavBounds {
    display:block;
    background: url('images/nav_consulting.jpg') 0px 0px no-repeat;
    text-align:center;
    position:absolute;
    top: 59px;
    left: -212px;
    width:560px;
    height:37px;
    z-index:1000;
}

#consulting #navTraining:hover .subNavBounds {
    z-index:1001;
}

#navWebTools {
    background: url('images/nav_main.jpg') -252px -75px no-repeat;
    width:120px;
    height:70px;
    cursor:pointer;
    float:left;
}

#web-tools #navWebTools, #navWebTools:hover {
    background: url('images/nav_main.jpg') -252px 0px no-repeat;
}

#navWebTools a.main {
    display:block;
    width:120px;
    height:70px;
}

.subNav {
    list-style: none;
    padding:6px 0 0 0;
    text-indent:0;
    margin:0;
}

.subNav li {
    display:inline;
    background:none;
    margin:0;
    padding:0;
    margin-right:5px;
    padding-right:5px;
    border-right:1px solid #000;
    line-height:12px;
    height:12px;
}

.subNav li.last {
    border:none;
}

.subNav li a {
    display:inline;
    color:#000;
    text-decoration:underline;
	font-size:10px;
}

.subNav li a:hover {
    color:#fff;
}

#column {
    float:left;
    width:550px;
    margin-right:20px;
}

#sidebar {
    float:left;
    width:250px;
    padding-top:50px;
}

.peel {
   width:59px;
   height:54px;
   position:absolute;
   bottom:0px;
   right:0px;
   cursor:pointer;
}

.black ul, .box.black {
	background: none;
	} /* for IE6 */

.black ul li a {
    color:#fff;
}

#welcome .peel.black {
    background:url('images/pagepeel_black.jpg') no-repeat;
}

#training .peel {
    background:url('images/bg_home_boxes1.gif') -235px -200px no-repeat;
    bottom:14px;
    right:606px;
}

#consulting .peel {
    background:url('images/bg_home_boxes1.gif') -527px -200px no-repeat;
    bottom:14px;
    right:314px;
}

#webtools .peel {
    background:url('images/bg_home_boxes1.gif') -820px -200px no-repeat;
    bottom:14px;
    right:21px;
}

#sidebar h2 , h1.title  {
    color:#99ccff;
    font-size:20px;
    font-family:tahoma;
    text-transform:lowercase;
    font-weight:bold;
}

#sidebar h2 {
    font-size:16px;
}
.heading a {
    display:block;
    width:200px;
    height:30px;
}

.peel a {
    display:block;
    width:59px;
    height:54px;
}

.heading {
    cursor:pointer;
}



.internal #footer {
    float:right;
    color: #666699;
    margin-right:35px;
    margin-top:170px;
}

#home #footer {
    float:right;
    margin-top:-35px;
    margin-right:35px;
    color: #666699;
}

#footer a {
    color: #666699;
    padding:0 3px;
}

#footer a:hover {
    color:#fff;
    text-decoration:underline;
}