/*REFERO CSS*/

html, body { background: #5d4a5c; margin: 0; padding: 0;	font-family: Helvetica, Arial, sans-serif;
font-size: 12px; font-weight: normal; text-align: left; }
#main { margin: 0; padding: 0; width: 750px; }
#left { margin: 0; padding: 0; position: fixed; top: 40px; left: 40px; }
#right {  margin: 0; padding: 0 0 40px 0; position: absolute; top: 40px; left: 320px; width: 530px;}

#r { margin: 0; padding: 0; position: fixed; top: 234px; left: 1000px; }
#r h1 { margin: 0; padding: 0; font-size: 20px; width: 46px; height: 26px; }
#r span { display: none;}
#r h1 a:link, #r h1 a:hover, #r h1 a:visited, #r h1 a:active { margin: 0; padding: 0; text-decoration: none;
display: block; width: 46px; height: 26px; background-image: url(../images/r.png); background-repeat: none; }

#navi { margin: 0; padding: 0;}
#navi ul { margin: 0; padding: 0; list-style: none;}
#navi li { margin: 0; padding: 0; line-height: 18px;}
#navi a:link, #navi a:visited { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #b3a3b5; text-decoration: none;}
#navi a:hover, #navi a:active { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #FFF; text-decoration: none;}
#navi a.active { margin: 0; padding: 0 12px 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #FFF; text-decoration: none; background-image: url(../images/whiteline.gif); background-repeat: no-repeat;
background-position: bottom right;}

#logo { margin: 135px 0 0 0; padding: 0; }
#logo h1 { margin: 0; padding: 0; font-size: 20px; width: 131px; height: 26px; }
#logo span { display: none;}
#logo h1 a:link, #logo h1 a:hover, #logo h1 a:visited, #logo h1 a:active { margin: 0; padding: 0; text-decoration: none;
display: block; width: 131px; height: 26px; background-image: url(../images/refero.png); background-repeat: none; }

#intro { margin: 0; padding: 0; }
#intro p { margin: 0; padding: 0 0 18px 0; width: 350px; font-family: Helvetica, Arial, sans-serif; font-size: 20px; 
color: #b3a3b5; line-height: 23px; }

#subintro { margin: 40px 0 0 0; padding: 0; }
#subintro p { margin: 0; padding: 0 0 18px 0; width: 360px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #b3a3b5; line-height: 19px; }
#subintro ul { margin: 0; padding: 0 0 18px 0; list-style-type: none; font-family: Helvetica, Arial, sans-serif; 
font-size: 16px; color: #b3a3b5; line-height: 19px;  width: 360px;}
#subintro li { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; 
font-size: 16px; color: #b3a3b5; line-height: 19px; }

#text { margin: 0; padding: 0; width: 600px;}
h2 { margin: 0; padding: 0 0 18px 0; font-family: Helvetica, Arial, sans-serif; font-size: 20px; 
color: #FFF; text-decoration: none; line-height: 19px; font-weight: normal;}
h3 { margin: 0; padding: 0 0 1px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #FFF; text-decoration: none; line-height: 19px; font-weight: normal;}
#text ul { margin: 0; padding-left: 17px;}
#text li { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px;
color: #b3a3b5; line-height: 19px;}
#text h3 { margin: 0; padding: 0 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #FFF; text-decoration: none; line-height: 19px; font-weight: normal;}
#text h4 { margin: 0; padding: 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #FFF; text-decoration: none; line-height: 19px; font-weight: normal;}
p { margin: 0; padding: 0 0 18px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #b3a3b5; line-height: 19px;}

#right a:link, #right a:visited { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #b3a3b5; text-decoration: none; }
#right a:hover, #right a:active { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #FFF; text-decoration: none; }

#right a.refero:link, #right a.refero:visited { margin: 0; padding: 0 0 2px 17px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #b3a3b5; text-decoration: none; background-image: url(../images/arrow-lila.png); background-repeat: no-repeat;
background-position: center left;}
#right a.refero:hover, #right a.refero:active { margin: 0; padding: 0 0 2px 17px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; 
color: #FFF; text-decoration: none; background-image: url(../images/arrow-white.png); background-repeat: no-repeat;
background-position: center left;}

#contact { margin: 196px 0 0 0; padding: 0; }