/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*                                        */
/******************************************/


/******************************************/
/*  reset                                 */
/******************************************/

@import url("css/reset.css");
@import url("http://fonts.googleapis.com/css?family=Droid+Sans");


/******************************************/
/*  main elements                         */
/******************************************/

body {
	background-color:#fff;
	color:#000;
	font-family:'Droid Sans', Arial, Serif; 
	font-size:10pt;
	margin:0; 
	min-width:960px;
	padding:0; 
}
	.container {margin:0 auto; width:960px;}
	
	h1 {
		color:#969384;
		font-size:14pt;
		font-weight:bold;
		margin:21px 0 20px 0;
		margin:23px 0 20px 0\9; /* ie hack */
		text-transform:uppercase;
	}
	h2 {color:#969384;
		font-size:12pt;
		font-weight:bold;
		margin:24px 0 20px 0;
		margin:25px 0 20px 0\9; /* ie hack */
		text-transform:uppercase;
	}
	h3 {font-size:11pt;}
	h4 {font-size:10pt;}
	h5 {font-size:8pt;}
	h6 {font-size:7pt;}
	
	p {margin-bottom:15px;}
	ul {list-style:none; margin-bottom:15px;}
	ul li, ol li {margin:0 0 0 18px;}
	
	/** images **/
	img.center {display:block; margin:5px auto;}
	img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
	img.align-l {display:inline; float:left; margin:0 10px 10px 0;}
	img.border {background-color:#ccc; border:1px dotted #444; padding:3px;}
	
	.moreinfo {clear:both; padding-top:15px;}
	
	/** form elements **/
	input.button {font-size:8pt; margin-right:5px;}
	
	/** main navigation **/
	ul.navlist {
		margin:102px 0 0 0; 
		overflow:hidden; 
		padding:0;
	}
		ul.navlist li {
			float:right; 
			margin:0; 
			padding:0;
		}


/******************************************/
/*  links                                 */
/******************************************/

a:active {position:relative; top:1px;}

a:link, a:visited, a:active {
	color:#700;
	font-weight:bold;
	text-decoration:none;
}
	a:hover {
		color:#700;
		font-weight:bold;
		text-decoration:underline;
	}
	
ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {
		color:#fff;
		font-size:11pt;
		font-weight:bold;
		padding:0 20px 0 15px;
		text-decoration:none;
		text-shadow:0 1px 0 #000;
	}
		ul.navlist li a:hover {
			background:url("arrow.png") left top no-repeat;
			color:#fff;
			font-size:11pt;
			font-weight:bold;
			padding:0 20px 0 15px;
			text-decoration:none;
			text-shadow:0 1px 0 #000;
		}

#footer a:link, #footer a:visited, #footer a:active {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
	#footer a:hover {
		color:#000;
		font-weight:normal;
		text-decoration:underline;
	}



/******************************************/
/*  content                               */
/******************************************/

#bg-x {background:url("bg1.jpg") center top repeat-x #e4e2d6;}
#top-static {background:url("top-static.jpg") center top no-repeat; height:419px; overflow:hidden;}
	
#home-y {background:url("home-y.jpg") left top repeat-y; overflow:hidden;}
	#y {background:url("y.jpg") left top repeat-y; overflow:hidden;}
#home-static {background:url("home-content.jpg") left top no-repeat; overflow:hidden;}
	#static {background:url("content.jpg") left top no-repeat; overflow:hidden;}

#home-content {
	float:left;
	padding:0 30px;
	width:420px;
}
	#content {
		padding:0 30px;
		width:900px;
	}
		#content-left {float:left; padding-right:20px; width:430px;}
		#content-right {float:right; padding-right:20px; width:430px;}
			.product-box {border:1px dotted #444; padding:10px; margin-bottom:20px;}
				.product-box h2 {
					color:#000;
					margin:0;
					padding:0;
					text-transform:none;
				}
					.product-box span {
						display:block;
						margin-bottom:10px;	
						font-style:italic;
					}
						.product-box span a {font-size:9pt; font-weight:normal;}
				.product-box h3 {
					color:#000;
					display:inline;
					margin:0 0 5px 0;
					padding:0;
					text-transform:none;
					font-weight:bold;
					font-size:10pt;
				}
				.product-box ul {
					margin:0;
					overflow:hidden;
					padding:0;
					width:100%;
				}
					.product-box ul li {
						display:block;
						float:left;
						margin:0 5px 0 0;
						padding:0;
						_width:100%;
						*width:100%;
					}
#home-right {
	float:right;
	width:480px;
}
	#home-linecard {
		float:left;
		padding:0 30px;
		width:180px;
		_width:172px; /* ie6 hack */
	}
		#home-linecard img {margin:0 auto 15px auto;}
	#home-contact {
		float:right;
		padding:0 30px;
		width:180px;
		_width:130px; /* ie6 hack */
	}


#footer {
	background:url("bg2.jpg") center top repeat-x #fff;
	color:#000; 
	font-size:8pt; 
	text-align:left;
}
	#footer-static {
		background:url("bg-foot.jpg") left top no-repeat; 
		height:95px;
		overflow:hidden;
		padding:30px 0 0 30px;
		width:930px;
	}
		#footer ul.sitelinks {margin:0; padding:0;}
		#footer ul.sitelinks li {display:inline; margin:0; padding:0 5px;}
		#footer ul.sitelinks li.first {padding-left:0px;}
		#footer p.copyright {margin:15px 0;}