/****************************************

	styles.css 
	for Wineman
	
	last updated by 
	Jeff on 01/12/2010
	
*****************************************/

body {
	margin: 0; padding: 0;
	background: #e1e1e1;
	text-align: center;
	font-family: Arial, Sans-serif;
}

a, a:hover, a img { border: none; outline: none; } 

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



.clear { clear: both; }

#container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 970px;
	text-align: left;
}

#header {
	margin: 0 0 0 2px; padding: 0;
	width: 960px; 
	height: 102px;
	background: url('../images/bg_header.jpg') top left no-repeat;
	float: left;
	display: block;
	color: #ffffff;
	font-size: 11px;
}
	#header a {
		color: #ffffff;
	}
	
	.index #header {
		margin: 0 0 0 5px;
	}

#logo { 
	margin: 0; padding: 0;
	width: 285px; 
	height: 56px;
	float: left;
}

#logo a {
	width: 285px; 
	height: 56px; 
	display: block;
}

/*-- navigation --*/

#nav a span { 
	position: absolute;
	top: -3000px;
}

/* nav styles */

.nav_img {
	margin: 0; padding: 0;
	top: 71px;
	_top: 70px;
	list-style-type: none;
	display: none;
	z-index: 15;
	position: absolute;
}

#nav {
	margin: 70px 0 0 0;
	_margin: 10px 0 0 0;
	padding: 0;
	width: 960px;
	height: 29px;
	background: url("../images/bg_nav_off.gif") top left no-repeat;
	z-index: 1000;
}

#nav a {
	display: block; 
	height: 29px;	
}

#nav a:hover {
	height: 29px; 
	display: block;
	position: relative;
	z-index: 500;
}

.nav_ps a {
	margin: 1px 0 0 0; padding: 0;
	width: 197px;
	height: 29px;
}

.nav_ps a:hover {
	background: url('../images/bg_nav_off.gif') -40px -36px no-repeat;
}

.nav_sbi a {	
	margin: 0 0 0 0; padding: 0;
	width: 201px;
	height: 29px;
}

.nav_sbi a:hover {
	background: url('../images/bg_nav_off.gif') -237px -35px no-repeat;
}

.nav_tl a {
	margin: 0 0 0 0; padding: 0;
	width: 183px;
	height: 29px;
}

.nav_tl a:hover {
	background: url('../images/bg_nav_off.gif') -438px -35px no-repeat;
}

.nav_ne a {
	margin: 0 0 0 0; padding: 0;
	width: 166px;
	height: 29px;
}

.nav_ne a:hover {
	background: url('../images/bg_nav_off.gif') -621px -35px no-repeat;
}

.nav_aw a {
	margin: 0; padding: 0;
	width: 166px;
	height: 29px;
}

.nav_aw a:hover {
	background: url('../images/bg_nav_off.gif') -787px -35px no-repeat;
}

#nav ul {
	margin: 0 0 0 40px; padding: 0;
	_margin: 2px 0 0 18px;
	width: 920px;
	height: 30px;
	list-style-type: none;
	float: left;
}

#nav li {
	float: left;
	_height: 30px;
	list-style-type: none;
}

li ul {
	margin: 0; padding: 4px 0 4px 0;
	position: absolute;
	display: none;
	width: 240px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	top: 99px;
	_top: 98px;
	margin: 0; padding: 0;
	z-index: 10;
	background: #464646;		
}

#nav li ul li {
	float: none;
	margin: 2px 0 2px 5px; padding: 5px 0 5px 5px;
	line-height: 30px;
	width: 225px;
	position: relative;
	z-index: 0;
	border-bottom: solid 1px #686868; 
	display: block;
}


#nav li ul {
	margin: 0;
	width: 240px;
	z-index: 0;
}

#nav li.nav_aw ul {
	width: 170px !important;
}

#nav li.nav_aw ul li {
	width: 155px !important;
}

	#nav li ul li a {
	
		display: block;
		position: relative;
		
		height: auto !important;
		width: 225px;
		color: #ffffff;
		font-family: Arial, sans-serif;
		font-size: 11px;
		line-height: 16px;
		text-decoration: none;
		text-align: left;
		background: none;
}

	#nav li ul li a:hover {
		display: block;
		position: relative;
		text-decoration: underline; 
		background: none;
	}
	
	li.first {
		/* border-top: solid 1px #6f6f6f; */
	}
	
	#nav li ul li.last {
		padding-bottom: 6px;
		border-bottom: none;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html #nav ul li ul li { height: 1%; }
* html #nav ul li ul li a { height: 1%; }
/* End */
	
	li:hover ul, li.over ul { 
		display: block; 
		margin: 0; padding: 0;
		width: 240px;

	}

#nav_header {
	margin: 10px 10px 0 0; padding: 0;
	float: right;
	width: 520px;	
	text-align: right;
}

#nav_header_link {
	margin: 0; padding: 0;
	width: 300px; 
	float: left;
}

#nav_form {
	margin: -4px 0 0 10px; padding: 0;
	float: right;
	width: 200px;
}

#nav_form input { 
	float: left;
}

input#search { 
	color: #c3c3c3;
}

input#go { 
	margin: 0 0 0 5px;
}

/*-- content --*/

#content {
	margin: 0; padding: 0;
	width: 970px; 
	display: block;
	float: left;
	background: url('../images/bg_internal_rp.gif') top left repeat-y;
}

	.index #content {
		background: none;
	}

#footer {
	margin: 0 0 10px 0; padding: 10px 0 0 0;
	width: 965px;
	height: 60px;
	float: left;
	display: block;
	background: url('../images/bg_footer.gif') top left no-repeat;
}

.index #footer {
	background: none;
}

	#footer p {
		margin: 8px 0 0 0; padding: 0;
		float: left;
		font-size: 11px; 
		line-height: 12px;
		color: #636363;
	}

	#footer a { 
		color: #636363;
		text-decoration: none;
		text-transform: uppercase;
	}

#footer a:hover {
	text-decoration: underline;
}
	
/*--- index ---*/

#top_left {
	margin: 10px 0 0 0; padding: 20px 15px 0 15px;
	width: 285px;
	height: 300px;
	float: left;
	background: #434343;
}

	#top_left h2 {
		margin: 0; padding: 0;
		font-size: 17px;
		color: #ffffff;
	}

	#top_left p {
		margin: 10px 0 0 0; padding: 0;
		font-size: 11px;	
		color: #ffffff;
	}
	
	#top_left a {
		color: #ffffff;
	}

#flash_movie {
	margin: 10px 0 0 0; padding: 0;
	width: 970px;
	height: 330px;
	float: left;
	z-index: 0;
}

#bg_boxes_head {
	margin: 15px 0 0 0;
	width: 965px;
	height: 8px;
	display: block;
	background: url('../images/bg_box_head.gif') top left no-repeat;
	float: left;
}

#bg_boxes {
	margin: 0 0 0 0;
	_margin: -10px 0 0 0;
	width: 975px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	display: block;
	background: url('../images/bg_box_rp.gif') top left repeat-y;
	float: left;
}

	#bg_boxes p {
		font-size: 11px;
		line-height: 13px;
		font-family: Arial, sans-serif;
		color: #464646;
	}
	
	#bg_boxes a, #bg_news a {
		font-size: 11px; 
		font-family: Arial, sans-serif;
		color: #0066cc;
	}
	
	#bg_news p {
		margin: 8px 0 0 10px; padding: 0;
		float: left;
	}
	
#bg_boxes_foot {
	margin: -160px 0 5px 0;
	width: 967px;
	height: 165px;
	display: block;
	background: url('../images/bg_box_foot.gif') top left no-repeat;
	float: left;
	z-index: 0;
	position: relative;
}

#bg_news {
	margin: 15px 0 0 2px;
	width: 967px;
	height: 37px;
	display: block;
	background: url('../images/bg_index_news.gif') top left no-repeat;
	float: left;
}

	#bg_news h2, #bg_boxes h2 {
		margin: 12px 0 0 0;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #464646;
	}

	#bg_news h2 {
		margin: 12px 0 0 20px; 
		float: left;
		width: 65px;
	}

	#bg_boxes h3 { 
		margin: 10px 0 2px 0; padding: 0;
		color: #0166cc;
		font-size: 14px;
		line-height: 14px;
	}
	
	
	p.date { color: #7d7d7d; margin: 0; padding: 0; }

#box_one {
	margin: 2px 35px 0 10px; padding: 10px 0 0 0;
	_margin: 2px 35px 0 5px;
	width: 205px;
	float: left;
	z-index: 100;	
	position: relative;
	text-align: left;
}

#box_two {
	margin: 2px 25px 0 10px; padding: 10px 0 0 0;
	width: 205px;
	float: left;
	z-index: 100;		
	position: relative;
	text-align: left;
}

#box_three {
	margin: 2px 35px 0 10px; padding: 10px 0 0 0;
	width: 205px;
	float: left;
	z-index: 100;		
	position: relative;
	text-align: left;
}

#box_four {
	margin: 2px 0 0 10px; padding: 0 0 0 0;
	width: 205px;
	float: left;
	z-index: 100;		
	position: relative;
}

/*--- subpage ---*/

#col_left {
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}

#nav_sb_title {
	margin: 90px 0 0 2px; padding: 0;
	width: 179px;
	background: #e1e1e1;
	float: left;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

	#nav_sb_title h3 {
		margin: 5px 0 5px 5px; padding: 0;
		font-size: 14px;
		color: #464646;
	}

#nav_sb {
	margin: 0 0 0 2px; padding: 0;
	width: 179px;
	float: left;

}

#nav_sb a {
    padding: 3px 3px 6px 0;
	display: block; 
	font-size: 11px;
	color: #0066cc;
	background: #e1e1e1;
	/*background: url('../images/bg_nav_sb_off.gif') top right no-repeat #e1e1e1;	*/	
}

#nav_sb a:hover {
	display: block;
	position: relative;
	z-index: 500;
	color: #464646;
	text-decoration: none;
	background: #e1e1e1;	
	/*background: url('../images/bg_nav_sb_on.gif') top right no-repeat #e1e1e1;	*/	
}

#nav_sb a.on { 
	color: #464646;
	background: #e1e1e1;	
/*	background: url('../images/bg_nav_sb_on.gif') top right no-repeat #e1e1e1; */
}

#nav_sb ul {
	margin: 0; padding: 0;
	width: 179px;
	list-style-type: none;
	float: left;

}

#nav_sb li {
	padding: 5px 0 0 5px;
	float: left;
	list-style-type: none;
	background: #e1e1e1;	
	border-bottom: solid 1px #ffffff;	
	width: 174px;
}



#col_center {
	margin: 0 0 0 25px; padding: 0; 
	width: 530px; 
	float: left;
}

	#breadcrumbs {
		margin: 5px 0 10px 0; padding: 0;
		width: 530px;
		color: #464646;
		font-size: 11px;
		float: left;
	}
	
	#breadcrumbs a {
		color: #0066cc;
	}
	
	#main_content {
		margin: 5px 0 0 0; padding: 0;
		width: 530px;	
	}
	
	#main_content h1 {
		margin: 5px 0 25px 0; 
		color: #000000;
		font-weight: normal;
		font-size: 30px;
	}
	
	#main_content p {
		line-height: 18px;
		font-size: 12px;
		color: #464646;
	}
	
	#main_content ul {
		line-height: 18px;
		font-size: 12px;
		color: #464646;	
	}
	
	#main_content p.large {
		font-size: 14px;
		line-height: 24px;
	}
	
	#main_content img {
		margin: 5px;
	}
	
	#main_content a:visited {
		color: #0066cc;
	}

#col_right {
	margin: 0 0 0 25px; padding: 0; 
	width: 200px; 
	float: left;
}

	#contact {
		margin: 80px 0 15px 0; padding: 10px 10px 0 10px;
		width: 174px; 
		height: 150px;
		display: block;
		background: url('../images/bg_contact.gif') top left no-repeat;
	}

	#contact h3 { 
		margin: 5px 0 0 5px; padding: 0;
		font-size: 14px;
		color: #000000;
		font-weight: bold
	}

	#contact p {
		margin: 5px 0 10px 5px; padding: 0;
		font-size: 11px;
		color: #555555;
	}

	#contact a img {
		margin: 5px 0 0 20px;
	}

	#testimonial {
		margin: 0 0 0 5px; padding: 0;
		width: 182px;
		border-top: solid 3px #00a053;
		text-align: left;
	}

	#testimonial p {
		margin: 0; padding: 0;
		color: #464646;
		font-size: 12px;
		float: right;
	}

	#testimonial p.quote {
		margin: 5px 0 5px 0; padding: 0;
		color: #00a053;
		font-family: Trebuchet MS, Arial, Sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
	
#bg_boxes_sm_head {
	margin: 15px 0 0 0;
	width: 526px;
	height: 36px;
	display: block;
	background: url('../images/bg_box_sm_head.gif') top left no-repeat;
	float: left;
}

#bg_boxes_sm {
	margin: 0;
	width: 526px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	display: block;
	background: url('../images/bg_box_sm_rp.gif') top left repeat-y;
	float: left;
}

	#bg_boxes_sm p {
		font-size: 11px;
		font-family: Arial, sans-serif;
		color: #464646;
	}
	
	#bg_boxes_sm a {
		font-size: 11px; 
		font-family: Arial, sans-serif;
		color: #0066cc;
	}
	
	#bg_boxes_sm_head h3 {
		margin: 0; padding: 0;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #464646;
		text-transform: uppercase;
	}


#box_one_sm {
	margin: 2px 45px 0 15px; padding: 10px 0 0 0;
	_margin: 2px 35px 0 5px;
	width: 215px;
	float: left;
	z-index: 100;	
	position: relative;
}

#box_two_sm {
	margin: 2px 0 0 10px; padding: 10px 0 0 0;
	_margin: 2px 0 0 20px;
	width: 215px;
	float: left;
	z-index: 100;		
	position: relative;
}
	
#bg_boxes_sm_foot {
	margin: 0 0 5px 0;
	width: 526px;
	height: 12px;
	display: block;
	background: url('../images/bg_box_sm_foot.gif') top left no-repeat;
	float: left;
	z-index: 0;
	position: relative;
}

#bg_boxes_med_head {
	margin: 15px 0 0 0;
	width: 526px;
	height: 36px;
	display: block;
	background: url('../images/bg_box_med_head.gif') top left no-repeat;
	float: left;
}

#bg_boxes_med {
	margin: 0;
	width: 526px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	display: block;
	background: url('../images/bg_box_med_rp.gif') top left repeat-y;
	float: left;
}

	#bg_boxes_med p {
		margin: 5px 0 0 12px;
		font-size: 11px;
		font-family: Arial, sans-serif;
		color: #464646;
	}
	
	#bg_boxes_med a {
		font-size: 11px; 
		font-family: Arial, sans-serif;
		color: #0066cc;
	}
	
	#bg_boxes_med_head h3 {
		margin: 12px 0 0 12px; padding: 0;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #464646;
		text-transform: uppercase;
	}

#bg_boxes_med_foot {
	margin: 0 0 5px 0;
	width: 526px;
	height: 12px;
	display: block;
	background: url('../images/bg_box_med_foot.gif') top left no-repeat;
	float: left;
	z-index: 0;
	position: relative;
}

/*--- for products bottom ---*/

#box_left, #box_right {
	width: 260px;
	float: left;
}

/*---- hacks -----*/

img, div { behavior: url(iepngfix.htc) }

/*--- tiny mce styles ---*/

 .header1blue {
	color: #266cab;
	font-size: 24px;
	font-weight: bold;
}

 .header2blue {
	color: #266cab;
	font-size: 18px;
	font-weight: bold;
}

 .header3blue {
	color: #266cab;
	font-size: 14px;
	font-weight: bold;
}

 .header1lightblue {
	color: #679fb4;
	font-size: 24px;
	font-weight: bold;
}

 .header2lightblue {
	color: #679fb4;
	font-size: 18px;
	font-weight: bold;
}

 .header3lightblue {
	color: #679fb4;
	font-size: 14px;
	font-weight: bold;
}

 .header1gray {
	color: #3c3c3c;
	font-size: 24px;
	font-weight: bold;
}

 .header2gray {
	color: #3c3c3c;
	font-size: 18px;
	font-weight: bold;
}

 .header3gray {
	color: #3c3c3c;
	font-size: 14px;
	font-weight: bold;
}

#scroller{
width: 350px;
height: 20px;
border: 0px solid black;
padding: 0px;
line-height: 20px;
}

#scroller a{
text-decoration: none;
}

#scroller a:hover{
text-decoration: underline;
}

.ticker{ 
	margin: 6px 0 0 -1px;
	*margin: 10px 1px 1px -1px;
	width: 967px;
	height: 20px;
	display: block;
}


#contact_form input, textarea
{
	
    BORDER-RIGHT: #006600 1px solid; 
    PADDING-RIGHT: 4px; BORDER-TOP: #006600 1px solid;
    PADDING-LEFT: 4px; FONT-SIZE: 8pt; 
    PADDING-BOTTOM: 1px; 
    BORDER-LEFT: #006600 1px solid; 
    COLOR: #000080; PADDING-TOP: 1px; 
    BORDER-BOTTOM: #006600 1px solid; 
    FONT-FAMILY: Tahoma; 
    BACKGROUND-COLOR: #ffffff

}

#contact_form .nostyle
{
	
    border: none;
    BACKGROUND-COLOR: #ffffff
	
}




#contact_form table td
{
	font-family: Avenir, Arial, Sans-serif;
	font-size: 11px;
	color: #555555;
}

#tech_left
{
	float: left;
	width: 50px;
	font-family: Avenir, Arial, Sans-serif;
	margin: 5px 0 10px 5px; padding: 0;
		font-size: 11px;
		color: #555555;
	
}

#tech_right
{
	float: left;
	width: 300px;
	font-family: Avenir, Arial, Sans-serif;
	margin: 5px 0 10px 5px; padding: 0;
	font-size: 11px;
	color: #555555;
	
}


#customer_left
{
	float: left;
	width: 240px;
	font-family: Avenir, Arial, Sans-serif;
	margin: 5px 0 10px 5px; padding: 0;
	font-size: 11px;
	color: #555555;
	
	
}

#customer_right
{
	float: left;
	width: 240px;
	font-family: Avenir, Arial, Sans-serif;
	margin: 5px 0 10px 5px; padding: 0;
	font-size: 11px;
	color: #555555;
	
	
}




#calendar {
	margin-left: -10px; 
	width: 450px; 
	border-bottom: dotted 1px #555555;
}

#calendar .title {
	margin-left: 15px;
	margin-top: 3px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
}

#calendar .title a{
	
	color: #555555;
	font-size: 14px;
	font-weight: bold;
}

#calendar .date {
	margin-left: 15px;
	font-size: 12px;
	font-style: italic;
	color: #555555;
}

#calendar a {
	margin-left: 0px;
	color: #555555;
	font-size: 10px;
	text-decoration: underline;
}

#calendar p
{
	margin-left: 18px;
}