@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-color:#a7a7a7;
	font-size:8pt;
	text-align:left;
	color:#4d4d4d;
	line-height:1.7em;
}


ul			{ padding-left:0px; }

img							{border:none;} 
hr							{ color:#b5bdc1; height:1px; border:none; background-color:#b5bdc1; margin:0 auto;}

h1							{ font-family:"Georgia", Times New Roman, Times, serif; color:#FFFFFF; font-weight:lighter; font-size:21pt }
h2							{ font-family:"Georgia", Times New Roman, Times, serif; color:#457b98; font-weight:100;}
h3							{ font-family:"Georgia", Times New Roman, Times, serif; color:#457b98; font-weight:100; }
h4							{ color:#4a84a4; font-size:10pt; font-family:"Georgia", Times New Roman, Times, serif; font-weight:100;}
h5							{ color:#4a84a4; font-size:10pt; color:#1f3643; font-size:9pt; margin:0px; }
h6							{ }
p							{}
p.small						{ font-size:.9em; line-height:1.3em;}
a 							{ color:#5191b6; font-weight:bold;}
a:hover 					{ color:#666666;}

.left						{ float:left;}
.right						{ float:right;}
.bread 						{ float:right;}
.bread a					{ font-weight:normal; font-size:.9em;}
/*------ LAYOUT -------*/

#container					{ margin:0 auto; width:989px; padding:10px 0 0 0; position:relative}
#wrapper					{ float:left; background-image:url(../images/wrapper-bg.png);  background-repeat:repeat-y; width:932px; padding:20px; clear:both;}
#logo						{ float:left; margin:15px 0 0 4px;}
.nav-left, .nav-right		{ width:3px; height:32px; background-repeat:no-repeat; }
#nav						{ float:right; margin:18px 22px 0 0; }
#nav ul						{ list-style:none; margin:0px;padding:6px 0px 6px 10px; height:20px}
#nav li						{  float:left;  margin-right:5px; color:#6aafcb; }
#nav li a					{width:60px; font-weight:normal; text-decoration:none; text-transform:uppercase; color:#FFFFFF;padding:5px 15px 5px 10px; }
#nav li a:hover				{color:#244050; background-image:url(../images/nav-li-current.png); background-position:bottom; background-repeat:no-repeat;}
#nav li a.current			{ color:#244050; background-image:url(../images/nav-li-current.png); background-position:bottom; background-repeat:no-repeat;}			
#nav .last				{ background-image:none;}
.nav-mid					{ background-image:url(../images/nav-bg.png); background-repeat:repeat-x; float:left;}
.nav-left					{ background-image:url(../images/nav-left.png);background-position:left; float:left;}
.nav-right					{ background-image:url(../images/nav-right.png); background-position:right; float:right;}
#footer						{ background-image:url(../images/footer.png); background-repeat:no-repeat; height:7px; clear:both}
p.client					{ font-size:.8em; margin:0 0 0 8px;}
#kaweb						{ position:absolute; right:0px; bottom:50px;}
#kaweb a					{ width:23px; height:119px; background-image:url(../images/kaweb-hover.png); background-repeat:no-repeat; display:block; text-indent:-5000pt}
#kaweb a:hover				{ background-image:url(../images/kaweb.png);}
img.thumb					{ background-image:url(../images/img-bg.png); padding:10px 25px 10px 13px;background-repeat:no-repeat;}
#header						{ position:relative; width:924px; margin:0 auto; height:266px; background-repeat:no-repeat; }
#header h1					{ z-index:10000; margin:0px 0 0 0; right:10px; top:50px;position:absolute }
#header h2					{ z-index:10000; right:10px; top:70px;position:absolute; color:#FFFFFF }
#header h2 a				{ color:#FFFFFF; font-weight:normal; text-decoration:none; font-style:italic}
/*---HOME----*/
#header img			{ position:absolute; top:0px; z-index:0; }
#header	p					{ z-index:100; width:524px; position:absolute; top:85px; right:10px; font-size:.95em; color:#FFFFFF; text-align:right; }
#header a.btn				{ z-index:100; position:absolute; left:10px; bottom:10px; background-image:url(../images/header-btn.png); cursor:pointer; background-repeat:no-repeat; padding:10px; display:block; width:119px; height:24px; text-transform:uppercase; color:#3e718e;}
#header a.btn:hover			{ background-image:url(../images/header-btn-hover.png);}

.left-col					{ width:600px; float:left; margin:0 15px 0 6px;}
.right-col					{ width:303px; float:right; margin:0 4px 0 0}
.right-panel-top h4			{ position:absolute; bottom:5px; left:5px; margin:0px}
.right-panel-top			{ background-image:url(../images/rhs-top.png); height:49px; margin:5px 0 0 0; position:relative; background-repeat:no-repeat;}
.right-panel-main			{ background-image:url(../images/rhs-bot.png); background-color:#d1dde4;background-repeat:no-repeat; padding:5px 0 10px 0}
.news-panel					{ }
.news-panel	p				{ color:#457b98}


.news-panel li					{ list-style:none;border-bottom:dashed 1px #457b98; padding:4px 0 0 8px; cursor:pointer;}
.news-panel li a					{ color:#1f3643; text-decoration:none; }
.news-panel li:hover 					{background: #b4c3cb; }


.product-panel ul			{ list-style:none }
.product-panel li			{ cursor:pointer; float:left; margin:0 0 0 0; background:url(../images/product-thumb.png) no-repeat top left; width:168px; height:163px; padding:5px 15px}
.product-panel li:hover		{ background-color:#FFFFFF;opacity:0.7;filter:alpha(opacity=70)}
.product-panel li:hover h3 a	{}
.product-panel p			{ margin:3px 0;}
.product-panel li h3		{ margin:5px 0; line-height:1em}
.product-panel li h3 a		{ font-weight:normal; text-decoration:none;}



.linked-img a img				{ border:3px #CCCCCC solid; padding:3px; margin:0 2px 4px 2px;
}
.linked-img h3					{ font-size:1.4em}

/*------ABOUT-----*/
/*----Sales----*/
.left-col-sales					{ width:700px; float:left; margin:0 15px 0 6px;}
.right-col-sales				{ width:200px; float:right; margin:0 4px 0 0}
/*----News----*/

.news-img						{ clear:both; margin:0 10px 0 0}

/*----Slideshow----*/
.slideshow			{  width:924px; height:266px; }
div.slideshow-output { z-index:2; }


/*----Quote----*/
.quote p			{ font-style:italic; color:#666666;}
.quote p span		{ color:#333333; font-weight:bold;}

/*Contact Form----*/
fieldset	{ border:none}
p.caption  { font-size:.8em; font-style:italic; color:#666666;}

.banner-right	{ float:right; margin:20px 0 0 0}
#contact-area {  float:left;


}
.contact-form	{ padding:18px}
p.thanks {margin-bottom:10px; margin-left:30px;}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 133px; width:200px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #0387DD;
}

#contact-area select  { margin-bottom:10px; width:210px;}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left:139px;
}



.submit_button{
width: 70px;
	float: left;
	margin-left:139px;
	cursor:pointer;
}

.contact_heading{
	margin-left:139px;
}

.thanks{
	margin-left:139px;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 125px;
	padding-top: 1px;
	font-size: 1.1em;
}



/*----Table----*/
table {border-left: 1px solid #C1DAD7; width:700px;}
th a	{ color:#FFFFFF;}
th a:hover	{ color:#FFFFFF;}
th {
	color:#FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #5497be;
		background-image:url(../images/th-bg.jpg); background-repeat:no-repeat;

}


td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}
td p <span> { font-weight:bold; color:#990000;}

td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.note	{border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72; font-weight:normal;
	}






/*--Clearfix--*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 43px;
    padding: 1px 0px; margin: 0px 0;
    overflow: hidden;
	float:right;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		padding:0 8px;
    }
	
        /* Represents the background of the highlighted menu-item. */


        .lavaLamp li.back {
		background-color:#666666;
            width: 9px; height: 42px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                height: 43px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 1.2em arial;
            color: #fff; outline: none;
            text-align: center;
            height: 38px; top: 11px; left:8px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }