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

body {background-image: url(../images/back_body.gif); margin-top:0px; margin-left:0px; margin-right:0px}

/* anchor link definition*/
a, a:active, a:focus {color:#FFFFFF;text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
#shoutbox a {color:#000000; text-decoration:none;}
#shoutbox a:hover {color:#FFFFFF; text-decoration:none;}



.normalspacing {letter-spacing: 0.4mm;}
.widespacing {letter-spacing: 0.6mm;}

#man_apple
{
margin-bottom: -200px;
float: left;
width: 256px;
height:299px;
background-image:url(../images/manapple.png);

position:relative;
top:-75px;
}

.logo
{
float:right;
margin-top:40px;
margin-right:-4px;
width: 383px;
height: 104px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
}

.logo2
{
float:right;
margin-top:30px;
margin-right:-4px;
width: 391px;
height: 115px;
background-image:url(../images/logo2.png);
background-repeat:no-repeat;
position:relative;top:4
}

.star
{
float:right;
background-image:url(../images/star.png);
width: 134px;
height: 134px;
margin-right: -30px;
position:relative;left:0
}

p {margin: 0px 0px 0px 0px;}

.text
{
font-family:Trebuchet MS;
font-size:11px;
line-height:11px;
}

#red{color: #e33113;}
#white{color:white; font-weight:bold;}


.greentopbar
{
background-image:url(../images/tile.png);
width:100%;
height:81px;
}

.greentopbar p { margin:0; float:right; margin-top:60px; letter-spacing: 3px;}

#link_bar /* where you have the home/contact us links on the green bar */
{
width: 765px;
height:81px;
margin-left:-382px;
left:50%;
position:relative;
}

#slogan
{
float:left;
width: 182px;
height:31px;
margin-left:130px;
margin-top:30px;
background-image:url(../images/slogan.gif);
position:absolute;
}


.linkarrow {position:relative;top:1}

.content_area
{
left:50%;
position:relative;
margin-left:-382px;
width: 765px;
height:100%;
}

.panel
{
clear:both;
background-image:url(../images/panel.png);
background-repeat:no-repeat;
width:765px;
height:544px;
}



.col_left
{
padding-top:65px;
float:left;
width: 279px;
height:100%;
}

.col_right
{
padding-top: 35px;
float:right;
width: 486px;
height:100%;
}

.col_right a {color: #e33113;}
.col_right a:hover {color: black; text-decoration:none;}


.paragraph
{
width:100%;
height: 160px;
}

.paragraph2
{
width:100%;
height: 115px;
}

.thumbs
{
float: left;
width:157px;
height:105px;
opacity:0.9;filter:alpha(opacity=90);
/*margin-top: 10px;*/
}

.thumbs:hover {opacity:1;filter:alpha(opacity=100);}


.blurb
{
margin-right:50px;
float: right;
width: 250px;
}

/* Shout Box */
#shoutBox{background-image:url(../images/shoutbox.png);background-position:0px 0px;background-repeat:no-repeat;height:224px;position:relative;bottom:40px;width:262px;}
#shoutBoxHeader{left:55px;position:absolute;top:28px;}
.shoutBoxHeaderStyle{font-family:"Myriad Pro";color:#005122;font-weight:normal;margin-bottom:5px;font-size:19px;}
#shoutBoxBody{left:32;position:relative;top:55px;}

h1
{
font:"Trebuchet MS";
color:#005122;
font-weight:normal;
margin-bottom:5px;
font-size:19px;
}


h3
{
color:#7cb269;
font-family:"Trebuchet MS";
font-weight:normal;
font-size:17.45px;
}

#specialOfferWrapper{height:10px;width:480px;}
#specialOfferHeader{color:#003300;font-size:14px;position:relative;top:20px;}
#specialOfferImage{background-image:url(../images/newbutton.gif);background-repeat:no-repeat;height:20px;width:47px;position:relative;top:-26px;left:120px;}
#specialOfferBody{position:relative;top:-20px;}
#specialOfferFooter{position:relative;top:-25px;}
#specialOfferQuotationImage{background-image:url(../images/only300euro.gif);background-repeat:no-repeat;float:right;height:22px;left:-40px;position:relative;top:-39px;width:106px;}



#grad_left
{
background-image:url(../images/grad_light_green.png);
width:210px;
height:81px;
background-repeat:repeat-y;
margin-left:0px;
float:left;
}

#grad_right
{
background-image:url(../images/grad_light_green2.png);
width:210px;
height:81px;
background-repeat:repeat-y;
margin-right:0px;
float:right;
}

#menu
{
margin-left:20px;
width:218px;
height:257px;
background-image:url(../images/menu.png);
padding: 0px;
position:relative;
z-index:1;
}
#menu a:hover{background-image:url(../images/link_arrow.png); background-repeat:no-repeat; text-decoration:none;background-position:0px 8px;}
#menu ul {list-style:none;margin-left:0px;padding-left:0px;}

.tooltip
{
background-color: #b4df26;
width: 120px;
height: 20px;
border: solid 1px #7ca800;
float:left;
position: relative; top: -40px; left: 40px;
text-align:center;
font-weight:100;
font-family:Trebuchet MS;
font-size:12px;
color:#000000;
letter-spacing: 0.3mm;
padding-left:0px;
padding-right:0px;
}

.tooltip a {color:#000000;}

.rate_bar
{
margin-left: 5px;
opacity:0.4;
filter:alpha(opacity=40);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.rate_bar:hover {opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}