/* Main CSS - Martin Korner - Freelance Web Design */

body {padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:#ddd;}
a:active {outline:none;}

#header {height:140px; background:#17191B url(../images/header_shadow.jpg) repeat-x; background-position:bottom; color:#fff}
.header_shine {width:100%; height:85px;}
.header_title {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:30px; left:20px;}
.header_title_main {font-size:47px;}
/*.header_title_sub {font-size:22px; color:#e7e8e8; letter-spacing:4.2px; margin-top:-8px;}*/

#textsize {position:absolute; top:0px; right:0px; padding:0px; margin:2px 2px 0 0; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:8em; font-size:12.2px;}
#textsize a {color:#fff; text-decoration:none; font-weight:bold; vertical-align:baseline;}
#textsize .text1 {font-size:11px;}
#textsize .text2 {font-size:14px;}
#textsize .text3 {font-size:17px;}

#menu {list-style-type:none; position:absolute; top:84px; right:0px; padding:0px; margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; margin-right:8px;}
#menu li {float:right; list-style-image:none;}
#menu a {background:url(../images/tab.jpg) no-repeat; display:block; width:97px; height:30px; color:#fff; text-decoration:none; padding:16px 0 0 6px;; text-align:center;}
#menu a:hover {background:url(../images/tab.jpg) no-repeat; background-position:0 -47px; display:block; width:97px; height:30px; color:#fff; text-decoration:none; padding:16px 0 0 6px;; text-align:center;}
.active {background:url(../images/tab.jpg) no-repeat; background-position:0 -94px; display:block; width:97px; height:30px; color:#fff; text-decoration:none; padding:16px 0 0 6px;; text-align:center;}

#footer {height:58px; background:#17191B url(../images/footer_shadow.jpg) repeat-x top; color:#fff;}
.footer_shine {width:100%; height:37px; margin-top:8px;}
.footer_text {position:relative; top:-37px; text-align:center; font-size:13px; line-height:20px;}
.footer_text a {color:#fff; text-decoration:none;}
.footer_text a:hover {text-decoration:underline;}

#content {background:#fff; padding:0px 5%;}
h1 {padding:5px 0; margin:0px; font-size:26px;}
h2 {padding:0px; margin:5px 0 0 0; font-size:22px;}
p {padding:5px 0px 15px 0px; margin:0px;}
.clear {clear:both;}
ul {padding-top:5px; margin-top:0px;}
li {list-style-image:url(../images/bullet.gif);}

#content a, #content a:visited {color:#126CC7; text-decoration:none;}
#content a:hover, #content a:active {text-decoration:underline;}
a img {border:none;}
.top {float:right}
.smallprint {font-size:10px; font-style:italic; padding-top:5px; vertical-align:bottom;}
.smallprint a {color:#000000;}
.statcounter {display:none;}

/* Portfolio */
.two_collumn {width:40%; float:left;}
.detail {font-size:14px; font-weight:normal; padding-left:10px;}
hr {border:1px #bebebe; border-style:none none solid none;}
.preview img{border:dashed 1px #999; float:left; margin-right:20px;}
.preview img:hover, .preview img:active {border:solid 1px #999;}

/* Contact */
#contact_form fieldset {border:none;}
#contact_form input {margin-bottom:3px; width:450px; padding:1.5px;}
	#contact_form .input {color:#444444;}
	#contact_form .input:focus {color:#000000; border:groove #0066ff 2px;}
#contact_form textarea {width:450px; padding:1.5px;}
#contact_form .required {vertical-align:top; color:#de0000; margin-left:2px;}
#contact_form {margin-top:10px;}
#contact_form label {float:left; width:4.5em; text-align:right; margin-right:0.5em;}
#contact_form .submit {margin-left:386px; width:150px; height:35px; margin-top:3px;}

/* Accessibility */
.access_keys {border:solid 1px #bbb;}
.access_keys td {border:solid 1px #ddd; padding:3px;}