/* Reset Rules
------------------------------- */
ol,ul 							{ list-style:none; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p 			{ margin: 0; padding: 0; font-weight: normal; }
.clear							{ clear: both; }
.left							{ float: left; }
.right							{ float: right; }
img								{ border: 0; }


/* Main Rules
------------------------------- */

body 							{ background: #eaeaea url('../images/bg.gif'); font-family: Arial, serif; font-size: 12px; color: #909090; }
#wrapper						{ margin-left: auto; margin-right: auto; width: 960px; margin-top: 40px; }
#header							{ height: 120px; overflow: hidden; }
.logo							{ float: left; }
nav								{ margin: 30px 0 0 200px; float: right; }
#content_top					{ width: 960px; }
#content						{ width: 980px; }


/* Navigation
------------------------------- */
#nav							{ float: right; margin-top: 25px; }
#nav > div						{ float: left; cursor: pointer; cursor: hand; height: 32px; }
#nav_about						{ width: 82px; background: url('../images/about.png') no-repeat; background-position: 0 -35px; }
#nav_about:hover				{ background-position: 0 -1px; }
#nav_work						{ width: 77px; background: url('../images/work.png') no-repeat; background-position: 0 -35px; }
#nav_work:hover					{ background-position: 0 -1px; }
#nav_insp						{ width: 132px; background: url('../images/insp.png') no-repeat; background-position: 0 -35px; }
#nav_insp:hover					{ background-position: 0 -1px; }
#nav_contact					{ width: 102px; background: url('../images/contact.png') no-repeat; background-position: 0 -35px; }
#nav_contact:hover				{ background-position: 0 -1px; }
.active							{ background-position: 0 -1px!important; }

.back							{ float: left; margin-left: -5px; margin-top: 10px; width: 68px; height: 32px; background: url('../images/back.png') no-repeat; background-position: 0 -35px; }
.back:hover						{ background-position: 0 -1px; }
.topright						{ float: right; }

/* Links Colors
------------------------------- */
a:link 							{ color:#999; }  		/* unvisited link */
a:visited 						{ color:#999; }  		/* visited link */
a:hover 						{ color:#a6c338; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; }  	/* mouse over link */
a:active 						{ color:#a6c338; }  	/* selected link */

/* hr, h1, p
------------------------------- */
hr								{ color: #a6c338; background: #a6c338; height: 1px; border: 0; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1); }
h1								{ color: #fff; font-family: 'Droid Sans', serif; font-size: 60px; font-weight: 700; text-shadow: 1px 1px 1px #a6c338; margin-bottom: 10px; }
h2								{ color: #fff; font-family: 'Droid Sans', serif; font-size: 40px; font-weight: 700; text-shadow: 1px 1px 1px #a6c338; margin: 0;}
h4								{ font-weight: bold; color: #a6c338; font-size: 13px; margin-bottom: 5px; }
p								{ color: #a9a9a9; font-family: 'Droid Sans', serif; font-size: 16px; font-weight: 700; text-shadow: 0px 1px 0px #fff; padding-left: 5px; }
.divider						{ margin: 30px 0 20px 0; }
.topdivider						{ margin: 0 0 20px 0; }
h6 								{ font-family: Georgia, Times, serif; font-size: 10px; color: #999; font-style: italic; font-weight: normal; }

/* Work
------------------------------- */
.work, .workfront				{ background: #eee; float: left; width: 280px; padding: 10px; margin: 20px 25px 0 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-transition-duration: .3s; }
.work h3, .workfront h3			{ text-transform: uppercase; font-family: arial, serif; font-size: 13px; font-weight: 600; color: #909090; }
.work:hover	, .workfront:hover	{ -webkit-box-shadow: 0 0 5px rgba(186,212,86,1); -webkit-transition-duration: .3s; -moz-box-shadow: 0 0 5px rgba(186,212,86,1); -moz-transition-duration: .3s; }
.work_big						{ position: relative; background: #eee; width: 638px; height: 335px; padding: 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); }
	.container					{ float: left; width: 960px; }
	.work_desc					{ float: right; background: #eee; width: 268px; padding: 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); }
	.work_desc p				{ font-family: Arial, serif; font-size: 12px; color: #909090; font-weight: normal; }
	.work_desc h3				{ color: #fff; font-family: 'Droid Sans', serif; font-size: 18px; font-weight: 700; text-shadow: 1px 1px 1px #a6c338; margin-bottom: 10px; }
	.work_desc ul				{ margin: 5px 15px 5px 20px; }
	.work_desc ul li			{ list-style-type: disc; }
	.visit_link					{ margin: 10px 0 0 0; }
	
/* Image Scroller
------------------------------- */
.scrollgeneric 					{ line-height: 1px; font-size: 1px; position: absolute; top: 0; right: 0; }
#mycustomscroll_mcontentwrapper { height: 335px!important; }
.vscrollerbase 					{ width: 10px; background-color: #eaeaea; cursor: move; }
.vscrollerbar 					{ width: 10px; background-color: rgba(0,0,0,0.9); }
.scrollerjogbox 				{ width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; }
.vscrollerbase 					{ background: rgba(186,212,86,0.2); width: 10px;}
	

/* Contact Form
------------------------------- */
#right_contact h4				{ color: #a9a9a9; font-family: 'Droid Sans', serif; font-size: 16px; font-weight: 700; text-shadow: 0px 1px 0px #fff; }
#right_contact	p				{ font-family: Arial, serif; font-size: 13px; color: #909090; font-weight: normal; }
#contact_form					{ margin-top: 20px; float: left; }
textarea:focus, input:focus		{ outline: none; }
textarea						{ height: 160px; }
label							{ padding: 10px 0 4px 0; display: block; width: 150px; color: #a9a9a9; font-family: 'Droid Sans', serif; font-size: 16px; font-weight: 700; text-shadow: 0px 1px 0px #fff; }
input, textarea					{ width: 400px; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #ccc; color: #a9a9a9; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); }
input[type=submit]				{ margin-top: 10px; cursor: hand; cursor: pointer; background: #faf8ed; width: auto; display: block; padding: 5px 10px; color: #a9a9a9; font-family: 'Droid Sans', serif; font-size: 16px; font-weight: 700; text-shadow: 0px 1px 0px #fff; }
input[type=submit]:hover		{ background: #faf8ed; color: #a6c338; font-family: 'Droid Sans', serif; font-size: 16px; font-weight: 700; text-shadow: 0px 1px 0px #fff; }
#right_contact					{ background: #fff; float: right; width: 280px; padding: 10px; margin-top: 35px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-transition-duration: .3s; }
#kontaktmsg 					{float: left; margin: 10px 0; width: 400px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); padding: 10px; }