* {margin: 0px;padding: 0px;}
img {border: none;}
a {color: #ccc;text-decoration: underline; outline:none; }
a:hover {text-decoration: underline;color: #ccc;}
p {padding-bottom: 10px;}
body { background: #fff url(images/bg.gif) repeat-x top; color: #000; font: 20px/30px "DINLight", Verdana; }
ul, ol {margin: 0px 0px 10px 10px;padding: 0px;}
hr {border-bottom: 1px solid #BEBEBE;margin-bottom: 10px;border-top-style: none;border-right-style: none;border-left-style: none;}
h1 { font-size: 45px; line-height: 55px; font-weight: normal; padding-bottom: 10px; color: #b4b4b4; }
h2 { padding: 5px 0px 33px 25px; font: 28px/20px "DINLight"; }
.float-left {float: left;}
.float-right {float: right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.clear {clear: both;}
.gray {color:#7f7979;}
.green { color:#96C025; }
.text15 { font-size:15px; line-height:19px; }
.wrapper {width:990px; margin:auto;}

@font-face {
	font-family: 'DINLight';
	src: url('fonts/din-light-webfont.eot');
	src: local('☺'), url('fonts/din-light-webfont.woff') format('woff'), url('fonts/din-light-webfont.ttf') format('truetype'), url('fonts/din-light-webfont.svg#webfontQ0ewW9f7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINMedium';
	src: url('fonts/din-medium-webfont.eot');
	src: local('☺'), url('fonts/din-medium-webfont.woff') format('woff'), url('fonts/din-medium-webfont.ttf') format('truetype'), url('fonts/din-medium-webfont.svg#webfontQ0ewW9f7') format('svg');
	font-weight: normal;
	font-style: normal;
}

form p {}
form label { float: left; position:absolute; margin: 10px 0px 0px 10px; font-size: 20px; display: block; white-space: nowrap; z-index: 10; }
form input[type=text], form input[type=password], form textarea, form select { -moz-box-shadow:0px 0px 2px #d9d9d9; -webkit-box-shadow:0px 0px 2px #d9d9d9; box-shadow:0px 0px 2px #d9d9d9; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding: 10px 9px; width: 370px; border: 1px solid #e0e0e0; font: 20px "DINLight"; color: #000; }
form input[type=text]:hover, form input[type=password]:hover, form textarea:hover, form select:hover,
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus, form select:focus { -moz-box-shadow:0px 0px 4px #b3b3b3; -webkit-box-shadow:0px 0px 4px #b3b3b3; box-shadow:0px 0px 4px #b3b3b3; }
form input[type=submit] { padding: 0px; border: 1px none #CCC; background: transparent; cursor:pointer; font: bold 25px "DINMedium"; color: #9e9c9c; margin: 0px 0px 0px 325px; }
	form input[type=submit]:hover { color:#000; }
form textarea {height: 140px;}
form select {padding: 2px;}
fieldset {padding: 10px; border: 1px solid #CCC;}
legend {font-weight: bold;}
.ketchup-error-container { text-shadow:1px 1px 0px #000; -moz-box-shadow:2px 2px 2px #b4b4b4; -webkit-box-shadow:2px 2px 2px #b4b4b4; box-shadow:2px 2px 2px #b4b4b4; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:none; position:absolute; font-size:13px; color: #FFF; background: #900; padding: 6px 10px; line-height: 16px; font-weight: bold; width: 140px; margin: 25px 0px 0px -140px; border: 1px solid #600; z-index: 40; list-style:none; text-align: center; }
	.ketchup-error-container  ol { list-style:none; margin:0; padding:0; }

#portfolio { margin:0; padding:0; }
	#portfolio .item { -moz-box-shadow:1px 1px 2px #c7c4c4; -webkit-box-shadow:1px 1px 2px #c7c4c4; box-shadow:1px 1px 2px #c7c4c4; width:211px; float:left; padding:5px; background: #f3f3f3; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border: 1px solid #e7e7e7; height: 211px; color: #000; margin: 0px 15px 20px 10px; }
		#portfolio a { color:#000; text-decoration:none; margin-right: 5px; margin-left: 5px; }
		#portfolio .url { margin: 20px 0px; font-weight: bold; }
		#portfolio .button { text-shadow:1px 1px 0px #6c8d14; background: url(images/visit-button.jpg) no-repeat left top; height: 28px; width: 96px; display: inline-block; color: #FFF; font: bold 13px/28px Arial, Helvetica, sans-serif; margin-bottom: 15px; }
			#portfolio .button:hover { background-position: left bottom; }
		#portfolio .services { height:60px; font-weight: bold; }
		#portfolio .client { font-size:11px; }
	#portfolio .description { text-align: center; background: url(images/trans.png); width:167px; height:207px; position: absolute; margin: 1px 0px 0px 1px; padding-right: 20px; padding-left: 20px; font-size: 13px; }
		#portfolio p { padding:0; line-height:18px; }
		#portfolio img { border: 1px solid #dfdede; padding: 2px; }
.prev, .next { position:absolute; display:block; width:16px; height:24px; background: url(images/arrows.gif) no-repeat left top; margin: 220px 0px 0px -25px; }
.next { background: url(images/arrows.gif) no-repeat right top; margin-left:995px; }
	.prev:hover { background-position:left bottom; }
	.next:hover { background-position:right bottom; }
#paginator { text-align:center; padding-top: 15px; }
	#paginator a { display:inline-block; width:20px; height:20px; background: url(images/paginator.gif) no-repeat left top; margin-right: 5px; margin-left: 5px; text-indent: -99999px; }
		#paginator a:hover, #paginator a.activeSlide { background: url(images/paginator.gif) no-repeat right top; }

#top { height:390px; background: url(images/top.jpg) no-repeat center top; }
	#logo { position:absolute; display:block; width:70px; height:55px; background: url(images/logo.png) no-repeat; margin: 14px 0px 0px -30px; }
	#slogan { text-shadow:1px 1px 0px #95bd26; width:350px; height:30px; position:absolute; color: #FFF; margin:26px 0 0 50px; font-size: 16px; }
	#nav { position:absolute; margin: 24px 0 0 580px; text-shadow:1px 1px 0px #95bd26; font: bold 25px "DINMedium"; text-align: right; width: 300px; }
		#nav a { color:#fff; text-decoration:none; padding: 4px 9px; }
			#nav a:hover { padding: 3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#FFF; background: #90ba1f; text-shadow: 1px 1px 0px #719313; border: 1px solid #B4E631; }
	#facebook, #mail { background: url(images/social.png) no-repeat left top; height: 33px; width: 33px; display: block; position: absolute; margin: 24px 0px 0px 934px; }	
		#facebook:hover { background-position: top right; }
	#mail { background-position: bottom left; margin-left: 891px; }
		#mail:hover { background-position: bottom right; }
	#color { position:absolute; width:340px; height:347px; background: url(images/color.jpg) no-repeat; margin: 80px 0px 0px 610px; }
	#text { position:absolute; width:560px; margin:115px 0 0 25px; background: url(images/line.gif) no-repeat left bottom; height: 242px; }
	#skills { cursor:default; text-shadow:1px 1px 0px #f7f7f7; text-transform: uppercase; font: 13px/20px "DINMedium"; background: url(images/skills.gif) no-repeat left top; color: #84a215; padding: 0px 12px 11px; margin: 25px 0px 0px 5px; position: absolute; }
	#skills-wrapper { -moz-box-shadow:1px 1px 2px #eaeaea; -moz-border-radius:4px; -webki-border-radius:4px; border-radius:4px; position:absolute; width:210px; background: #F4F4F4; padding: 10px 15px 4px; font-size: 12px; z-index: 40; margin: -103px 0 0 385px; border: 1px solid #EFEFEF; }
		#skills-wrapper p { padding:0 0 6px 0; line-height:19px; }

.prev-arrow, .next-arrow { display:block; width:12px; height:14px; position:absolute; background: url(images/arrows2.gif) no-repeat left top; z-index: 20; margin:130px 0 0 -20px; }
.next-arrow { background-position: top right; margin-left:440px; }
	.prev-arrow:hover { background-position: left bottom; }
	.next-arrow:hover { background-position: right bottom; }

#ontop { text-shadow:1px 1px 0px #7fa712; position:absolute; width:62px; height:30px; margin:-16px 0 0 405px; display:block; z-index:30; background: url(images/ontop.gif) no-repeat top left; font-size: 15px; color: #FFF; font-weight: bold; text-decoration: none; text-align: center; padding-top: 11px; }
	#ontop:hover { background-position: top right; }

#footer { background: #f3f3f3 url(images/footer-line.gif) repeat-x top; border-bottom: 4px solid #a0cd23; min-height:300px; margin-top: 20px; padding-top: 1px; }
	#footer .wrapper { background: url(images/footer.jpg) no-repeat center top; padding: 45px 0px 40px; }
	#footer h2 { margin: 0px; padding: 0px 0px 20px; font-size: 28px; }
	#footer .left { float:left; width:400px; margin-left: 27px; }
	#footer .right { float:right; width:490px; }
		#footer .right .rotator { padding-top:20px; }
	#goodies-rotator { padding-top:25px; }