Foundation application issues

[chitrag]

Hi,

After applying Foundation 5 to make responsive menu in my site. Background color changed to white and page should look like this screenshot but it looks different.

Here is my css code

@charset "utf-8";

body {

margin: 0px;

padding: 0px;

background:url(images/bg.png);

}

.container

{

width:890px;

margin:auto;

}

.logo

{

padding:50px 0px;

font:bold 14px/50px Arial, Helvetica, sans-serif;

color:#fff;

display: inline;

}


.logo a:link, .logo a:visited, .logo a:active, .logo a:hover

{

font:bold 34px/50px Arial, Helvetica, sans-serif;

color:#858585;

letter-spacing:-3.5px;

text-decoration:none;

padding-right:20px;

}

.navigation ul

{

padding:0px;

margin:0px;

list-style:none;

background:#060606;

height:45px;

}

.navigation li

{

padding:0px;

margin:0px;

list-style:none;

float:left;

}

.navigation li a

{

padding:10px 25px;

background:#060606;

display:block;

font:18px Arial, Helvetica, sans-serif;

color:#858585;

text-decoration:none;

}

.navigation li a:hover

{

color:#fff;

background:#000;

}

.headerimage

{

border-bottom:solid 3px #060606;

padding-bottom:4px;

}

.left-panel

{

width:100%;

float:left;

position: relative;

}

.right-panel

{

width:235px;

float:right;

position: relative

padding-left:45px;


}

.left-panel h2

{

font:bold 34px/50px Arial, Helvetica, sans-serif;

color:#858585;

background:#060606;

letter-spacing:-3.5px;

padding:10px;

margin:0px;

display:inline;

}

.left-panel p,

.sohotext, .article_table

{

font:13px/17.5px Arial, Helvetica, sans-serif;

color:#858585;

}

.main-container

{

padding-top:40px;

}

.clear

{

clear:both;

}

.right-panel

{

font:14px Arial, Helvetica, sans-serif;

color:#c7d8ef;

}

.right-panel ul

{

padding:0px;

margin:0px;

list-style:none;

}

.right-panel li

{

background:#060606;

color:#c7d8ef;

padding:10px;

font:23px Arial, Helvetica, sans-serif;

margin-bottom:4px;

}

.footer

{

padding-top:30px;

}

.footer p

{

font:18px Arial, Helvetica, sans-serif;

color:#3b3b3b;

background:#060606;

display:inline;

padding:10px;

}


a:link {color: #1A5194; text-decoration: underline;}

a:visited {color: #1A5194; text-decoration: underline;}

a:active {color: #1A5194; text-decoration: underline;}

a:hover {color: #A5C6E6; text-decoration: none;}


.boxReadMore1 a:link {color: #1A5194; text-decoration: underline;}

.boxReadMore1 a:visited {color: #1A5194; text-decoration: underline;}

.boxReadMore1 a:active {color: #A5C6E6; text-decoration: underline;}

.boxReadMore1 a:hover {color: #A5C6E6; text-decoration: none !important;}




.navigation ul li{

position:relative;

}

.navigation ul ul{

text-align:left;

margin:0px;

padding:0px;

border:0px; 

list-style:none;

background:transparent;

}

.navigation ul ul li

{

padding:0px;

margin:0px;

}

.navigation li ul, .navigation li a ul{

visibility:hidden;

position:absolute;

top:30px;

left:0px;

z-index:1000;

margin:0px;

padding:0px;

}

.navigation li ul a{

display:block;

color:#fff;

padding:10px;

margin:0px;

height:auto;

border:none;

line-height:10px;

width:150px;

background:#000;

}

.navigation li:hover ul, #top-menu li a:hover ul{

display:block;

visibility:visible;


}

.navigation li li a:hover{ 

display:block;

color:#fff;

padding:10px;

margin:0px;

height:auto;

border:none;

line-height:10px;

width:150px;

color:#3d3c63;

background:#fff;

}


div.entry, .entry p {

color:#E2E2E2!important;

}


#content-parent {

color:#C0C0C0;

}


.FormLt1 {

 font-family : Arial;

 font-size : 8pt;

 cursor: hand;

 color: #ffffff;

}

Here is my site after Foundation 5 Application http://www.kalseeecolodge.com