/* CSS Document */

/* colors: 
 

*/

/* ------------------------------------------------------------------------ */
/* START Freestyle
--------------------------------------------------------------------------- */

.fs-color1 { color: #999999; }
.fs-color2 { color: #8DC63F; }
.fs-color3 { color: #888; }

.fs-white { color: #fff; }
nobr .fs-white { text-shadow: -1px -1px 3px #333; background: #ddd; display: inline-block; padding: .25em .5em; }

.fs-float-left { float: left; margin: 0 1.25em .5em 0; }
.fs-float-right { float: right; margin: 0 0 .5em 1.25em; }
.fs-img-border { display: inline-block; padding: 4px; background: #fff; border: 1px solid #aaa;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee');
}
.fs-img-border img { display: block; }

.fs-subheadingLG { 
	font-size: 1.4em;
	font-weight: bold;
}

.fs-subheadingMED { 
	font-size: 1.25em;
	font-weight: bold;
}

.fs-subheadingSM { 
	font-size: 1.2em;
	font-weight: bold;
}

.fs-bodyTextLG { 
	font-size: 1.1em;
}

.fs-bodyTextSM { 
	font-size: 10px;
}

/* ---------------------- */
/* MFT Defaults
------------------------- */

html {
	overflow-y: scroll;
}
body {
	text-align: center; /*IE6 center page fix*/
	margin: 0;
	min-width: 1000px;
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #eee;
	scrollbar-shadow-color: #eee;
	scrollbar-3dlight-color: #ddd;
	scrollbar-darkshadow-color: #eee;
	scrollbar-arrow-color: #ccc;
	scrollbar-track-color: #ccc;
	line-height: 1.35;
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
}
a img {
	border: none;
}
h1 a,
h1 a:hover {
	text-decoration: none;
}
h1, h2, h3, p {
	margin: 0 0 .8em 0;

}

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.125em; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	vertical-align: bottom;
}
td {
	vertical-align: middle;
}
blockquote {
	margin-left: 2em;
}
ul {
	margin: 0 0 1em 2em;
	padding: 0;
	list-style: none;
	/*overflow: hidden;*/
}
ul li {
	background: url(/images/bullet_square_4x4.gif) left .4em no-repeat;
	padding: 0 0 0 10px;
}
ul li, ol li {
	margin-bottom: .5em;
}
ol li ol li { list-style: lower-alpha; margin: .5em 0; }
ol li ol li ol li { list-style: lower-roman; }

.nav,
ul.nav ul,
ol.nav ol {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0;
	padding: 0;
	background: none;
}
ol.nav li { list-style: none; }

.nav li a,
.nav li a:hover {
	text-decoration: none;
}

hr {
	border : none;
	border-top : 1px solid #ccc;
	height : 0;
	margin : 1em 0;
	display: inline-block;
	width: 100%;
	clear: both;
}

a {
	color: #BBBBBB;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.fine-print { font-size: .75em; }

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

body { background: #000000 url(/images/bg.jpg) top center no-repeat; }
body, button, input, select, textarea { font-family: Franklin Gothic Book; font-size: 16px; color: #999; }

div.siteContainer { width: 960px; text-align: center; margin: 0 auto; padding: 0 20px 20px 20px; background: black; }
div.pageContainer {  margin: 0 auto; /*width: 1000px;*/ text-align: left; border-top: 1px solid #8dc63f; }

div.headerContainer { background: #000; position: relative; z-index: 100; /*padding: 20px 0 0 0;*/ }
div.headerLeft { float: left; 
	margin-top: 28px;
}
/*div.headerRight span {color: #8dc63f;}*/
div.headerRight { float: right; /*background: url(/images/headergraphic.png) 0 0 no-repeat; height: 81px; width: 328px; */ 
	width: 350px;
	background: url(/images/tagline2.gif) center bottom no-repeat;
	min-height: 103px;
	margin-top: 8px;
}

div.headerRight ul { text-align: center; font-size: 0; line-height: 0; width: 100%; margin-left: -6px; }
div.headerRight ul li { display: inline-block; *display: inline; vertical-align: bottom; margin-left: 12px; }
	div.headerRight ul li.res {  }
	div.headerRight ul li.com {  }
	div.headerRight ul li.lan { margin-left: 8px; }
	div.headerRight ul li.rec { margin-left: -10px; }
	div.headerRight ul li.ren {  }
	div.headerRight ul li.tel {  }
	div.headerRight ul li.env { margin-left: 5px; }
div.headerRight ul li:first-child {  }
div.headerRight ul li a { display: inline-block; }
div.headerRight ul li a:hover {  }

a.logo { float: left; margin: 0 0 1em 0; }


div.col1 { float: left; /*width: 20%;*/ width: 150px; margin: 0; }
div.col2 { /*width: 75%;*/ width: 790px; float: right; margin: 0; }
body.homepage div.col2 { width: 750px; }

div.navLeft ul.nav  li { /*border-top: 1px solid #efefef;*/ }
div.navLeft ul.nav li a,
div.navLeft ul.nav li span { display: block; padding: .2em 0; color: #bbbbbb;}
div.navLeft ul.nav li a:hover,
div.navLeft ul.nav li.selected a { color: #8dc63f; }
	div.navLeft ul.nav li ul { margin: 0; }
	div.navLeft ul.nav li ul li { border: 0; margin-bottom: .25em; font-size: 15px; }
	div.navLeft ul.nav li ul li a {  }
	div.navLeft ul.nav li ul li.on a {  }
	div.navLeft ul.nav li ul li a:hover {  }

div.main { background: #fff; overflow: hidden; padding: 20px;}
div.contentContainer {  }

div.breadcrumbs { font-size: .8em; margin: 1em 0; }

h1 { color: #8DC63F; margin: .8em 0 .6em 0; font-size: 18px; }
h1 span.h1 { }

div.footerContainer { clear: both; font-size: .75em; color: #555; margin-top: 3em; }
div.footerContainer p { float: right; }
div.footerContainer p:first-child { float: left; }

div.footerContainer a:link,
div.footerContainer a:visited { color: #555; }


/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Page Styles
--------------------------------------------------------------------------- */

ul.etabs { font-size: 0; }
ul.etabs li { margin-left: 30px; }
ul.etabs li.active { top: auto; }
ul.etabs li:first-child { margin: 0; }
ul.etabs li a { padding: .75em 0; line-height: 1.2; }
/*.panel-container { overflow: hidden; }*/

.clear {
	clear: both;
}

.green-subhead {
	color: #8dc63f;
	font-size: 18px;
	padding: 6px 0 0 0;
}

.contact {
	border-top: 1px solid #8dc63f;
}

.contact p {
	color: #888888;
	font-size: 13px;
	padding: 0;
}

.contact a {
	color: #888888;
}

.contact span {
	color: #8dc63f;
}

.contact p.green-subhead {
	color: #8dc63f;
	font-size: 18px;
	padding: 6px 0 0 0;
}

.contact a {
	color: #8dc63f;
	font-size: 18px;
	padding: 6px 0 0 0;
}

div.slider li {
	list-style: none;
}

#contactus td { vertical-align: top;}
/* ---------------------- */
/* END Custom Page Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Form Styles
--------------------------------------------------------------------------- */

.form-FieldsetDescription { margin-bottom: 1.25em; font-size: 1.125em; }
.form-commentBox { margin-left: 1em; }

input, select, textarea, button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	border: 1px solid #ccc;
	padding: 5px .6em;
	background: #eee url(/images/grad2-top-hilight.png) repeat-x;
}

button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	background: #8DC63F url(/images/grad2-bot-shad.png) bottom repeat-x;
	color: #fff;
	line-height: 14px; /* ie 7/8 only */
	height: 28px; height: 29px;
	border-color: #232323;
}
.text-button-lg,
button.large,
.add-to-cart input { font-size: 1.15em; height: 36px; padding: 0 1em; }

a.text-button-lg,
a.text-buttond.large { font-size: 1.15em; line-height: 36px; } /* ie 7/8 only */

.text-button-sm { line-height: 18px; height: auto; font-size: .8em; padding: 0 .5em; }

a.text-button, a.text-buttond {
	line-height: 26px;
	color: #fff;
}
.text-buttond {
	background-color: #333;
}
.text-button:hover, .text-button-lg:hover, .text-button-sm:hover, .text-buttond:hover, button:hover {
	background-color: #666;
	color: #fff;
}
select.text-box-list, select.text-box-100 {
	padding: 4px;
}
input:focus, select:focus, textarea:focus {
	border-color: #ccc;
}

/* ---------------------- */
/* END Custom Form Styles
------------------------- */


/* ------------------------------------------------------------------------ */
/* START Custom Module Styles
--------------------------------------------------------------------------- */

.pro-content { margin-top: 1em; }

/* widgets */
.widget-heading span {color: #8dc63f; font-size: 18px; }
.widget-container { margin: 2em 0; }
.widget-heading { display: block; /*background: #666;*/ border-top: 1px solid #8DC63F; padding: .5em; color: #eee!important; overflow: hidden; line-height: 1; margin: 0; }
.widget-heading span { float: left; }
.widget-heading a { color: #000; float: right; display: inline-block; background: #ccc; padding: .25em .5em; font-size: 10px; text-decoration: none; }
.widget-heading a:hover { background: #ddd; }
.widget-inner { padding: 10px; }

.news-widget-body { color: #888888;}
.news-widget-body a { color: #888888;}
div.news-widget-inner { height: 150px; padding: 0 !important;} /* undo default scroller style */
div.news-widget-inner ul { /*padding: 10px;*/ }
div.news-widget-inner h1 { } /* undo default h1 style */



/* ---------------------- */
/* END Custom Module Styles
------------------------- */