body, html {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: Verdana, Arial;
	/*font-size: 14px;*/
	font-size: 1em;
	text-align: justify;
	width: auto;
}

#left { width: 34%; position: fixed; bottom: 0; height: 100vh; background: #555555; }
#left img { height: 100%; position: absolute; right: 0; top: 0; overflow: hidden; }
#right { width: 66%; float: right; background: #ffffff; color: #000000; }
#content { padding: 1em; }
#slaruva-logo { width: auto; }
h1 { font-size: 1.5em; margin: 1.2em 0 1.2em 0; }
h2 { font-size: 1.2em; margin: 2.2em 0 1.2em 0; font-weight: normal; }
p { margin: 0.8em 0 1.4em 0; }

a.portfolioitem { display: block; float: left; text-align: center; margin-right: 40px; width: 200px; height: 100px; font-size: 0.8em; }
a.portfolioitem img { width: 200px; margin-bottom: 4px; }

input, textarea { border: 1px solid #dddddd;
    font-size: 1em;
    padding: 0.5em;
	font-family: verdana, arial;
}
textarea { resize: none; }
#name {  }
#name, #email { width: 90%; margin-bottom: 1em; }
#email { width: 94%; }
#message { width: 97%; height: 4em; margin-right: 1em; margin-bottom: 0.6em; }
#namecontainer { width: 50%; display: inline-block; float: left; }
#emailcontainer { width: 50%; display: inline-block; float: left; }
a#submit {  }
.submittext { font-size: 1em; float: left; text-align: left; }
p.successmessage {  }

#footer {
	/*width: 980px;
	height: 40px;
	text-align: center;
	font-family: Verdana, Arial;
	color: ff0000;
	font-size: 11px;*/
	font-size: 0.8em;
}

/*a:link    {color:#3333ff; text-decoration:underline;}*/
a:link    {color:#ff0000; text-decoration:underline;}
a:visited {color:#ff0000; text-decoration:underline;}
a:active  {color:#ff0000; text-decoration:underline;}
a:hover   {color:#ff0000; text-decoration:underline;}


@media (max-width: 900px) {

	#slaruva-logo { max-width: 90%; }
	body, html { text-align: left; }
	#namecontainer, #emailcontainer { width: 100%; }
	#name, #email, #message { width: 92%; }
	#left { width: 28%; }
	#right { width: 72%; }
	
	a.portfolioitem { margin-right: 20px; width: 150px; height: 90px; }
	a.portfolioitem img { width: 150px; }

	/*#slaruva-logo, #slogan, #navigation, #main-container { float: left; clear: both; width: 100%; }
	#navigation { padding-bottom: 24px; }
	#navigation a { width: auto !important; margin-left: 0px !important; padding: 0 10px 0 10px; }
	#navigation a.social { padding: 0; }
	#slogan { /*padding-top: 22px;* / }
	#slogan span { margin: 0; }
	#slogan span.middleslogan { margin-left: 15px; margin-right: 15px; }

	.quote-container form div, #OtherVehicleForm .quote-container div { /*width: 100% !important;* / height: auto; float: none; }
	.quote-container form input, #OtherVehicleForm .quote-container input,
	.quote-container form select, #OtherVehicleForm .quote-container select { width: 100% !important; }
	.mobiletextboxcontainer { padding-right: 18px; }

	#ScheduleForm { text-align: center; }
	#schedule-container input, #schedule-container select, #QuoteRequestEmail, #OtherVehicleForm select { width: 100% !important; margin: 20px 0 0 0; }
	#closeRequest, #scheduleTime { clear: both; }
	#closeRequest, #scheduleTime, #getManualQuote { margin: 20px 20px 0 20px; }
	#OtherVehicleForm input { margin-left: 0; }

	body { text-align: center; width: 100%; }
	/*#header-container, #main { width: 90%;  }* /
	#main, #header-container, #content { width: auto; }
	.quote-container, #OtherVehicleForm .quote-container { left: auto; width: auto; text-align: center; }
	#footer-container { width: auto; }

	.quote-container #GetValueForm { margin-bottom: 20px; }*/

}