﻿@charset "UTF-8";
/* CSS Document 
 * ************************************************************************************
 * ************************************************************************************
 * ************************************************************************************
 * BelMar Industries (c) 2010 All Rights Reserved
 * Author: Emilee O'Leary 														<3E&M>*
 * Author URI: http://sotd.us/emileeoleary
 * ************************************************************************************
 * ************************************************************************************
 * ************************************************************************************/


/* ************************************************************************************ 
 * GLOBAL STYLES
 * THESE STYLES MUST REMAIN CONSISTENT FROM PAGE TO PAGE
 * TO ALTER A TAG SEEN WITHIN THIS CATEGORY FOR A SPECIFIC PURPOSE				<3E&M>*
 * AN ADDITIONAL TAG MUST BE WRITTEN CLOSE TO THE ELEMENT 
 * TO OVERRIDE THE GLOBAL DECLARATION
 * ************************************************************************************/
body 
	{
		background-attachment:fixed;
		background-image:url(../images/bg-main.gif);
		background-repeat:repeat;
		font-size:12px;
	}

p 
	{
		color:#000;
		font-size:12px;
		vertical-align:top;
	}

blockquote 
	{
		font-size:12px;
	}

h2 
	{
		font-size:14px;
		font-weight:bold;
	}

h3 
	{
		font-size:16px;
		font-weight:bold;
		margin:0 0 0 0;
	}

h4 
	{
		font-size:20px;
		font-variant:small-caps;
		text-shadow:#000;
		text-align:center;
	}
h5 
	{
		font-size:10px;
		margin-top:10px;
		text-align:center;
		vertical-align:bottom;
	}

th 
	{
		font-size:12px;
		font-weight:bold;
		text-align:left;
	}
td img 
	{
		display: block;
	}

/* ************************************************************************************
 * UNIVERSAL CLOCK 																<3E&M>*
 * ************************************************************************************/

div.clock
	{
		background:none;
		border:none;
		color:black;
		font-size:12px;
		font-weight:bold;
		font:"Courier New", Courier, monospace;
		height: 25px;
		margin-bottom:0;
		padding-top:10px;
		text-align:center;
		vertical-align:middle;
		width:125px;
	}


/* ************************************************************************************ 
 * GLOBAL ID'S 
 * THESE ID'S OCCUR ON EVERY PAGE												<3E&M>*
 * AND HELP MAINTAIN THE PAGE'S CONSISTENCY
 * ************************************************************************************/

img#logo 
	{	
		margin:15px 0 0 75px;
		z-index:1000;
	}

/* ************************************************************************************
 * BEGIN DO NOT CHANGE															<3E&M>*
 * ************************************************************************************/

div#container 
	{
		width:900px;
		height:100%;
		z-index:-1;
	}
div#head 
	{
		padding-left:2px;
		z-index:300;
	
	}
div#largeWrapper 
	{
		background-attachment:scroll;
		background-image:url(../images/bg-shadow.png);
		height:750px;
		margin-top:10px;
		margin-left:1px;
		position:absolute;
		vertical-align:top;
		width:850px;
		z-index:-1;
	}
div#contentWrapper 
	{
		background-color:#FFF;
		border:3px #000 solid;
		height:627px;
		margin:55px 0 0 49px;
		overflow:auto;
		position:absolute;
		width:752px;
		z-index:800;
	}
div#end
	{
		margin:720px 0 0 150px;
		position:absolute;
		z-index:300;
	}
td#innerColumn 
	{
		padding-left:50px;
	}

table#content 
	{
		background-repeat:no-repeat;
		height:auto;
		width:100%;
		z-index:1001;
	}

/* ************************************************************************************
 * BANNER																		<3E&M>*
 * ************************************************************************************/

.banner 
	{
		background-repeat:no-repeat;
		margin:0;
		z-index:900;
	}
#banner 
	{
		height:177px;
		padding:0 0 0 50px;
		width:748px;
	}
td.banner#banner p 
	{
		color:black;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-variant:small-caps;
		font-size:45px;
		font-weight:bold;
		margin:0;
		padding:0;
	}

/* ************************************************************************************
 * NAVIGATION																	<3E&M>*
 * ************************************************************************************/

div#nav 
	{
		float:right;
		margin:0 107px 0 0;
		z-index:10000;
		
		-moz-opacity:0;
	}
div#nav img 
	{
		border:none;
	}

/* ************************************************************************************
 * CONTENT																		<3E&M>*
 * ************************************************************************************/

.hr 
	{
		background-image:url(../images/hr.png);
		background-repeat:no-repeat;
		height:6px;
		margin:0;
		padding:0;
		vertical-align:top;
	}

#innerContent 
	{
		padding:10px;
		vertical-align:top;
	}

/* ************************************************************************************
 * ABOUT US																	<3E&M>*
 * ************************************************************************************/

.internal
	{
		border:0;
		float:right;
		margin:10px;
	}
.bigger
	{
		font-size:14px;
	}
p.bigger
	{
		margin-bottom:1em;
	}
	

/* ************************************************************************************
 * CONTACT US																	<3E&M>*
 * ************************************************************************************/

.contactForm 
	{
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		padding:5px;
		width:500px;
	}
.a 
	{
		width:100px;
	}
#success
	{
		color:#F00;
	}

/* ************************************************************************************
 * PRODUCTS																		<3E&M>*
 * ************************************************************************************/

table#blowers 
	{
		background-color:#FFF;
		position:absolute;
		vertical-align:top;
	}

td.fixedB 
	{
		margin:10px;
		text-align:left;
		vertical-align:top;
	}
.displayImages 
	{
		height:200px;
	}
#more
	{
		background-image:url(../images/arrow.gif);
		background-position:right;
		background-repeat:no-repeat;
	}

div.pdf
	{
		z-index:1000;
	}
#pdf p
	{
		float:right;
		margin:0;
		text-align:left;
	}
#pdf img 
	{
		float:right;
		border:0;
		z-index:100;
	}
div.prodImgs
	{
		vertical-align:top;
		text-align:center;
		z-index:10;
	}
#blowerContainer 
	{
		background-image:url(../images/bg-main.png);
		background-repeat:repeat;
		height:auto;
		vertical-align:top;
		width:485px;
	}
.unfixed 
	{
		height:auto;
	}
<!-- listed bulletins -->
#blist table {vertical-align:top;width:100%;}
#blist th { border-bottom:1px #000 solid;border-left:1px #000 solid;background-color:#999;}
#blist td { border-left:1px #000 solid;border-right:1px #000 solid;border-bottom:1px #000 solid;padding:5px;}
#blist ul {margin-left:-20px;vertical-align:text-top; list-style-type:square;}
#blist a:hover {color:#F66;}

/*
 * ************************************************************************************
 * AVPDF																		<3E&M>*
 * ************************************************************************************
*/

ul.avpdf 
	{
		background-image:none;
		list-style:square;
	}
#blowerContainer div.options
	{
		background-color:#FFF;
		background-position:right;
		border:thick black solid;
		padding:10px;
		margin:10px;
	}
#blowerContainer div.options a
	{
		color:#009;
		text-decoration:none;
	}
#blowerContainer div.options a:hover
	{
		color:#F90;
		text-decoration:none;
	}

/*
 * ************************************************************************************
 * GALLERY																		<3E&M>*
 * ************************************************************************************
*/

/* begin gallery styling */
#jgal
	{ 
		list-style: none;
		width: 200px;
	}
#jgal li 
	{ 
		opacity: .5; 
		float: left; 
		display: block; 
		width: 60px; 
		height: 60px; 
		background-position: 50% 50%; 
		cursor: pointer; 
		border: 3px solid #fff; 
		outline: 1px solid #ddd; 
		margin-right: 14px; 
		margin-bottom: 14px; 
	}
#jgal li img 
	{ 
		position:absolute; 
		top: 290px; 
		left: 220px; 
		display: none; 
	}
#jgal li.active img 
	{ 
		display:block; 
	}
#jgal li.active, #jgal li:hover 
	{ 
		outline-color: #bbb; 
		opacity: .99 /* safari bug */ 
	}
 
/* styling without javascript */
#gallery 
	{ 
		list-style: none; 
		display: block;
	}
#gallery li 
	{
		float:left; 
		margin: 0 10px 10px 0; 
	}

/* heading */
#title h2
	{
		color:#000;
		font-weight:bold;
	}

