@import url(boss.css);

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff url(/assets/images/bg-tile-stripe.gif) top left repeat;
	color: #111;
	font-family: verdana;
	font-size: 9pt;
}

table.framework {
	border-top: 4px solid #c3cfbe;
	background: url(/assets/images/footer-tile-right.gif) top right repeat-y;
}
body>table.framework{border-top:8px solid #c3cfbe;}

#top-links {
	background-color: #fff;
	/*height: 1em;*/
	padding:4px 3px 5px 3px;
	line-height: 1.0;
	font-size: xx-small;
	text-transform: uppercase;
}

#top-links a 
{
	color:#000;
	display: inline;
	/*float: left;*/
	text-align: center;
	width: 8em;
	border: 1px solid #999;
	border-width: 0 1px;
	margin: 2px 0.1em;
	padding: 0 4.3em;
	font-weight: bold;
	text-decoration: none;
}

#top-links a:hover {
	text-decoration: underline;
	background-color: #eee;
}

td {
	border: 0px solid black;
	padding: 0;
	vertical-align: top;
}

#masthead {
	height: 134px;
}

#banner-container {
	background-color: #3f5a72;
	position: relative;
	margin-bottom: -8px;
	width: 780px;
	height: 134px;
}

#masthead_img {
	position: absolute;
	left: 0;
	top: 0;
}

#masthead_img_2 {
	position: absolute;
	left: 0;
	top: 0;
}

td#nav {
	margin: 0;
	padding: 0;
	padding-top: 16px;
	width: 483px;
	background-color: #fff;
	vertical-align: bottom;

}

#sections {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: #a4bc32;
}

#sections li {

	float: left;
	font-size: xx-small;
	text-transform: uppercase;
	font-weight: bold;
	/*height: 18px;*/
	border-bottom: 1px solid #eee;
}

#sections li a {
	text-decoration: none;
	color: #000;
	display: block;
	float: left;
	/*padding: 4px 32px 2px 32px;*/
	padding: 4px 0 2px 0;
	text-align: center;
	margin: 0;
	font-size: 10px;
	width: 120px;
}

#sections li a:hover {
	color: #fff;
}

#sections li.products a {
	width: 243px;
}

li.about a { background: #76b4c9 url(/assets/images/blue-edge.gif) bottom left no-repeat;}
li.about a:hover {
	background: #0d93b1 url(/assets/images/blue-edge.gif) bottom left no-repeat;}

li.services a { background: #bfa179 url(/assets/images/brown-edge.gif) top left no-repeat;}
li.services a:hover { background: #af8b5b url(/assets/images/brown-edge.gif) top left no-repeat;}

li.products a { background: #a4bc32 url(/assets/images/green-edge.gif) top left no-repeat;}
li.products a:hover { background: #7c9227 url(/assets/images/green-edge.gif) top left no-repeat;}

#content {
	width: 483px;
	padding: 0;
	background-color: #fff;
	height:670px;
}
#home #content {height:345px;}

#content-inner {
	padding: 1px 1em;
}

#home #content-inner {
	padding: 0em;
}

body#home #content {
	background-color: #e47121;
	color: white;
	text-transform: uppercase;
}

body#contact #content {
	background-color: #e47121;
	color: white;
}


#middle-column {
	vertical-align:top;
	border-top: 16px solid white;
	width: 99px;
	background: #c3cfbe url(/assets/images/footer-tile.gif) top left repeat-y;
	margin-bottom:0px;padding-bottom:0px;
}


#hid{visibility:hidden;position:absolute;}

#home middle-column {
	height: 365px;
}

td#video-container {
	width: 198px;
	background-color: #c3cfbe;
	background: #c3cfbe url(/assets/images/footer-tile-right.gif) top left repeat-y;
}

div#punchout {
	position: absolute;
	z-index: 3;
	width: 214px;
}

body#home #middle-column { background-color: #e47121; background-image: none; }
body#home #video-container { background-color: #e47121; background-image: none;}

.video {
	width: 214px;
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
	margin-bottom: 16px;
	margin-right: -16px;
	background: #99b700 url(/assets/images/video-bg.gif) top right repeat-y;
	cursor: pointer;
}

.video h4,
.video-popup h4 {
	margin: 0;
	padding: 2px 1em;
	text-transform: uppercase;
	font-size: 10px;
	font-family: verdana;
}

.video p {
	line-height: 1.2;
	font-size: 80%;
	padding: 0 1em;
	text-align: left;
	margin: 0.5em 0;
}

.video-popup p {
	display: none;
}

.video img {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	width: 214px;
}

.video-popup img {
	display: none;
}

.video-popup {
	position: absolute;
	margin-left: -106px;
	margin-bottom: 16px;
	margin-top: 16px;
	width: 320px;
	height: 280px;
	background: #99b700 url(/assets/images/video-bg.gif) top right repeat-y;
}

.video .close-link {
	display: none;
}

.video-popup .close-link {
	display: block;
	float: right;
	font-size: xx-small;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 1em;
	color: #006;
}

.clip-link {
	display: none;
}

.video object,
.video embed {
	display: none;
}

img.fake-bg {
	padding-top: 16px;padding-bottom:0px;margin:0px;
}

#home #footer {
	background-color: #c3cfbe;
}

#footer {
	border-top: 5px solid #666;
	background-color: #fff;
	font-size: 75%;
	padding: 1em;	
}
#footer a{color:#000;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer span,#footer span a{color:#a4bc32;font-size:8px;}
#home #footer span,#home #footer span a{color:#666;}


#footer-middle, #footer-right {
	background-color: #c3cfbe;
	border-top: 5px solid #666;
}

#footer-middle {
	background: #c3cfbe url(/assets/images/footer-tile.gif) top left repeat-y;
}

#footer-right {
	background: #c3cfbe url(/assets/images/footer-tile-right.gif) top left repeat-y;
}




#section-bar {
	margin: 0.5em -1em;line-height:160%;
}

#section-bar div {
	float: left;
	display: block;
	width: 120px;
	background-color: #e47121;
}

#home #section-bar {
}

#about #section-bar { background-color: #76b4c9; }
#about #section-bar div { background-color: #0d93b1; }

#services #section-bar { background-color: #bfa179; }
#services #section-bar div { background-color: #af8b5b; }

#products #section-bar { background-color: #a4bc32; }
#products #section-bar div { background-color: #7c9227; }

body#contact #content table{
	background-color: #e47121;
	background-image:url('');
	border:0px;
	padding:5px;
}
body#contact #content table td{
	padding:3px;
}


#subNav{font-size:11px;margin:10px 0px 0px 0px;}
#subNav div{padding:4px 10px 5px 10px;background-color:#EAEED5;color:#000;margin:2px 0px 2px 0px;}
#subNav div.top{background-color:#99B700;color:#FFF;font-weight:bold;padding-left:13px;text-transform: uppercase;}
#subNav div a{text-decoration:none;color:#000;}
#subNav div.top a{text-decoration:none;color:#FFF;}
#subNav div.on{font-weight:bold;padding-left:12px;background-color:#C6D770;}






/*Safari hack - not happy :-(*/
#middle-column {
	border-top: 32px solid white;#
}