body {
background: url(images/bg.jpg) top center no-repeat;
background-color: #1e1d1f;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#FFFFFF;
padding:0px;
margin:0px;
}
a {color: #FBBD27;}
a:visited {color:#FBBD27;}
a:hover {color: #CCCCCC;}
a:active { color:#FBBD27;}

h1 {
font-size: 11px;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
padding: 5px 10px;
margin:0px;}



/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}

#inside {
width: 780px;
margin:10px 10px 10px 10px;
padding-bottom:10px;

}

/* ----------banner for logo-------------- */
#banner {

text-align: right;
padding-top: 10px;
margin-top: 10px;
}


/* -----------------content--------------------- */
#content {
background:url(images/content.jpg) top center no-repeat;
background-color: #403d40;
padding: 0px;
margin-right: 0px;
}

#bottom{
text-align:center;

}

#nav{
float:left;
height:54px;
width:780px;

}

p{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }


#text{
width:550px;
float:right;

}

#left{
width:225px;
float:left;
}

#left a {color: #FFF; text-decoration:none;}
#left a:visited {color:#FFF; text-decoration:none;}
#left a:hover {color: #FBBD27; text-decoration:none;}
#left a:active { color:#FFF; text-decoration:none;}

#pic{
width:225px;
background:url(images/pic.png) top center no-repeat;
height: 284px;

}