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

body {
	width:100%;
	height:auto;
	font-family:"Comic Sans MS", cursive;
	background: #FFF;
	background: -moz-linear-gradient #00CED1;
	background: -webkit-linear-gradient #00CED1;
	background: -o-linear-gradient #00CED1;
	background: -ms-linear-gradient #00CED1;
	
	
}

#sidebar {
	font-size:22px;
	color:#060;
	float:left;
	height:550px;
	margin-top:8px;
	margin-right:6px;
	margin-left:2%;
	padding-top:6px;
	padding-right:3px;
	padding-left:5px;
	background-color:#FFC;
	/*background:-moz-linear-gradient(top,
	rgb(51,255,153)2%,
	rgb(51,204,102)20%,
	rgb(102,204,102)30%,
	rgb(0,102,0)40%);
	
	
	background:-o-linear-gradient(top,
	rgb(51,255,153)2%,
	rgb(51,204,102)20%,
	rgb(102,204,102)30%,
	rgb(0,102,0)40%);
	background:-webkit-linear-gradient(top,
	rgb(51,255,153)2%,
	rgb(51,204,102)20%,
	rgb(102,204,102)30%,
	rgb(0,102,0)40%);
	background:-ms-linear-gradient(top,
	rgb(51,255,153)2%,
	rgb(51,204,102)20%,
	rgb(102,204,102)30%,
	rgb(0,102,0)40%);*/
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
}

#header {
	background-color:#FFC;
	color:#063;
	/*width:90%;*/
	height:200px;
	font-size:85px;
	font-family:"Comic Sans MS", cursive;
	padding-top:1%;
	padding-right:1%;
	padding-left:2%;
	padding-bottom:2%;
	margin-left:2%;
	
}
#main {
	width:850px;
	margin-left:300px;
	padding-right:300px;
	padding-left:20px;
	font-family:"Comic Sans MS", cursive;
	padding-top:80px;
	font-size:22px;
		
}
.color {
	color:#060;
}
	


#iBox {
	padding-right:8px;
	
}
#fL::first-letter {
	font-size:1.5em;
	font-weight:bold;
	float:left;
	
}
/*.c {
	text-align:center;
	margin-left:250px;
	
}*/
.left {
	text-align:center;
	float:left;
	margin-left:400px;
	
}
#content {
	background-color:#FFC;
	padding:0 10px;
	margin:20px auto;
	color:#666;
	font-size:22px;
	height:auto;
}
h1 {
	color:#060;
}
h3 {
	color:#060;
	
}
.b {
	color:#900;
	text-decoration:none;
}
.b:hover {
	text-decoration:underline;
}

.preload {
	display:none;
}
.animation:hover {
	-moz-transform:scale(1.3);
	-o-transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-webkit-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top;
	border:2px solid #663;
	text-decoration:none;
	box-shadow:5px 5px 8px 2px #060;
}
.animation1:hover {
	-moz-transform:scale(1.3);
	-o-transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-webkit-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top;
	border:2px solid #000;
	text-decoration:none;
	box-shadow:5px 5px 8px 2px #060;
	padding-right:50px;
	
}
#img1 {
	border:2px solid #000;
	margin:20px auto;
	
	

	
}
form {
	width:50%;
	height:auto;
	margin:0 auto;
	padding:20px;
	background-color:#FFC;
	-o-border-radius:8px;  
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	-o-box-shadow: 2px 2px 2px 2px rgba(0,119,0,1);
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,119,0,1);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0,119,0,1);
	box-shadow: 2px 2px 2px 2px rgba(0,119,0,1); 
}

fieldset {
	-o-border-radius:6px;  
	-moz-border-radius:6px;  
	-webkit-border-radius:6px; 
	border-radius:6px;
	width:95%;
	margin-top:5px;
	margin: 0 auto;
	height:73%;
}


label, input, select {
	line-height:20%;
	margin-bottom:4px;
	-o-border-radius: 4px;  
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

input:focus, select:focus, textarea:focus {
	background-color:rgba(255,255,204);
	border-color:rgba(255,255,204);
	-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0,119,0,1);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0,119,0,1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0,119,0,1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0,119,0,1);
	-o-transform-origin:left top;
	-moz-transform-origin:left top;
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-o-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	transform:scale(1.02);
}

label {
	font-size:20px;
	float:left;
	text-align:left;
	width:150px;
	height:43%;
	margin-top:22px;
	
	
}

input {
	float:left;
	width:180px;
	height:40px;
}

select {
	width:186px;
}

textarea {
	width:180px;
	height:180px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
}

#submit {
	width:40%;
	float:left;
	margin-top:20px;
	margin-left:150px;
	padding-top:10px;
	background-color:rgb(255,255,204);
}
#introw {
	color:#900;
	font-size:1em;
	font-style:italic;
}
/*#i1 {
	margin-right:500px;
	margin-left:500px;
	
}*/
.right {
	margin-top:-250px;
	margin-left:200px;
	text-align:center;
}

/*Rules Sensitive to Screen Size*/

/*Small Screen Rules*/
@media screen and (max-width:350px){
	#content {
		width:100%;
		height:auto;
	}
	h1{
		font-size:1.6em;
		padding:10px 14px;
		margin:10px 0;
	}
	#header {
		width:100%;
		margin:4px 0;
		font-size:1.5em;
		height:10%;
	}								
	.max, .mid {
		display:none;
	}
	.min {
		display:block;
	}
	#sidebar {
		width:10%;
		font-size:0.6em;
	}
	#main {
		width:77%;
		font-size:0.5em;
		margin-top:-75px;
		margin-left:75px;
		
	}
	.price {
		text-align:left;
		margin-left:130px;
	}
	.price1 {
		text-align:center;
		margin-top:-80px;
		margin-left:110px;

	}
	.price2 {
		text-align:left;
		margin-left:100px;
	}
	.style {
		float:right;
		margin-right:20px;
	}
	.stylo {
		float:right;
		margin-right:20px;
	}

}

/*Medium Screen Rule*/
@media screen and (min-width:401px) and (max-width:800px) {
	
	#content {
		width:100%;
		height:auto;
	}
	#header {
		width:100%;
		margin:6px;
		font-size:55px;
	}
	#sidebar {
		width:20%;
		font-size:0.9em;
		margin-top:-13px;
	}
	#main {
		width:80%;
		font-size:0.8em;
		margin-top:-90px;
		margin-left:85px;
	}
	.min, .max {
		display:none;
	}
	.mid {
		display:block;
	}
	h3 {
		font-size:1.2em;
	}
	.price {
		text-align:left;
		margin-left:300px;
	}
	.price2 {
		text-align:left;
		margin-left:300px;
	}
	.price1 {
		
		textalign:center;
		margin-top:-210px;
		margin-left:350px;
	}
	
	.stylo {
		float:right;
		margin-right:20px;
	}
}

/*Large Screen Rule*/
@media screen and (min-width:801px) and (max-width:10000px) {
	
	#content {
		width:1200px;
	}
	.min, .mid {
		display:none;
	}
	.max {
		display:block;
	}
	.price {
		text-align:left;
		margin-left:300px;
	}
	.price1 {
		text-align:center;
		margin-top:-210px;
	}
	.price2 {
		text-align:left;
		margin-left:310px;
	}
	.stylo {
		float:right;
		margin-right:20px;
	}
}