/* MDB Industries Stylesheet - 2010 */

/* Layout Styles - Global */

* {
 margin:0px;
 padding:0px;
 }

html, body { 
 margin: 0px; 
 padding: 0px;
 color: #CCCC99;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
 letter-spacing: .01em;
 background-color: #000000;
 background-image: url(images/page_bg.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 }

#preloader {
 height:0px;
 width:0px;
 overflow:hidden;
 z-index:-1;
 }

* html #page_container {
  height: 100%;
  }

#page_container {
 position:relative;
 top:0px;
 width:940px;
 margin:auto;
 min-height:400px;
 }

#hdr_container {
 position:relative;
 float:left;
 width:940px;
 top:0px;
 height:190px;
 margin:auto;
 margin-bottom:2px;
 background:#000000;
 clear:both;
 }

#footer {
 margin: auto;
 position: relative;
 clear: both;
 width: 940px;
 height: 30px;
 font-size: 11px;
 text-align:center;
 color: #999966;
 line-height:1.5;
 margin-top:10px;
 }
 
#footer.main {
 height:45px;
 }
#hdr_text {
 position: absolute;
 top: 4px;
 right: 0px;
 height: 20px;
 width: 635px;
 z-index:10;
 text-align:right;
 font-size:10px;
 color:#999966;
 text-align:right;
 text-transform: uppercase;
 letter-spacing:.1em;
 }

#menu_container {
 position: absolute;
 top: 150px;
 left: 0px;
 height: 35px;
 width: 940px;
 background-color: #000000;
 z-index:10;
 }

#menu {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 660px;
 height:35px;
 padding-top:2px;
 text-transform: uppercase;
 font-weight: bold;
 font-size:14px;
 background:url(images/menu_bg.png) repeat-x;
 border-top:1px solid #ba5d00;
 z-index:20;
 }

#logo_box {
 position: absolute;
 text-align:center;
 top: 0px;
 left: 10px;
 height: 170px;
 width: 270px;
 background-image: url(images/logo_box2.jpg);
 background-repeat:no-repeat;
 background-color: #ba5d00;
 padding-top:10px;
 z-index: 20;
 }
 
#logo_box.green {
 background-image: url(images/logo_box_grn.jpg);
 background-repeat:no-repeat;
 background-color: #339900;
 }
 
#logo_box p {
 position:absolute;
 bottom:5px;
 width:270px;
 text-align:center;
 font-weight:normal;
 font-size: 18px;
 letter-spacing:.2em;
 color:#FFFFFF;
 }
#logo_box a, #logo_box img {
 text-decoration:none;
 border:0px;
 border-bottom:0px;
 }


#sitemap {
 position:absolute;
 top: 0px;
 left:10px;
 width: 100px;
 font-size:11px;
 line-height:1.7;
 text-align:left;
 }

#green_logo {
 position:absolute;
 top: 0px;
 right:10px;
 width: 110px;
 height: 38px;
 font-size:14px;
 text-align:center;
 line-height:1;
 }
 
/* Main Page Layout */

#container.main {
 min-height: 604px;
 }

#bold {
 position:absolute;
 top:400px;
 left:0px;
 background:#000000;
 color:#000000;
 z-index:-1;
 font-weight:bold;
 }

#flash_container {
 position:relative;
 float:left;
 height:400px;
 width:920px;
 background:#000000;
 margin:auto;
 margin-bottom:5px;
 padding:10px;
 z-index:0;
 }

#intro_wrap {
 position:absolute;
 top:0px;
 left:0px;
 clear:both;
 width:940px;
 background:#000000;
}

#intro {
 position:relative;
 float:right;
 clear:both;
 width:600px;
 padding:10px 20px 30px 20px;
 font-size:14px;
 letter-spacing:.02em;
 background:#000000;
 text-align:justify;
 color:#cccc99;
 }

#cases {
 margin: auto;
 margin-top:10px;
 padding:0px;
 padding-top:10px;
 position: relative;
 clear: both;
 width: 940px;
 height: 140px;
 background:#000000;
 /* border:1px solid #ccc; */
 }

#cases a {
 position:relative;
 float:left;
 height:125px;
 width:225px;
 margin-left:8px;
 margin-bottom:0px;
 background:#000000;
 border:0px;
 text-decoration:none;
 }

#cases a span {
 position:absolute;
 bottom:3px;
 left:4px;
 width:220px;
 font-weight:bold;
 font-size: 16px;
 letter-spacing:.1em;
 color:#666666;
 }

#cases a:hover span {
 color:#CCCC99;
 }

/* Individual Cases */

#cases a.shelter {
 background-image:url(images/case_shelter_bg.jpg);
 }
#cases a:hover.shelter {
 background-image:url(images/case_shelter.jpg);
 }

#cases a.kunzer {
 background-image:url(images/case_kunzer_bg.jpg);
 }
#cases a:hover.kunzer {
 background-image:url(images/case_kunzer.jpg);
 }

#cases a.lynd {
 background-image:url(images/case_lynd_bg.jpg);
 }
#cases a:hover.lynd {
 background-image:url(images/case_lynd.jpg);
 }
 
#cases a.friendly {
 background-image:url(images/case_friendly_bg.jpg);
 }
#cases a:hover.friendly {
 background-image:url(images/case_friendly.jpg);
 }

#cases a.fish {
 background-image:url(images/case_fish_bg.jpg);
 }
#cases a:hover.fish {
 background-image:url(images/case_fish.jpg);
 }

#project_link {
 }

#project_link a {
 text-align:right;
 font-size:11px;
 color:#666666;
 height:14px;
 padding-bottom:3px;
 width:930px;
 background:#000000;
 }
#project_link a:hover {
 color:#CCCC99;
 background:#333333;
 }



/* Subpage Layout */

img.banner {
 position:absolute;
 top:12px;
 right:10px;
 height:125px;
 width:640px;
 clear:right;
 }
 

#content {
 position: relative;
 top:0px;
 left:0px;
 width:860px;
 margin:auto;
 margin-top:2px;
 padding: 30px 40px 30px 40px;
 background:#000000;
 clear:both;
 min-height:480px;
 }

#arrow_nav {
 position:relative;
 bottom:0px;
 float:left;
 height:50px;
 width:940px;
 margin-top:40px;
 margin-bottom:10px;
 font-size:16px;
 font-weight:bold;
 letter-spacing:.1em;
 background:#000000;
 margin-left:-40px;
 }

#arrow_nav a {
 color:#333333;
 text-decoration:none;
 border-bottom:0px;
 height:40px;
 margin-left:60px;
 margin-right:60px;
 }

#arrow_nav a.left {
 background-image:url(images/arrow_lt_off.jpg);
 background-position:left top;
 background-repeat:no-repeat;
 padding-top:10px;
 padding-left:65px;
 position:relative;
 float:left;
 }
#arrow_nav a.right {
 background-image:url(images/arrow_rt_off.jpg);
 background-position:right top;
 background-repeat:no-repeat;
 padding-top:10px;
 padding-right:65px;
 position:relative;
 float:right;
 text-align:right;
 }

#arrow_nav a.left:hover {
 background-image:url(images/arrow_lt_on.jpg);
 color: #CC6600;
 }
#arrow_nav a.right:hover {
 background-image:url(images/arrow_rt_on.jpg);
 color: #CC6600;
 }

/* Menu Styles */

#nav, #nav ul {
 float:right;
 list-style:none;
 font-weight:bold;
 padding-top:2px;
 text-align:center;
 z-index:20;
}

#nav a {
 display: block;
 text-decoration: none;
 color: #cccc99;
 border: 0px;
 background-image: url(images/menu_arrow_off.png);
 background-repeat:no-repeat;
 background-position: center bottom;
 white-space: nowrap;
 margin: 0;
 font-size: 12px;
 letter-spacing:.1em;
 font-weight: bold;
 width:132px;
 height:31px;
 z-index:20;
}

#nav li a:hover, #nav li a.active {
 color:#ff6600;
 background-image: url(images/menu_arrow_on.png);
 background-repeat:no-repeat;
 background-position: center bottom;
 }

#nav li {
 float: left;
 padding: 0px;
 cursor: pointer;
 padding-top:2px;
 z-index:20;
}

#nav li ul {
 position: absolute;
 left: -999em;
 margin: 0;
 width:132px;
 z-index:20;
}

#nav li li {
 height:22px;
 padding-top:4px;
 background:#000000;
 border-left:1px solid #ba5d00;
 border-right:1px solid #ba5d00;
 z-index:20;
}

#nav li li .bot {
 border-bottom:1px solid #ba5d00;
 height:22px;
 }

#nav li ul a, #nav li ul a:hover {
 font-size:11px;
 background-image:none;
}

#nav li li.dbl {
 height: 34px;
 } 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul {
 left: -999em;
 color:#ff6600;
 z-index:20;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
 left: auto;
 color:#ff6600;
 z-index:20;
}

#nav li li:hover, #nav li li.sfhover {
 background: #333333;
 color:#ff6600;
}

/* End CSSMenu */



/* Link Styles */

a, ul.body a {
 color: #CC6600;
 text-decoration:none;
 border-bottom:1px dotted #CC6600;
 }
a:hover, ul.body a:hover  {
 color: #FF9933;
 text-decoration:none;
 border-bottom:1px solid #FF9933;
 }
a:visited, a:active, ul.body a:active, ul.body a:visited {
 color: #CC6600;
 text-decoration:none;
 border-bottom:1px dotted #CC6600;
 }

#footer a {
 color: #999966;
 text-decoration: none;
 border-bottom: 0px;
 }
#footer a:hover {
 color: #FF9933;
 text-decoration:none;
 border-bottom: 1px solid #FF9933;
 }

#green_logo a, #green_logo a img {
 font-size:12px;
 font-weight:bold;
 color:#00CC00;
 text-decoration: none;
 border:0px;
 }
#green_logo a:hover {
 color: #00CC00;
 text-decoration:none;
 border-bottom: 0px;
 }
#green_logo a:visited, #green_logo a:active {
 color: #00CC00;
 text-decoration:none;
 border-bottom: 0px;
 }

#sitemap a, #sitemap a img {
 text-decoration:none;
 border: 0px;
 }

a img {
 border:0px;
 text-decoration:none;
 }
 
/* Content Styles */

h1 {
 clear:both;
 font-weight: normal;
 font-size:22px;
 color: #CC6600;
 margin-bottom:20px;
 margin-top:10px;
 padding-left:35px;
 height:24px;
 background-image: url(images/h1bullet.png);
 background-repeat: no-repeat;
 background-position: bottom left;
 letter-spacing: .1em;
 }
 
 h1.green {
 color: #339900;
 background-image: url(images/h1bullet_grn.png);
 }

h2 {
 font-weight: normal;
 font-size: 12px;
 color: #CC6600;
 margin-bottom:10px;
 margin-top:10px;
 height:20px;
 width:880px;
 border-bottom:1px dotted #CC6600;
 letter-spacing: .05em;
 }

em {
 font-weight:bold;
 }

p {
 margin-top:5px;
 margin-bottom:15px;
 }

#intro .title {
 font-size:24px;
 font-weight:bold;
 color:#CC6600;
 margin-bottom:10px;
 }

ol {
 margin-left:40px;
 margin-bottom:20px;
 }
ol li {
 margin:10px;
 font-size:12px;
 }

ul.body li {
 margin-left:40px;
 }


/* Inline Image wrapping classes */

img.lft{
 position:relative;
 float:left;
 margin:0px 40px 15px 0px;
 border:4px solid #FF6600;
 }

img.rt {
 position:relative;
 float:right;
 margin:0px 0px 20px 40px;
 border:4px solid #FF6600;
}

/* For Print CSS */
.noscreen {
 display:none;
 }


/* Hoverbox Code */

.hoverbox {
	cursor: default;
	list-style-type: none;
	font-size:9px;
}

.hoverbox a {
	cursor: default;
  text-decoration:none;
  border:0px;
}

.hoverbox a .preview, .hoverbox a .previewlast {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -35px;
	left: -35px;
	z-index: 1;
	border:0px;
}

.hoverbox a:hover .previewlast {
	display: block;
	position: absolute;
	top: -35px;
	left: -110px;
	z-index: 1;
	border:0px;
}

.hoverbox img {
	padding: 0px;
	vertical-align: top;
	width: 100px;
	height: 100px;
	border:2px solid #F60;
}

.hoverbox li {
  border:0px;
  background-color:#F60;
	display: inline;
	float: left;
	margin: 9px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview, .hoverbox .previewlast {
  border:0px;
  background-color:#F60;
  padding:4px;
	width: 250px;
	height: 250px;
}


/* terminology definition list formatting */

#terminology {
 margin-bottom:20px;
 }

#terminology dl {
 position:relative;
 clear:both;
 margin:0px 20px 20px 60px;
}

#terminology dt {
 position:relative;
 float:right;
 width:550px;
 margin:20px 20px 10px 0px;
 font-weight:bold;
 color:#CC6600;
}

#terminology dd {
 position:relative;
 float:right;
 width:550px;
 margin:0px 20px 10px 0px;
 font-size:12px;
}

#terminology dd.img {
 position:relative;
 float:left;
 width:150px;
 margin-top:40px;
 margin:bottom:30px;
}

#terminology dd.img img {
 position:relative;
 margin-left:auto;
 margin-right:auto;
 border:3px solid #FF6600;
}


/* Tooltip Styles */

a.tooltip{
 position: relative;
 z-index: 20;
 text-decoration: none;
 border: 0px;
 cursor: help;
 }
a.tooltip:hover{
 z-index: 20; 
 border: 0px;
 }
.tooltip span {
 display: none;
 }
.tooltip:hover span { /*the span will display just on :hover state*/
 display: block;
 position: absolute;
 top: 18px;
 left: -100px;
 width: 250px;
 border: 2px solid #CCCC99;
 padding: 10px;
 padding-top: 15px;
 text-align: left;
 background-color: #CC6600;
 color: #FFFFCC;
 font-size: small;
 }

a.more {
 position:relative;
 height:18px;
 width:190px;
 display:block;
 padding:10px;
 background-color:#333333;
 font-size:12px;
 border-bottom:0px;
 font-weight:bold;
 clear:both;
 }
 

/* RocWorx Hosting & Design - www.rocworx.com */