/*
Theme Name: Out of the Box
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A nice 2 column theme. Design by DemusDesign. Coded by Theme Lab
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/
*
{
padding: 0;
margin: 0;
}
body {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 10pt;
background: rgb(230,230,230); /*light grey*/
text-align:center; /* ie6 fix for centering, 1st half */
}
a {
color: #000;
}
a img {
border: 0;
}
#bodywrapper {
margin:0;
height:auto;
width:100%;
overflow: hidden;
padding: 0;
min-width: 980px;
text-align: left; /* ie6 fix for centering, 2nd half */
}
#container {
width:980px;
text-align: left; /* align left to fix the previous IE css bug */
height:auto;
background: #fff;
margin-top:5px;
/*padding-bottom:30px; below all columns, located here to handle margin-bottom problem in ie7*/
}
/*============================================*/
/* ----------------HEADER AREA----------------*/
#header {
width: 100%;
background: #fff url('images/upper-bkgrnd.png') repeat-x 0 0px;
height: 170px;
float: left;
/*border-top:15px solid rgb(0,178,210); dark teal*/
border-bottom:3px solid rgb(0,63,125); /*dark blue*/
}
#header-centered {
}
#header-logo {
margin-left:50px;
margin-top:18px;
float:left;
}
#header-image {
margin-top:47px;
margin-left:70px;
float:left;
}
/*= =*/
/* ---------- END HEADER AREA----------------*/
/*============================================*/
.centerer {
width: 980px; /* width setting recommended */
margin: 0 auto; /* zero margin top/bottom, auto margin for left/right */
border: 0;
padding:0;
}
.centerer-750 {
width: 750px; /* width setting recommended */
margin: 0 auto; /* zero margin top/bottom, auto margin for left/right */
border: 0;
padding:0;
}
/*=================================*/
/* -----ie clearing bug fix -------*/
.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.clearfix {
display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* -----ie clearing bug fix -------*/
/*=================================*/
#breadcrumb {
float: right;
margin-top:5px;
margin-right:25px;
font-size: .80em;/*.90em*/
color: rgb(175,175,175); /*30% grey*/
}
#breadcrumb a {
text-decoration: none;
color: rgb(153,153,153);
}
#breadcrumb a:hover {
text-decoration: underline;
color: rgb(41, 97, 141); /*deep blue-green*/
}
#columns-top {
background: rgb(230,230,230) url('images/freshwater-page-top.png') no-repeat 0px 0px;
width: 980px;
float: left;
/*margin-top:5px;*/
height:9px;
/* padding-bottom:30px; below all columns, located here to handle margin-bottom problem in ie7*/
}
#columns-outer-box {
border-left:2px solid rgb(0,178,210); /*dark teal*/
border-right:2px solid rgb(0,178,210); /*dark teal*/
width: 976px;
float: left;
height:auto;
/* padding-bottom:30px; below all columns, located here to handle margin-bottom problem in ie7*/
}
#all_columns {
background: #fff;
border-left:2px solid rgb(191, 236, 244); /*light teal*/
border-right:2px solid rgb(191, 236, 244); /*light teal*/
width: 972px;
float: left;
height:auto;
/* padding-bottom:30px; below all columns, located here to handle margin-bottom problem in ie7*/
}
#columns-bottom {
background: rgb(230,230,230) url('images/freshwater-page-bottom.png') no-repeat 0px 0px;
width: 980px;
float: left;
height:9px;
/* padding-bottom:30px; below all columns, located here to handle margin-bottom problem in ie7*/
}
/*============================================*/
/* ---------- LEFT COLUMN BEGIN ----------------*/
/* ****************** */
/*TOTAL WIDTH = 318px (including margins)*/
/* ****************** */
#leftcolumn {
float: left;
width: 220px;
height: auto;
margin: 20px 25px 0 15px;
}
#menu-outerbox {
padding:5px;
}
#menu-innerbox {
padding:10px;
}
#menu-innerbox-leftborder {
border-left: 5px solid rgb(245,215,142); /*gold*/
padding-top:10px;
padding-bottom:5px;
height:150px; /*THIS HEIGHT FILLS OUT THE ENTIRE MENU BOX, forces the rest of the boxes down as well.*/
}
#menu {
float:left;
margin-top:10px;
margin-left:20px;
}
#nav-photo{
float:left;
margin-left:20px;
margin-top:5px;
}
#swoosh {
float:left;
margin-top:10px;
}
/* ---------- LEFT COLUMN ENDS----------------*/
/*============================================*/
/*
/*============================================*/
/* ---------- MAIN COLUMN BEGIN ----------------*/
/* ****************** */
/*TOTAL WIDTH = 688px (including margins, right margin not expressed here)*/
/* ****************** */
#content {
height:auto;
float: left;
}
.centerer-content {
width: 668px; /* width setting recommended */
margin: 0 auto; /* zero margin top/bottom, auto margin for left/right */
border: 0;
padding:0;
}
#centercolumn {
width: 668px;
margin: 0;
height:auto;
float: left;
font-size: 16px;
margin-top:10px;
}
/*============================================*/
/* ----------- Shared Content ---------------*/
.title-boxed-para {
float: left;
width:640px;
margin-top:20px;
}
.title-boxed-para h1,
.title-narrow-boxed-para h1 {
margin-left:20px;
color: rgb(0,178,210); /*teal blue*/
float: left;
font-weight:normal;
width:100%;
}
.boxed-para {
float: left;
width:640px; /*ie*/
margin-top:14px;
border:1px solid rgb(221,221,221); /*light grey*/
background: #fff url('images/textbox-top-fade.png') repeat-x 0 0px;
}
.boxed-text {
float: left;
padding:10px 20px;
}
.blue-bold-text {
color: rgb(0,178,210); /*teal blue*/
font-size:18px;
}
.bluedot {
float:left;
color: rgb(0,63,125); /*dark blue*/
padding-right:5px;
margin-left:-13px;
}
#boxes-with-right-photo {
float: left;
width:640px;
}
#boxes-left-col {
float: left;
width:354px;
}
.title-narrow-boxed-para {
float: left;
margin-top:30px;
}
.title-narrow-boxed-para .boxed-para {
width:354px; /*ie7*/
}
.title-narrow-boxed-para h1 {
width:354px; /*ie7*/
}
#boxes-right-col {
float: right;
margin-top:46px;
}
#unboxed-para {
float:left;
width:600px; /*ie*/
margin-top:30px;
margin-left:20px;
color: rgb(0, 77, 153); /*dark blue*/
font-size:17px;
}
#services-list {
float: left;
margin-left:40px;
margin-top:8px;
color: rgb(0, 57, 114); /*dark blue*/
width:600px; /*ie*/
}
#services-list ul {
list-style:none;
}
#services-list ul li {
margin-top:4px;
}
/* --------------------------------------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/csslibrary/item/css-gradient-shadow/P50/ */
.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}
.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}
/* --------------------------------------------------------- */
/*============================================*/
/*============================================*/
/* ----------------FOOTER AREA----------------*/
/*============================================*/
#footer {
float:left;
width: 980px;;
height:16px;
padding-bottom:20px;
}
/* ============== */
/* Footer Menu */
/* ============== */
#footermenu-center-box {
width: 980px; /* width setting recommended */
margin: 0 auto; /* zero margin top/bottom, auto margin for left/right */
border: 0;
padding:0;
float:left;
}
#footermenu {
height:16px;
padding-top:10px;
padding-bottom:10px;
float:left; width:100%; overflow:hidden;
line-height: 10px;
}
#footermenu ul {
list-style-type: none;
padding-top:0px;
/*from cssplay - center unknown width menu 1 level*/
float:left;
position:relative;
left:50%;
}
#footermenu li {
/*display: inline;*/
margin: 0px;
padding: 0px;
border-right: 1px solid rgb(153, 153, 153); /*light grey*/
/*from cssplay - center unknown width menu 1 level*/
float:left; position:relative; right:50%
}
#footermenu .page-item-59 { /*dont't show border on last item in list*/
border-right:0px;
}
#footermenu a {
padding: 0 10px;
text-decoration: none;
width: auto;
font-size: 8pt;
color: rgb(153, 153, 153); /*grey*/
text-decoration: none;
}
#footermenu a:hover {
font-size:10pt;
font-weight:bold;
color: #000;
}
#footermenu span {
font-size: 6px;
color: #202020; /*light grey*/ /*white dividers*/
}
#footer a:hover {
background-color:#808080; /*dark grey*/
color: #fff;
}
#copyright {
margin: 10px auto 10px auto;
width: 966px;
padding:0 10px;
color: rgb(100, 100, 100); /*rgb(153, 153, 153)grey*/
font-size: .8em;
line-height: 20px;
}
* html #copyright, /*ie6 hack*/ *:first-child+html #copyright {padding: 0; } /*ie7 hack*/
#copyright a {
color: rgb(153, 153, 153); /*grey*/
text-decoration: none;
}
#copyright a:hover {
text-decoration: underline;
color: #000;
}
#copyright #company_name {float:left;}
#copyright #aardvark {float: right;}
#copyright #vark {font-style:italic;}
#copyright #phone {width:200px; margin: 0 0 0 180px; float:left;}
/* -----------end of my stuff---------*/
/*============================================*/