@charset "UTF-8";
/* CSS Document */

*{margin:0; padding:0;}

body{
background:url(images/bg.jpg) top left #fff;
font-family:TrebuchetMS, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#00abbd;
}

p{
font-size:0.8em;
	color:#4d5e5e;
	line-height:1.6em;
	margin-bottom:1.2em;
}

h1{
font-size:1.2em;
font-style:normal;
font-weight:normal;
line-height:2em;
}

a:link, a:visited{
color:#000;
text-decoration:none;
}

a:hover, a:active{
color:#00abbd;
text-decoration:none;}

.blue{
color:#00abbd;}

/*-----------------
STRUCTURE
-----------------*/

#containertop{
	width:930px;
	height:650px;
	margin:0 auto;
	background:url(images/content-top.jpg) top left no-repeat;
	}
#container{
	width:930px;
	margin:0 auto;
	height:1000px;
	}
	
#header{
	background:url(images/header.jpg) no-repeat top left;
	/*width:930px;*/
	height:120px;
	padding:170px 0 0 47px;
	}
	
#header img{
	float:left;
	display:block;
	}
	
#content{
	background:url(images/content.jpg) repeat-y;
	width:930px;
	clear:both;
	padding-bottom:80px;
/*	min-height:700px;
*/	}
#footer{
	background:url(images/footer.jpg) no-repeat;
	width:930px;
	height:100px;
	clear:both;
	}
	
	
/*-----------------
MENU
-------------------*/

#menu{
	background:url(images/menu2.png) no-repeat;
	margin:30px 0 0 140px;
	float:left;
	display:block;
	height:64px;
	width:500px;
}

#menu ul{
	list-style:none;
	position:relative;
}

#menu ul li{
	display:block;
	float:left;
}

#menu a{
	display:block;
	float:left;
	height:35px;
	margin-top:20px;
}

#menu li a.print{
	background:url(images/print.png) no-repeat;
	width:65px;
	margin-left:45px;
}
#menu li a:hover.print{
	background:url(images/menuprintactive.png) no-repeat;
}
#menu li a.printactive{
	background:url(images/menuprintactive.png) no-repeat;
	width:65px;
	margin-left:45px;
}

#menu li a.web{
	background:url(images/menuweb.png) no-repeat;
	width:56px;
	margin-left:112px;
}
#menu li a:hover.web{
	background:url(images/menuwebactive.png) no-repeat;
}
#menu li a.webactive{
	background:url(images/menuwebactive.png) no-repeat;
	width:56px;
	margin-left:112px;
}

#menu li a.illustration{
	background:url(images/menuillustration.png) no-repeat;
	width:111px;
	margin-left:90px;
}
#menu li a:hover.illustration{
	background:url(images/menuillustrationactive.png) no-repeat;
}
#menu li a.illustrationactive{
	background:url(images/menuillustrationactive.png) no-repeat;
	width:111px;
	margin-left:90px;
}

#menu li a.contact{
	background:url(images/menucontact.png) no-repeat;
	width:84px;
	margin-left:120px;
}
#menu li a:hover.contact{
	background:url(images/menucontactactive.png) no-repeat;
}
#menu li a.contactactive{
	background:url(images/menucontactactive.png) no-repeat;
	width:84px;
	margin-left:120px;
}

#menu span{
	position:absolute;
	top:-10000px;
	overflow:hidden;
}

/*--------------
PROJECT
---------------*/
.project{
	background:url(images/project.png) no-repeat;
	margin:0 35px 0 35px;
	height:335px;
	width:800px;
	padding:30px 30px 40px 30px;
    overflow: hidden;
	}
.project img{
	border:1px solid #00abbd;
	}
.project p{
	text-align:right;
	display:inline;
	float:right;
	margin-top:9px;
	font-size:0.7em;
		}

.slider {
    width:800px;
    height:335px;
    overflow: hidden;
    }
    
.slider ul {
    list-style: none;
    width: 8000px;
    }

.slider ul li {
    width: 800px;
    height: 300px;
    overflow: hidden;
    display: inline-block;
    }
    
.slider img { border: 0; }
.slider ol { margin: 2px 0; padding:0; height:31px; display:inline;/*height:15px;*/ }
.slider ol li {
        margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
/*		height:15px;
/*		line-height:15px;
*/		font-size:0.7em;
		height:31px;
		width:25px;
		}
.slider ol li a{
		float:left;
/*		height:15px;
		line-height:15px;
		border:1px solid #00abbd;
		background:#DAF3F8;
		color:#555;
		padding:0 5px;*/
		text-decoration:none;
		padding:7px 9px;
		height:31px;
		}
		
.slider ol li a:hover, .slider ol li a:active{
/*		background:#5dc9e1;*/
		color:#7f9092;
		background:url(images/sliderhover2.jpg) no-repeat;
		}
.slider ol li a:link, .slider ol li a:visited{
/*		background:#DAF3F8;*/
		color:#7f9092;
		}
		
.slider ol li a.current{
		/*background:#5DC9E1;*/
		color:#7f9092;
		background:url(images/sliderhover2.jpg) no-repeat;
		height:31px;
		}


/*---------------
CONTACT
-----------------*/

#contact{
/*background:url(images/contact.png) no-repeat;
*/width:600px;
/*height:445px;
*/margin-left:230px;
}