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

body{
margin:0px;
text-align:center;
background-color:#b9dff2;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#fff;}

#wrap{
text-align:left;
margin:25px auto 0 auto;
width:1008px;
background-color:#a3c9dc;
background-image: url(img/back.jpg); 
background-repeat:no-repeat;
background-position: 100% 100% ; }

img{border:0px;}

.clear{
clear:both;}

#top, #main, #foot{
width:1008px;}

#top{
height:250px;}

a{
outline: none;}

a:focus{
-moz-outline-style: none;}

/* top */

#left{
float:left;
}

#logo-top{
margin:15px 0 0 24px; }

#name-info{
margin-top:15px;
margin-left:24px;
}

#info, #name{
float:left;}

#info{
margin:2px 0 0 2px;}

#name{
margin:0px;}

#right{
margin-left:440px;}

#name-info ul, #right ul{
margin:0px;
list-style:none;}

#name-info li{
padding-bottom:15px;
margin-left:10px;}

#right ul{
margin:0 0 0 -32px;}

#right li{
float:left;
display:inline;
width:139px;
margin-right:1px;}

#right li img{
padding-bottom:5px;}

#right li.off img{
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7;
}

#right li img:hover{
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7;}

#right li.off img:hover{
filter:alpha(opacity=50);
-moz-opacity:.5;
opacity:.5;}

#right li.on img:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;}

#right li em{
font-style:normal;
}

#right li.off em,#right li:hover em{
font-style:normal;
color:#b9dff2;}

#right li.off em:hover{
font-style:normal;
color:#fff;}

/* main */

#main{
position:relative;
padding-bottom:3px;
}

#main_img{
position:relative;
width:419px;
height:419px;
float:left;
margin:5px 0 0 24px;}

#main_img img{
position:relative;
margin:0px;}



.thumbs{
margin:4px 0 0 0;
float:left;
width:142px;
}

.thumbs a img{
float:left;
display:inline;
margin:1px 0 0 1px ;
}

.travel{
margin-left:0px;}

.style{
margin-left:140px;}

.food{
margin-left:280px;}

.people{
margin-left:423px;}

#main p{
margin-left:25px;
width:390px;}

/* footer */

#foot{
text-align:left;
width:1000px;
padding:12px 0 5px 25px;
font-size:0.75em;}

/* links and headings */

a{
text-decoration:none;}

#name-info a, #right a{
color:#fff;
font-weight:bold;}

#right li.on{
font-weight:bold;
}

#foot a{
margin-right:6px;
color:#fff;}

#foot a:hover{
color:#666;}

#name-info a:hover, #name-info li#on{
color:#b9dff2;}

#name-info li#on{
font-weight:bold;
}

.thumbs a:hover img{
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7;
}