/*
*****************************

riccardofala.com - css
Browser(s): All (except IE6 - deteriorated version)

Author: Riccardo Fala
Created: 10.06.2007 
Version: 1.0.1

Last modified: 18/09/07
Time: 21:27 UK


****************************/ 

/* universal settings */

* {
	padding: 0;
	margin: 0;
}

/* general settings */

body {
	font-size: 82.5%;
	font-family: Verdana, Sans-Serif;
	background: #010800 url(../images/background.jpg) top center no-repeat fixed;
	width: 730px;
	display: block;
	margin: 0 auto;
}

/* language options with transparency png */

#lang {
	position: relative;
	top: 1%;
	margin: 10px 0 0 650px;
}

#lang {
	position: relative;
	top: 1%;
	left: 80%;
	float: left;
	font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #8DBEC6;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0  6px 52px;
	padding: 3px 10px;
	background: url(../images/language.png) center bottom no-repeat;
}

#lang a {
	display: inline;
	font: bold 12px "Trebuchet MS", Helvetica, sans -serif;
	color: #22b1e1;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	text-decoration: none;
}

#lang a:link {
	text-decoration: none;
	color: #22b1e1;
	list-style: none;
}

#lang a:visited {
	color: #22b1e1;
}

#lang a:hover {
	background: url(../images/menu-lang.png)  bottom center no-repeat;
	padding: 0px 0 2px 0;
	color: #fff;
	text-decoration: none;
}

#lang a:active {
	color: #fff;
	text-decoration: none;
}

/* aries */
#aries {
	margin: 0px 0 0 210px;
	padding: 126px 66px 96px 0px;
	background: url(../images/aries.png) center no-repeat;
	width: 40%;
	height: 100%;
}

/* toplist */

#headerWrapper {
	width: 450px;
	height: 50px;
	background: url(../images/rikyf-1.png) center no-repeat;
	margin: 0 0 0 110px;
	padding: 4em 0 2em 11em;
}

/*** main menu - fixed ******/
#nav {
	background: url(../nav.png) top left no-repeat;
position: fixed;
	display: block;
	top: 5%;
right: 73%;
 color: #22b1e1; 
	text-align: left;
	font: 1em Trebuchet MS, sans-serif;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	letter-spacing: 0.27em;
	color: #fff;

	font-weight: bold;
	

}
#nav dl {
  	height:  170px;
	width:185px;
	background: url(../nav1.png) top left no-repeat;
}
#nav dt {
	font-variant: small-caps;
	padding: 0;
}
#nav dd {
	background: url(../nav3.png) bottom left no-repeat;
	width: 100px;
	padding: 14px 84px 25px 55px;
margin: 10px 0 20px  -3px;
}
#nav dd a:link { 
	text-decoration: none; 
color: #22b1e1;
	}	
#nav dd a:visited {  
color: #22b1e1; 
text-decoration: none;
	}
#nav dd a:hover {	
	color: #fff;
	 background: url(../images/menu-tab4.png)  bottom center no-repeat;
padding:0px 0 3px 0;
text-decoration: none; 
	}

#nav a:active {  
text-decoration: none;
	color: #fff;
	}

.top {
	background: url(../images/go-up.png)  left no-repeat;
	margin: 0px 0 0px 400px;
}

.top a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

a img {
	border: none;
}

/* intro */

#intro {
background: url(../images/intro.png) top left no-repeat;
	font: 1.2em Trebuchet MS, sans-serif;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	letter-spacing: 0.07em;
	color: #fff;
	font-weight: bold;
	margin: 60px 130px 0px 180px;
}
#intro dl {
	width: 460px;
	background: url(../images/begin1.png) top left no-repeat;
margin: 0 0 0 -10px;
}
#intro dt {
	font-variant: small-caps;
	padding: 44px 44px 0 44px;
}
#intro dd {
	background: url(../images/begin2.png) bottom left no-repeat;
	padding: 22px 44px 24px 44px;
}

/* wrapper */

#wrapper {
	margin: auto;
	font-family: helvetica, Sans-Serif;
	margin: 0;
}

#wrapper a {
	color: #22b1e1;
	text-decoration: none;
}



/*  beginning portfolio section */

#portfolio {
	width: 600px;
	margin: 0 0 0 100px;
	padding: 80px 0px 9px 0px;
}

#portfolio h2 {
	background: url(../images/portfolio.png)  center no-repeat;
	margin: 0 0 0 250px;
	padding: 30px 0px 29px 0px;
}

#portfolio h4 {
	background: url(../images/back-cv.png)  left no-repeat;
	font: 2em Trebuchet MS, sans-serif;
	color: #999999;
	margin: 40px 0 0px 30px;
	padding: 0;
}

#portfolio h3 {
	font-weight: bold;
	font: 1.3em Trebuchet MS, sans-serif;
	color: #22b1e1;
	padding: 40px 0 5px 30px;
	text-transform: uppercase;
}


#portfolio li {height: 330px;
	padding: 0px 0 0 0;
	list-style: none;
}

#portfolio p {
	font: 1em Trebuchet MS, sans-serif;
	color: #fff;
	width: 230px;
	margin: 4px 0 0 0px;
}

#portfolio span {
	font: 1.2em Trebuchet MS, sans-serif;
	font-weight: bold;
	color: #919090;
}

#portfolio a {
	color: #919090;
}

#portfolio p a:hover {
	color: #fff;
	background: url(../images/menu-tab4.png)  bottom center no-repeat;
	padding: 5px 0 3px 0;
}

/*  1 webdesign layout  */

.webdesign {
	width: 200px;
	float: left;
	padding: 0 33px 0 50px;
	z-index: 1;
}

.webdesign  a img:hover {
	background: url(../images/corner3.png)  left no-repeat;
	padding: 0px 0px 0px 0;
	margin: auto;
}

/*  2 graphicdesign layout  */

.graphicdesign {
	width: 200px;
	float: right;
	padding: 0 33px 0 40px;
	z-index: 2;
}

.graphicdesign a img:hover {
	background: url(../images/corner3.png)  left no-repeat;
	padding: 0px 0px 0px 0;
	margin: auto;
}

ul.portfoliolist .graphiclist li {
	margin: 0 0px 0 0px;
	float: left;
	width: 220px;
	color: #22b1e1;
}

/* let's have a break @ this huge page  */

#breaker h2 {
	background: url(../images/breaker.png) center no-repeat;
	margin: 50px 0 0px 40px;
	padding: 600px 6px 00px 0px;
	font: 0.1em Trebuchet MS, sans-serif;
}

/*  cv  */

#cv {
	width: 600px;
font: 1.1em Trebuchet MS, sans-serif;
	margin: 230px 0 0 0px;
	padding: 44px 0px 29px 0px;
}

#cv a:hover {
	color: #fff;
	background: url(../images/menu-tab4.png)  bottom center no-repeat;
	padding: 5px 0 3px 0;
}

#cv h4 {
	font: 1.6em Trebuchet MS, sans-serif;
	background: url(../images/back-cv.png)  center no-repeat;
	color: #999999;
	margin: 50px 0 0 300px;
	padding: 0;
}

ul.schools li {
	width: 580px;
	margin: 0 0px 0 50px;
	background: url(../images/back-li.png)  left no-repeat;
	color: #22b1e1;
	list-style: none;
	padding: 40px 0px 0px 110px;
}

ul.schools li h3 {
	background: url(../images/back-span.png)  left no-repeat;
	color: #22b1e1;
	margin: 0 0 0 30px;
}

ul.schools li h3 span {
	color: #999999;
	margin: 0 0 0 60px;
}

ul.schools li p {
	color: #fff;
	background: url(../images/back-p.png) left no-repeat;
	width: 420px;
	margin: 0px 0 0 150px;
	padding: 0px 0 15px 0;
}


#cv h2 {
	background: url(../images/cv.png)  center no-repeat;
	font: 1em Trebuchet MS, sans-serif;
	color: #22b1e1;
	margin: 0 0 0 0px;
	padding: 30px 0px 19px 0px;
}

ul.work li {
	width: 500px;
	margin: 0 0px 0 50px;
	background: url(../images/back-li.png)  left no-repeat;
	color: #22b1e1;
	list-style: none;
	padding: 40px 0px 0px 110px;
}

ul.work li h3 {
	background: url(../images/back-span.png)  left no-repeat;
	color: #22b1e1;
	margin: 0 0 0 20px;
}

ul.work li h3 span {
	color: #999999;
	margin: 0 0 0 60px;
}

ul.work li p {

	color: #fff;
	position: relative;
	background: url(../images/back-p.png) left no-repeat;
	width: 420px;
	margin: 20px 0 0 130px;
	padding: 0px 0 15px 0;
}

ul.work li a:visited {
	color: #fff;
}

/*  credits  */

#credits {

	width: 600px;
	font: 0.9em Trebuchet MS, sans-serif;
	margin: 0 0 0 100px;
	padding: 110px 0px 410px 0px;
}

#credits h2 {
	background: url(../images/credits.png)  center no-repeat;
	margin: 0 0 0 250px;
	padding: 0px 0px 29px 0px;
}

#credits h4 {
	font: 2em Trebuchet MS, sans-serif;
	color: #999999;
	margin: 50px 0 5px 130px;
	padding: 0;
}

.thanks {
	background: url(../images/back-text.png)  center no-repeat;
	width: 200px;
	margin: -10px 0 0 40px;
	padding: 100px 40px 100px 40px;
	font: 1.6em Trebuchet MS, sans-serif;
	color: #E0E0E0;
	position: absolute;
}

.friends ul {
	width: 270px;
	margin: 50px 0 0 330px;
	position: relative;
}

.friends li {
	font-size: 1.2em;
	background: url(../images/credits-li.png)  left no-repeat;
	padding: 15px 0 20px 10px;
	list-style: none;
	float: right;
	width: 260px;
	color: #fff;
}

.friends   a img:hover {
	background: url(../images/credits-lia.png) center no-repeat;
}

.friends li span {
	font-weight: bold;
	font: 0.9em Trebuchet MS, sans-serif;
	color: #fff;
}

.pic {
	float: left;
	padding: 4px;
	margin-right: 10px;
}

.links ul{

width: 270px;
	margin: 0px 0 0 60px;
padding: 10px;
}
.links  h5{
font: 1.5em Trebuchet MS, sans-serif;
	color: #999999;
	margin: 50px 0 0 20px;
padding: 10px 0 10px 0;
}
.links li {
	font-size: 1.2em;
	background: url(../images/credits-li.png)  left no-repeat;
	padding: 15px 0 10px 10px;
	list-style: none;
	float: right;
	width: 260px;
	color: #fff;
}

.links   a img:hover {
	background: url(../images/credits-link.png) center no-repeat;
}

.links li span {
	font-weight: bold;
	font: 0.9em Trebuchet MS, sans-serif;
	color: #fff;
}

.link {
	float: left;
	padding: 4px;
	margin-right: 10px;
}
/*  footer  */

#footer {
	background: url(../images/footer1.png)  center no-repeat;
	width: 500px;
	height: 200px;
	float: left;
	font: 0.8em Trebuchet MS, sans-serif;
	color: #fff;
	font-weight: bold;
	margin: 10px 0px 0px 120px;
	padding: 223px 0 0 80px;
}

#footer-it {
	background: url(../images/footer-it.png)  center no-repeat;
	width: 500px;
	height: 200px;
	float: left;
	font: 0.8em Trebuchet MS, sans-serif;
	color: #fff;
	font-weight: bold;
	margin: 70px 0px 0px 120px;
	padding: 223px 0 0 80px;
}

#footer a:link {
	text-decoration: none;
	color: #C1BFBF;
}

#footer a:visited {
	color: #C1BFBF;
	text-decoration: none;
}

#footer  a:hover {
	color: #A09F9F;
	background: url(../images/menu-tab4.png)  bottom center no-repeat;
	padding: 0px 0 3px 0;
	text-decoration: none;
}

#footer-it a:active {
	text-decoration: none;
	color: #fff;
}

#footer-it a:link {
	text-decoration: none;
	color: #C1BFBF;
}

#footer-it a:visited {
	color: #C1BFBF;
	text-decoration: none;
}

#footer-it  a:hover {
	color: #A09F9F;
	background: url(../images/menu-tab4.png)  bottom center no-repeat;
	padding: 0px 0 3px 0;
	text-decoration: none;
}

#footer-it a:active {
	text-decoration: none;
	color: #fff;
}


/* contact form */



#contactf {
	margin: 0px  0px 0 30px;
	color: #fff;
	font: 0.9em/1em Trebuchet MS, sans-serif;
	letter-spacing: 0.2em;
	padding: 0.9em;
	width: 600px;
	display: block;
}

#contactf h2 {
	background: url(../images/contact.png)  center no-repeat;
	color: #22b1e1;
	margin: 0 0 0 200px;
	padding: 30px 0px 29px 0px;
}

#contactf p {
	font: 1.2em Trebuchet MS, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 0 150px;
	width: 380px;
	padding: 10px;
}

/*<!-- IE hack in separate css -->*/

#contactf form {
	text-align: right;
	margin: 10px 0 0 80px;
	padding: 5px;
}

#contactf h3 {
	display: block;
	margin: 40px 0px 0 280px;
	background: url(../images/back-li.png) left no-repeat;
	padding: 4px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: bold;
}

#contactf h4 {
	margin: 40px 0px 0 280px;
	background: url(../images/back-li.png) left no-repeat;
	padding: 4px;
}

#loadbar emailsuccess {
	background: url(../images/back-li.png)  bottom center no-repeat;
	font: 0.8em Trebuchet MS, sans-serif;
	margin: 20px 0 0 50px;
	color: #fff;
	padding: 5px;
}

#contactf form fieldset {
	font: 0.95em Trebuchet MS, sans-serif;
	display: block;
	margin: 0px 0 0 0px;
	padding: 0 5px;
	width: 380px;
	border: #000;
}

#contactf form fieldset p {
	font: 1.5em Trebuchet MS, sans-serif;
	color: #000;
	width: 140px;
	margin: 0px 0 10px 0px;
}

#contactf form label {
	display: inline;
	margin: 0px 0px 0 110px;
	color: #fff;
	padding: 5px;
}

#contactf form legend {
	font: 1.3em Trebuchet MS, sans-serif;
	font-weight: bold;
	color: #000;
	margin: 20px 0;
	background: transparent url(../images/menu41.gif) center left no-repeat;
}

#contactf form contactFormArea {
	margin: 0 0 12px 0;
	padding: 5px;
}

#contactf textarea {
	width: 300px;
	color: #666666;
	font: 1.6em Trebuchet MS, sans-serif;
	margin: 5px 0 12px 0;
	padding: 0em;
	background: #F4F4F4;
}

#contactf input {
	width: 100px;
	color: #22b1e1;
	margin: 2px 0 0 0;
	padding: 0;
	background: #F4F4F4;
	text-transform: uppercase;
}

#selfcc p {
	margin: 0px 0 0 10px;
	padding: 0;
}

#contactf selfCC {
	color: #22b1e1;
	font: 1em Trebuchet MS, sans-serif;
	margin: 10px 0 12px 0;
	padding: 0em;
	background: #22b1e1;
}
h5 {

	color: #999;
	font: 1em Arial, sans-serif;
	margin: 0px 0 30px 280px;
	padding: 0em;
	
}