/* GLOBAL */

body{
margin: 0px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url(../img/bg.gif);
background-repeat: repeat;
background-attachment: fixed;
background-color: #E5E5E5;
}
h1{
font-size: 14px;
color: #313131;
font-weight: normal;
margin: 0px;
}

p{ margin: 0px; }
img{border: 0px; margin: 0px; padding: 0px;}
object{display: block; outline: none; border: none;}
a{outline: none;}

/* HEAD */

#header{
position: fixed;
top: 50px;
left: 50px;
height: 120px;
padding-left: 100px;
background-image: url(../img/logo.png);
background-repeat: no-repeat;
}
#title{
float: left;
height: 40px;
padding-top: 30px;
background-image: url(../img/title.png);
background-repeat: no-repeat;
}
#menu{
	background: #FFFFFF;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 100%;
}
#menu li{
	float: left;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
#menu a{
	background: #FFFFFF;
	color: #535353;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}
#menu a:hover{
	background: #FFFFFF url("../img/menu-arrow.png") bottom right no-repeat;
	color: #313131;
	padding-bottom: 15px;
}
#menu a.current, #menu a.current:hover{
	background: #313131 url("../img/menu-arrow-current.png") bottom right no-repeat;
	color: #FFFFFF;
	padding-bottom: 15px;
}

/* MIDDLE */

#slider{
position: absolute;
top: 180px;
left: 0px;
height: 300px;
padding-left: 150px;
border-bottom: 1px solid #313131;
}
.web-img{
float: left;
width: 401px;
height: 270px;
padding-top: 29px;
border: 1px solid #313131;
border-bottom: 0px;
background-image: url(../img/webdesign-img-top.jpg);
background-repeat: no-repeat;
}
.design-img{
float: left;
height: 300px;
border: 1px solid #313131;
border-bottom: 0px;
}
.design-txt{
float: left;
height: 100px;
padding: 200px 35px 0 35px;
border-right: 1px solid #313131;
}
.arrow{
float: left;
width: 22px;
height: 22px;
margin: 279px 48px 0 0;
background-image: url(../img/arrow.png);
background-repeat: no-repeat;
}
#footer{
float: right; 
margin: 250px 70px 0 0;
}
#footer-contact{
float: right; 
margin: 288px 70px 0 0;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover, #footer-contact a:link, #footer-contact a:active, #footer-contact a:visited, #footer-contact a:hover{
color: #313131;
text-decoration: none;
font-weight: normal;
}
.title-link:link, .title-link:active, .title-link:visited{
	font-size: 14px;
	color: #313131;
	font-weight: normal;
	text-decoration: none;
}
.title-link:hover{
	font-size: 14px;
	color: #313131;
	font-weight: normal;
	text-decoration: underline;
}

/* CONTACT */

#contact{
position: absolute;
top: 210px;
left: 0px;
height: 338px;
width: 100%;
border-bottom: 1px solid #313131;
}
#introduction{
float: left;
height: 130px;
width: 300px;
margin: 188px 0 0 58px;
padding: 20px 0 0 45px;
background-image: url(../img/intro-arrow.png);
background-repeat: no-repeat;
background-position: left;
}
#me{
float: left;
height: 338px;
width: 142px;
background-image: url(../img/me.jpg);
background-repeat: no-repeat;
background-position: left;
}

/* CONTACT FORM */

table, td, tr { margin: 0px; padding: 2px 0 2px 0; border: 0px; }
#contact-form{
	position: absolute;
	top: 207px;
	left: 150px;
	color: #313131;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 12px;
}
input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #313131;
	border: 0px;
	padding: 5px;
	color: #FFFFFF;
}
textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #313131;
	padding: 5px;
	overflow: auto;
	border: 0px;
	color: #FFFFFF;
}
#button-send{
	background-color: #535353;
	color: #FFFFFF;
	border: 0px;
	padding: 5px;
	margin: 10px 0 0 0;
	float: right;
}
#button-send:hover{
	background-color: #3E3E3E;
}
#button-reset{
	background-color: #cccccc;
	color: #f6f6f6;
	border: 0px;
	font-size: 10px;
	margin: 10px 0 0 0;
	float: left;
}
#button-reset:hover{
	background-color: #999999;
}
#form-message-ok, #form-message-error{
	background-color: #313131;
	color: #FFFFFF;
	padding: 5px;
}

/* BOTTOM */

#slider-navi{
position: fixed;
bottom: 0px;
left: 0px;
height: 25px;
width: 100%;
padding-left: 60px;
background-color: #313131;
text-align: left;
color: #FFFFFF;
}
#navi-cat{
float: left;
width: 70px;
padding: 5px 20px 5px 10px; 
background-image: url(../img/navi-arrow.png); 
background-repeat:no-repeat; 
background-position:right;
}
#navi-link{
float: left;
padding: 5px 20px 5px 20px; 
background-image: url(../img/navi-separator.png); 
background-repeat:no-repeat; 
background-position:right;
}
#navi-link a:link, #navi-link a:active, #navi-link a:visited{
color: #FFFFFF;
text-decoration: none;
}
#navi-link a:hover{
color: #FFFFFF;
text-decoration: underline;
}

/* NO SCRIPT */

#warning-message{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 10;
}
.no-s-link:link, .no-s-link:visited, .no-s-link:hover, .no-s-link:active{
border-bottom: 0px;
color: #313131;
}
.no-s-link:hover{
border-bottom: 0px;
text-decoration: underline;
}
.no-s{
position: relative;
padding: 10px;
background-color: #ffcc00;
}