/* CSS Document */

* { padding:0; margin:0 }

body {
	padding:0;
	margin:0;
	font:x-small 'Trebuchet MS', Arial, 'Geneva CY', Helvetica, Tahoma, Verdana, sans-serif;
	line-height:1.3;
	text-align:center;
	color:#000;
	background-color:#FFF;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:small;
}

a { color:#007BC6; }
a:visited { color:#69C }
a:hover { color:#C60 }


h1 {
	margin:.15em 0 .5em;
	font-size:250%;
	font-weight:normal;
	color:#C60;
}
h2 {
	margin:1em 0 .25em;
	font-size:135%;
	font-weight:normal;
	color:#052C58;
	color:#C60;
}
#home .twocolwrapper .secondcol h2 {
	margin-top:0;
}
h3, #products .secondcol h2 {
	margin:.5em 0;
	font-size:100%;
	font-weight:normal;
	color:#007BC6;
}
.twocolwrapper .secondcol h2 { margin:1em 0 .25em }

p {
	margin:.75em .5em;
	color:#666;
}

/* Tables */
table {
	margin:0 0 1em;
	padding:0;
	font-size:100%;
	color:#333;
	width:100%;
}
table th, table td {
	margin:0;
	padding:.5em;
	border-bottom:1px solid #E2EBF2;
	vertical-align:top;
}
table th {
	text-align:left;
}
table .number { text-align:right }

th.empty, td.empty {
	border:0px solid;
	border-right:1px solid #99B7D3;
	background:transparent;
}
.last td, .last th { border-bottom:0px solid }


#wrapper {
	margin:0 auto;
	text-align:left;
	width:780px;
}

/******************/
/* Header section */
/******************/

#header {
	padding-top:30px;
	border-bottom:0px solid;
}
	#header h1.logo {
		position:absolute;
		padding:0;
		margin:0;
		width:225px;
		height:60px;
		overflow:hidden;
		cursor:pointer;
	}
	
	#header h1.logo span {
		position:absolute;
		left:0;
		top:0;
		width:225px;
		height:60px;
		background:url(../images/logo.gif) left top no-repeat;
		cursor:pointer;
	}
	#home #header h1.logo, #home #header h1.logo span { cursor:default }
	
	/* Main navigation */
	#mainnav {
		margin-left:300px;
		margin-top:20px;
		height:1%;
	}
	#mainnav:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
	/* Hides from IE-mac \*/
	* html #mainnav { height:1%; }
	/* End hide from IE-mac */
	
		#mainnav li {
			display:block;
			float:left;
			list-style:none;
		}
		#mainnav li a {
			display:block;
			padding:1.5em 1.25em;
			text-align:left;
			text-decoration:none;
			font-size:115%;
			color:#000;
		}
		#mainnav li a:hover {
			color:#0D2881;
			background:url(../images/mmenu-hover.gif) 50% 100% no-repeat;
		}
		#mainnav li.current a, #mainnav li.current a:hover {
			color:#C60;
			background:url(../images/mmenu-current.gif) 50% 100% no-repeat;
			cursor:default;
		}
		
	/* Sub-navigation */
	#subnav {
		margin-left:60px;
		width:710px;
		height:31px;
		overflow:hidden;
		background-position:left top;
		background-repeat:no-repeat;
		background-image:url(../images/bg_subnav.gif);
	}
	
		#subnav ul {
			padding:7px 14px;
			text-align:right;
			font-size:90%;
		}
		#subnav li {
			display:inline;
			padding:0 .65em;
			list-style:none;
		}
		#subnav li a {
			padding-left:12px;
			color:#DDD;
			font-weight:bold;
			text-decoration:none;
			background:url(../images/arrow-subnav.gif) 0 .45em no-repeat;
		}
		#subnav li a:hover { color:#FFF; }
		#subnav li.current a, #subnav li.current a:hover {
			text-decoration:none;
			color:#69F;
			background-image:url(../images/arrow-subnav-current.gif);
			cursor:default
		}
		
		
	/* Tagline block */
	#tagline {
		margin-left:60px;
		width:710px;
		height:153px;
		overflow:hidden;
		background-position:left top;
		background-repeat:no-repeat;
	}
		#tagline  .tagline-content { display:none }
		
	/* Custom illustrations */
	#products #subnav { background-image:url(../images/ill_top_products.jpg) }
	#products #tagline { background-image:url(../images/ill_bottom_products.jpg); }
	
	#about #subnav { background-image:url(../images/ill_top_about.jpg) }
	#about #tagline { background-image:url(../images/ill_bottom_about.jpg); }

	#applications #subnav { background-image:url(../images/ill_top_applications.jpg) }
	#applications #tagline { background-image:url(../images/ill_bottom_applications.jpg); }
	
	#contact #tagline {
		height:184px;
		background-image:url(../images/ill_contact.jpg);
	}
	
	/* Breadcrumbs */
	.breadcrumbs {
		margin-top:1px;
		margin-left:60px;
		padding:10px;
		font-size:85%;
		color:#CCC;
		background:url(../images/bg-breadcrumbs.gif) left top no-repeat;
	}
		.breadcrumbs .current { color:#8A0; font-weight:bold; }
		
		
/*******************/
/* Conetnt section */
/*******************/

#content {
	margin:10px;
	margin-left:70px;
}

	#content ul { margin:.5em 0 .5em .5em; }
		#content ul li {
			padding:.5em 0 .5em 16px;
			list-style:none;
			background:url(../images/bullet.gif) 0em .75em no-repeat;
		}
		
	#content .secondcol ul { color:#666 }
		#content .secondcol ul li { background-position:0 .85em; }


/* Page Description Block */
.page-description {
	clear:both;
	margin:1em 0px;
	font-size:130%;
	line-height:1.3;
	color:#000;
	border-top:1px solid #FFF;
}
	.page-description p { color:#000; margin:0 0 1em; }

/* Page Title Block */
.page-title {
	margin:0 0 1.5em 0;
}
	.page-title h1 {
		float:left;
		margin:0;
		width:220px;
	}
	.page-title .page-description {
		clear:none;
		margin:0;
		margin-left:230px;
		padding:10px 15px;
		font-size:115%;
		line-height:1.5;
		background:#F6F9F9;
	}
	
/* Columns wrappers */
.twocolwrapper, .twocolwrapper50 { clear:both; margin:0; width:100%; overflow:hidden; }

	.twocolwrapper .firstcol {
		float:left;
		width:62%;
	}
	.twocolwrapper .secondcol {
		margin:0 0 0 66%;
		padding:0;
		width:100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width:31%;
	}
	html>body .twocolwrapper .secondcol { width:31.9%; overflow:visible; }
	
	.twocolwrapper50 .firstcol {
		float:left;
		width:49%;
	}
	.twocolwrapper50 .secondcol {
		margin:0 0 0 50%;
		padding:0;
		width:100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width:49%;
	}
	html>body .twocolwrapper50 .secondcol { width:49%; }


/* Additional Info Block */
.block-additional {
	margin:1em -10px;
	padding:.5em 1em;
	padding:0 10px 10px;
	background-color:#EEF4F4;
	border-top:3px solid #C60;
}

/* Photo frmae block */
.photo-frame {
	margin:1em 0;
	border:1px solid #DDE;
	width:220px;
}
	.photo-frame img {
		border:5px solid #FFF;
	}

.photos-horizontal {
	overflow:hidden;
	//height:1%;
}
	.photos-horizontal .photo-frame {
		float:left;
		margin-right:9px;
	}


/* Forms
====================*/
form { padding:0; margin:0 }
fieldset { border:0px solid; }

label {
	display:block;
	padding:.5em 0;
}
	label span {
		display:block;
		float:left;
		width:100px;
	}
	label input, label textarea { width:220px; }
	
.submit-buttons {
	padding:.5em 0;
	margin:.5em 20px 0 100px;
	border-top:2px solid #CCC;
}



/* Product List */
	#product_list .prod-item {
		margin-bottom:40px;
		overflow:hidden;
		//height:1%;
	}
	
	.prod-item .prod-title {
		float:left;
		margin-right:-232px;
		font-size:135%;
		font-weight:normal;
		color:#C60;
		width:232px;
	}
		.prod-title h2 {
			position:relative;
			margin:0;
			padding-left:7px;
			padding-bottom:16px;
			font-size:100%;
			background:url(../images/prod-line-hor.gif) 100% 100% no-repeat;
			z-index:100;
		}
			.prod-title h2 a { color:#C60!important; }
			.prod-title h2 a:hover { text-decoration:none; }
		.prod-title .prod-preview-image {
			position:relative;
			display:block;
		}
			.prod-title .prod-preview-image img { border:0px solid }

	.prod-item .prod-info {
		margin-left:228px;
		background:url(../images/prod-line-vert.gif) left bottom no-repeat;
		overflow:hidden;
		//height:1%;
	}
	
		.prod-info .prod-short-description {
			float:left;
			padding:1em .75em .5em;
			// width:295px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width:273px;
		}
		.prod-info .prod-short-description p { color:#666; }
		
	.prod-item .prod-links {
		float:right;
		padding:5px 10px;
		padding-left:20px;
		background:url(../images/prod-line-topright.gif) left top no-repeat;
		width:144px;
		// width:174px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width:144px;
	}
		.prod-links h3 { margin:1em 0 .5em; color:#000 }
		.prod-links ul li { margin-left:-.25em!important }
		.prod-links ul li {
			padding:.25em 0 .25em 14px!important;
			font-weight:bold;
			background-position:0em .5em!important;
		}
		
/* Sidebar navigation */
.sidebar-navigation {
	margin:2em -14px 2em 0;
	padding:0 10px 10px;
	background-color:#EEF4F4;
}
		.sidebar-navigation h2 {
			padding:.5em 0 .25em!important;
			margin:0!important;
			color:#000;
			font-size:115%;
			font-weight:bold;
			border-bottom:1px solid #DEE;
		}
		.sidebar-navigation ul { padding:0; margin:0!important }
		.sidebar-navigation ul li {
			display:block;
			margin:0;
			padding:0!important;
			font-weight:bold;
			font-size:115%;
			background:none!important;
			border-bottom:1px solid #DEE;
			border-top:1px solid #F6F9F9;
			
		}
		.sidebar-navigation ul li a {
			padding:.5em 0 .5em 26px!important;
			display:block;
			background:#EEF4F4 url(../images/bullet-arrow.gif) .35em .55em no-repeat;
		}
		.sidebar-navigation ul li.current a, .sidebar-navigation ul li a:hover { background-color:#F6F9F9 }
		
		
/* Notes and stuff */
a.note {
	color:#AAA;
	text-decoration:none;
}

.photo-box { margin:0 0 .5em; text-align:center; }
.photo-box span { position:relative; top:-1em; text-align:center; font-size:90%; color:#999; }
		
		
/* Home page custom
==========================*/

#home #tagline { height:184px; }

#home #content .page-description {
	position:relative;
	margin:20px -10px;
	width:710px;
	height:113px;
	overflow:hidden;
	line-height:1.5;
}
	#home #content .page-description p {
		padding:8px 12px;
		font-size:125%;
		font-weight:bold;
		color:#666;
	}
	#home #content .page-description span {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/home-tagline.gif) left top no-repeat;
	}

#content ul.advantages {
}
	#content ul.advantages li {
		padding-left:18px;
		color:#999;
		background:url(../images/bullet.gif) 0em 1em no-repeat;
	}
	#content ul.advantages li strong {
		font-size:115%;
		font-weight:normal;
		text-transform:uppercase;
		color:#000;
	}
	
	
/******************/
/* Footer section */
/******************/
#footer {
	margin:1.5em 0px 1em 60px;
	padding:.5em;
	text-align:left;
	font-size:90%;
}
	#footer p { color:#AAB }
	#footer a { color:#8AF }