Remove the space between the logo and the module

Hi admin,

first thank you so much for your support.

thius is my problem

I have installed hot destination template and now i am trying to do some tweaks.

i went to the logo module and i changes the image of the logo and added a slodeshow mudule inside it.

i want to remove the space between the image and slideshow, please help.
this is the link where you can see the ptroblem

www.moroccanadventures.com

i want the logo to be at the top and i want to remove that space between the logo andslideshow.
and i want the top menu to be attached to them so that it looks nice and compact.


thank you in advence for your help.

Add to layout.css

.logo_pad .custom p{
margin:0;
padding:0;
}

Change in layout.css:

.main_area {
padding: 8px 0 0 0;
line-height: 16px;
}

to


.main_area {
padding: 0 0 0 0;
line-height: 16px;
}