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

* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    font-family: sans-serif, Arial, Helvetica;
}

nav {
	width:100%;
	height:65px;
	background-image: url('../images/top-repeat.png');
	background-repeat: repeat-x;
	margin-bottom:20px;
	position: fixed;
	z-index: 1000;
}

nav > div {
	width:1000px;
	height:65px;
	margin:0 auto;
}

nav > div > a > img {
	height:35px;
	width:198px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
}
div.container {
	width:1000px;
	margin:0 auto;
	height:auto;
	padding-top:75px;
	position:relative;
	z-index: 1;
}
div.container > section.questions {
	width:91%;
	background-image: url('../images/corner.png');
	background-position: top right;
	padding:20px 3% 5px 5%;
	margin-bottom:25px;
	padding-bottom:10px;
}

div.container > section.questions > article.question {

}

div.container > section.questions > article.question > h1  {
	font-size : 14px;
	font-weight: bold;
	margin-bottom:5px;
}
div.container > section.questions > article.question > label {
	width:100%;
	height:20px;
	line-height: 20px;
	margin-bottom:5px;
	display: block;
}
div.container > section.questions > article.question > label > input[type="radio"] {
	margin-right:10px;
}	

div.container > form > ul {
	width:100%;
	list-style: none;
}
div.container > form > ul > li {
	font-weight: bold;
	width:100%;
	height:auto;
	margin-bottom:15px;
}
div.container > form > ul > li > ul {
	width:95%;
	padding-left:5%; 
	margin-top:10px;

}
div.container > form > ul > li > ul > li {
	margin-bottom:10px;
}



textarea {
	border:1px solid #000;
}
div.container > form > input,
div.container > form > select {
	border: 1px solid #000;
	height: 20px;
	width:200px;
}

@media only screen and (max-width: 767px) {
	div.container {
		width:94%;
		margin:0 auto;
		height:auto;
		padding-top:75px;
		position:relative;
		z-index: 1;
	}
	textarea {
		border:1px solid #000;
		width:100%;
	}
}