@charset "utf-8";

html {
	background-image:url(../assets/bk.gif);
	background-repeat:repeat;

	
}

body  {
	
	background-image:url(../assets/background.gif);
	background-position:center center;
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Geneva, sans-serif;
	color: #000000;
	font-size: 13px;
	
}

a:focus {outline:none}

a { color:#0097B5; text-decoration: none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

a:hover { text-decoration:none;}

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

p {padding-top: 5px;}

h3 {
	color:#0a174e;
}

/*-----clear------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*---------container---------------*/



#container { width:780px;  margin:0 auto; background:url(../assets/servisco-logo.jpg) no-repeat; border-bottom: #aaa solid 1px;}


#header {
	height: 190px;
}


/*--------navigation---*/


	#nav-bar{		
		padding-top: 160px;
		position:absolute;
		
	}
	
	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 131px; float: left; margin-left: -1px;  text-align: center; }
	#cssdropdown li.headlink a { display: block; padding: 8px; color:#FFF;}
	#cssdropdown li.headlink a:hover {	color:#016eaf; background-color:#6dbcd6;}

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top: 1px white solid; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 2px; border-bottom: solid 1px #FFF; font-size:11px; background-color:#0a174e; width: 160px; padding-left: 5px; }
	#cssdropdown li.headlink ul li a:hover { background-color: #6dbcd6; color:#016eaf;}
	
	/* Pretty styling */
	
	#cssdropdown a {  } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background:  #0a174e;}
	#cssdropdown li.headlink ul { background:  #0a174e; background-position: bottom }
	
	
	.current {background-color: #6dbcd6; color:#016eaf;}
		 
		 
		 

/*--------about section------*/


#about {	
	height: 170px;
	padding-top: 20px;
	border-bottom:#aaa  solid 1px;
	border-left:#aaa  solid 1px;
	border-right:#aaa  solid 1px;
	
}

#about-writing {
	padding-top: 10px;
	padding-left: 40px;
	margin-left: 10px;
	
	float:left;
	width: 540px;
	
	
}

#about-writing p {
	padding-top: 12px;
	line-height: 20px;
	
}


#about-art{
	float: right;
	width: 160px;
	padding-right: 10px;
	
}

#about-art img{

}


#about-middle {
	
	
	width: 100%;
	height: 165px;
	
}



/* carrousel */		 

#third-row { height: 175px;  border-left:#aaa  solid 1px; border-right:#aaa solid 1px; border-bottom: #aaa solid 1px;}
 
#third-row h3 { margin-left: 20px;}




/*--------fourth row----*/



#fourth-row {
	height: 105px;
	
}

#fourth-row  h3{

	padding-top: 5px;
	padding-left: 15px;
}


#forth-left{
	width: 298px;
	float:left;
	border-left:#aaa  solid 1px;
	border-right: #aaa solid 1px;
	height: 105px;
	display:block;
}


#forth-centre{
	width: 298px;
	float:left;
	height: 105px;
	border-right: #aaa  solid 1px;
	display:block;
}

#forth-right{
	width: 180px;
	float:left;
	height: 105px;
	border-right: #aaa  solid 1px;
	display:block;
}


#slide {
	margin-right: 30px;	
}



/*--------footer------*/

#footer {
	background: #0a174e;
	
	height: 35px;
	}
#footer a{
	color:#FFF;
	font-size:12px;
	
}
#footer-links {
	width: 640px;
	padding-top: 10px;
	margin: 0 auto;
	}




#footer ul { margin: 0; padding: 0; list-style-type: none; }

#footer ul li {  margin: 0;  float:left; display:inline;}

#footer ul li a {color: #FFF; text-decoration: none;  padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}


#footer ul li a:hover { color:#016eaf;}

/*--------Ccopyright------*/


#copyright {width: 370px;
height: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0 auto;
}

#copyright p { font-size:11px;
}



/*--------Content box------*/

#content-box {
	
	margin-top: 20px;
	margin-left: 10px;
	
}


/*--------inner pages------*/
/*--------left navigation------*/

.gap {height: 325px;}


#content-nav{
	width: 212px;
	float:left;
}

#content-nav ul li {
	background: #6dbcd6;
	margin-bottom: 2px;
	padding: 5px 10px 5px 10px;
	list-style:none;
	
}

#content-nav ul li a{
	list-style:none;
	text-decoration:none;
	color:#FFF;
	
}


#content-nav ul li a:hover{
	list-style:none;
	text-decoration:none;
	color:#006;	
}

/*--------Content box text------*/

#text-box {
	margin-left: 10px;
	width: 540px;
	float:left;
	
	
}

#textbox-middle{
	border:#aaa  solid 1px;
	width: 100%;
	margin-bottom: 20px;
	
}

#textbox-middle-writting{
	
	margin: 0 0 0 15px;
	padding-bottom: 15px;
	padding-top: 20px;
	height: 400px;
	overflow: auto;
	text-overflow: ellipsis;

}

#textbox-middle-writting img{
	
	
	padding: 5px;
	width: 190px;
	float:right;
	
}

#textbox-middle-writting p{
	padding-top: 10px;
	padding-right: 10px;
	
}

#textbox-middle-writting h3{
	padding-top: 20px;
	
	
}
#textbox-middle-writting li{
	list-style:circle;
	padding-left: 5px;
	margin-left: 20px;
	
}




/*--------Form------*/

#form{
}

#form span { color:#F00; float:left}
#form p {float: left; }
#form label {width: 175px; float:left;}
#form input{width: 280px;}
#submit input{ width: 100px; margin-top: 15px; margin-left: 180px;}



/*--------Partners-benefits------*/


.partner-section {
	border-bottom: #000 1px solid;
	display:block;
	width: 495px;
	clear:both;
	}

.partner-section .image-box {
	width: 190px;
	float:left;	
}


/*--------terms------*/

#terms-box {
	margin-left: 5px;
	width:750px;	
}

#terms-middle{
	border:#000 solid 1px;
	width: 100%;
	height: 435px;
	overflow:auto;
	margin-bottom: 20px;

}

#terms-middle-writting{
	margin: 0 15px 0 15px;
	padding-top: 20px;
}

#terms-middle-writting img{
	padding: 5px;
	width: 190px;
	float:right;
	}

#terms-middle-writting p{
	padding-top: 15px;
	
}

#terms-middle-writting h4{
	padding-top: 15px;
	font-size: 13px;
	
}

#terms-middle-writting li{
	list-style:circle;
	padding-left: 5px;
	margin-left: 20px;
	
}



#downloads { margin-top: 60px;}

#downloads a {
	color:#009;
	text-decoration:underline;
	font-size: 11px;
}

#downloads li {
	margin-top: 20px;
}