@import url("reset.css");
@import url("text.css");

html {
	
}
body{
	background: #fff  url("../images/header.jpg") no-repeat top center;
	text-align:left;
	height:100%;
}

#wrap{
	background: url("../images/backfoot.jpg") repeat-x bottom left;
}
div#main{
	width:990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
	
}

.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}

/* HEADER */

div#header{
	position: relative;
	width: 100%;
	/*height:300px;*/
	/*background: url("../images/header.jpg") no-repeat top center;*/
}
div#logo{
	width: 250px;
	height: 117px;
	background: url("../images/logo.gif") no-repeat top center;
	position: relative;
	left: -30px;
	float: left;
}
div#logo a{
	display: block;
	width: 200px;
	height: 117px;
	text-decoration: none;
}
#logo h1{
	text-indent: -1000px;
}
/* CONTENT*/ 

#wrapper{
	width: 990px;
}
#contacts{
	padding:15px 10px;
	text-align: right;
	color: #fff;
	font-size:1.1em;
	line-height: 1.5em;
}
/* TOP TABS */
div.toptabs{
	clear: right;
	width:360px;
	height: 45px;
	float: right;
	/*position: relative;
	top: 70px;*/
}
div.toptabs a{
	display: block;
	float: left;
	height: 45px;
}
div.toptabs a#first{
	width:130px;
	background:  url("../images/tabs.gif") no-repeat bottom left;
}

div.toptabs a#first:hover, div.toptabs a#first.activ{
	background:  url("../images/tabs.gif") no-repeat top left;
}

div.toptabs a#sec{
	width:102px;
	background:  url("../images/tabs.gif") no-repeat 51% bottom;
}
div.toptabs a#sec:hover, div.toptabs a#sec.activ{
	background:  url("../images/tabs.gif") no-repeat 51% top;
}

div.toptabs a#last{
	width:125px;
	background:  url("../images/tabs.gif") no-repeat bottom right;
}
div.toptabs a#last:hover, div.toptabs a#last.activ{
	background:  url("../images/tabs.gif") no-repeat top right;
}

/* NAVIGATION */
div#nav{	
	clear: both;
	overflow: hidden;
	padding-left: 30px;
}

div#nav ul{
	
	
}

div#nav ul li{
	float: left;
	list-style: none;
	padding: 0;
}

div#nav a p{
	padding: 15px 10px 0 70px;
}
div#nav a{	
	text-transform: uppercase;
	font-size: 11px;	
	text-decoration: none;
	line-height: 1.3em;
	display: block;
	height: 60px;	
	width: 150px;
}
div#nav a:hover{
	color: #000;
}
div#nav a.dev{
	background: url("../images/iconmenu.gif") no-repeat top left;	
	color: #4e78a3;
}

div#nav a.dev:hover, a.devactiv{
	background: url("../images/iconmenu.gif") no-repeat bottom left;	
	color: #000;
}

div#nav a.seo{
	background: url("../images/iconmenu.gif") no-repeat -160px top;
	color:#8d6b84;		
}

div#nav a.seo:hover, a.seoactiv{
	background: url("../images/iconmenu.gif") no-repeat -160px bottom;	
	color: #000;
}

div#nav a.prov{
	background: url("../images/iconmenu.gif") no-repeat -320px top;				color: #608660;
}

div#nav a.prov:hover, a.provactiv{
	background: url("../images/iconmenu.gif") no-repeat -320px bottom;		color: #000;
}

div#nav a.crea{
	background: url("../images/iconmenu.gif") no-repeat top right;				color: #908a61;
	
}

div#nav a.crea:hover, a.creaactiv{
	background: url("../images/iconmenu.gif") no-repeat bottom right;	
	color: #000;
}

/* CONTENT */

.contentwrap{
	margin: 40px 20px;
	padding: 14px;
	
	background: url("../images/shadow.gif") no-repeat center center;
}

div.content {
	background:#fff  url("../images/head.gif") repeat-x top left;
	border: 1px solid #d0d5d8;
	/*padding: 15px;
	min-height: 300px;*/
	color: #000;
	
}
.leftside{
	margin: 15px;
	float: left;
	width: 600px;
	line-height: 1.5em;
}
.rightbar{
	float: right;
	width: 250px;
	background: #eaeaea;
	margin: 10px 15px 10px 0;
	text-align: center;
	padding: 10px 0;
}
.rightbar a{
   padding: 5px;
   display: block;
}
/******************/

/*  TABLE  */
 
table td{
 	color: inherit;
 }
 
 table.folio td{
	border-bottom: 1px dotted #ccc;
	padding: 10px; 	
 }
 a.imgurl{
	display: block;
	
 }
a.imgurl img{
border: 1px solid #C9368C;
padding: 3px;
}

a.imgurl img:hover{
border: 1px solid #0078cc;
} 
/* FOOTER */

div#footer {
	position: relative;
	text-align: left;
	height: 240px;
	clear: both;
	background:  url("../images/foot.jpg") no-repeat bottom left;
}
div#copy{
	font-size: 0.8em; 
	color: #fff;
	position: absolute;
	bottom: 40px;
	left: 240px;
	
}
#footer a{
	color: #fff;
	text-decoration: underline;
}
/* Round border */		
 .t,  .b {
		position:relative;
		height:10px;
		font-size: 1px;
		clear: both;
	}
 .t div,  .b div {
		position:absolute;
		width:10px; height:10px;
		padding:0; margin:0;
	}
 .t .l {
		top:-1px; left:-1px;
		background: url("../images/angle.gif") no-repeat bottom right;
	}
 .t .r {
		top:-1px; right:-1px;
		background:url("../images/angle.gif") no-repeat  bottom left;
	}
 .b .l {
		background: url("../images/angle.gif") no-repeat top right;
		bottom:-1px; left:-1px;
	}
 .b .r {
		background: url("../images/angle.gif") no-repeat top left;
		bottom:-1px; right:-1px;
	}
			
/**/