/* CSS Document */

body {
	background: url(../images/bg-site5.jpg) repeat-x top left;
	font-family:"Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif;
}

p
{
    font-family:"Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif;
	
}
a {
	color:#666;
	text-decoration:none;
}

a:hover { color:#000 }

input,
textarea {
	border:#CACACA solid 1px;
	font-family:"Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif;
	padding:5px;
	width:325px;
	font-size: 108%;
    
}

.submit,
.cancel {
	border:none;
	height:36px;
	width:81px;
}

.submit {
	background:url(../images/buttons.gif);
}

.cancel {
	background:url(../images/buttons.gif) bottom;
}

.modal {
	background:#333;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

.close-popup {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/close.gif);
	position:absolute;
	top:9px;
	right:9px;
	text-indent:-9999px;
}

.error {
	color:#ff6161;
}

.success-message {
	background-color:#90CC00;
	font-size:16px;
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;
}

.modal-overflow {
	overflow:hidden;
}

.wrapper {
	margin:0 auto;
	width:960px;
}
.newswrapper {
	margin: auto;
/*  padding-left: 40px;
*/	width:94%;
}

.newswrapper h1 {
	color: black;
/*  padding-left: 40px;
*/	width:94%;
}
p.newswrapper, .newswrapper .p {
	margin: auto;
  padding-bottom: 40px;
	width:94%;
}

	
		.header {  }
	
			.header h1 {
				display:inline;
				float:left;
				margin:20px 0 0 80px;
			}
			
				.header h1 a {
					background:url(../images/logo.png) no-repeat;
					display:block;
					height:49px;
					text-indent:-9999px;
					width:234px;
				}
			
			.header ul {
				float:right;
			}
			
				.header li {
					float:left;
					width:184px;
				}
			
					.header li a {
						color:#ddd;
						display:block;
						height:48px;
						padding:21px 12px;
						text-decoration:none;
					}
					.header li a:hover { color:#ddd; }
					
					.header li a.home:hover {
					}
					
					.header li a.blog:hover {
					}
					
					.header li a.maillist:hover {
					}
					
						.header li a strong {
							color:#84C800;
							display:block;
							font-size:17px;
							font-weight:normal;
							text-transform:uppercase;
						}
						
						.header li a span {
							font-size:14px;
						}
					
		.intro {
			height:170px;
			padding:23px 0 0;
			position:relative;
		}
		
			.intro blockquote {
				background:url(../images/bg-intro.gif) no-repeat;
				color:#ddd;
				font-size:18px;
				font-weight:bold;
				height:111px;
				line-height:28px;
				margin:0 0 0 55px;
				padding:28px 127px 0pt;
				width:641px;
			}
			
				.intro blockquote h2 {
					color:#84C800;
					display:inline;
					font-size:26px;
					font-weight:normal;
				}
				
				.intro blockquote p { display:inline; }
				
			.intro em {
				position:absolute;
				right:53px;
				top:23px;
			}
			
				.intro em a {
					background:url(../images/bg-pricedetail.jpg);
					display:block;
					height:154px;
					text-indent:-9999px;
					width:112px;
				}
				
		.container {
			background:url(../images/bg-containersm.png) no-repeat right top;
			padding:180px 0 0 0;
			margin-top:-1px;
/*          background-color:#90CC00;
*/	
	}
				
			.content {
				padding:10px 60px 0 85px;
			}
			
				.content p {
					font-size:14px;
					line-height:22px;
					margin:0 0 20px;
				}
				
					.content p strong {
						font-size:26px;
						font-weight:normal;
					}
					
				.content h2 {
					font-size:26px;
					font-weight:normal;
					margin:30px 0 20px;
				}
					
				.content ol {
					margin:20px 0;
				}
				
					.content ol li h5 {
						font-weight:bold;
					}
					
					.content ol li p {
						font-weight:normal;
					}
				
				.examples,
				.feedback,
				.contact-us {
					float:left;
				}
				
				.feedback {
					padding-left:2%;
					width:69%
				}
				
				.examples {
					padding-right:2%;
					width:27%;
				}
				
				.contact-us {
					margin:20px 0 0;
					width:100%;
				}
				
					.examples li { 
						background:transparent url(../images/bullet2.gif) no-repeat scroll 0 0;
						font-size:14px;
						margin:0 0 5px;
						padding:0 0 0 22px;
					}
					
					.examples h2,
					.feedback h2,
					.contact-us h2 {
						font-size:26px;
						font-weight:normal;
						margin:10px 0 10px;
					}
					
					.examples p,
					.feedback p,
					.contact-us p {
						margin:0 0 10px;
						font-family:"Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif;
                    	
                        
					}
					
		
		.footer {
/*          background:url(../images/divider.gif) repeat-x top left;*/
			font-size:12px;
			margin:30px 0 0;
			padding:20px;
			text-align:center;
		}
		
			.footer span { margin:0 0 0 7px; }
			
			.footer p { margin:15px 0 0; }
			
				.footer p img { height:25px }

#qbox,.qbox, qbox {
height:37px;
width:455px;
/*background:#fff;
*/border: 2px;
margin:-120px 0 0 195px;
float:left;
position:relative;
top:6px;

}

#qboxGlow, .grayDownArrow, #logoimg, #sbut, #qconn, #conn_up, #conn_lf, #skc, .qglow, #ctl, #ctr, #cbl, #cbr {
background-image:url(../images/search_sprite.png);
}



#sbut {
background-position: -145px -38px;
width:84px;
height:31px;
background-repeat:no-repeat;
display:block;
margin-top:-32px;
border-style:none;
background-color:transparent;
}
#sbut:hover {
background-position: -145px -69px;
cursor:pointer;
}
h1 {
    font-size:26px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
    
}


#qboxContainer h1  {
color:#84C800;
font-size:118%;
font-weight:bold;
margin-bottom:30px;
margin-left:3px;
margin-top:48px;
}
