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

*{
border:0px;
margin:0px;
padding:0px;
text-align: left;
}

body{
background:url(images/bg.jpg) top repeat-x #c5c5c5;
}

#main{
width:950px;
margin:auto;
background:url(images/bg_main.jpg) top center no-repeat;
}

#header{
width:800px;
height:113px;
margin: 0 auto;
padding:0px;
text-align: left;
}

#header_content{
margin: 0px;
padding:0px;
height:113px;
}


/*
#logo{
width:215px;
height:113px;
display:inline;
margin: 0 0 0 77px;
float:left;
background:url(images/cafe_annie.jpg) top center no-repeat;
}
*/

#top1{
float:left;
width:240px;
}

#top2{
float:left;
}

#top2 h1{
font:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#999;
font-style:italic;
font-weight:normal;
}

#info_top
{
padding: 40px 0px 0px 0px;
}

#logos{
width:230px;
height:113px;
display:inline;
/*margin: 0 0 0 77px;*/
float:left;
background:url(images/logo.jpg) top center no-repeat;
}

#logos:hover{
background-position:0px -113px;
}

#bar{
width:215px;
height:113px;
display:inline;
float:left;
background:url(images/bar_annie.jpg) top center no-repeat;
}

#bg_img{
width:800px;
height:480px;
margin: 0 auto;
/*height:491px;*/
/*background:url(images/bg_img.jpg) no-repeat;*/
}

#bg_img_content{
padding: 8px 0px 0px 2px;
}

#picture{
height:472px;
width: 800px;
border: 1px solid #FFFFFF;
background: url(images/cafe_annie_building.jpg) top center no-repeat;
float: left;
/*margin:8px 77px 8px 77px;*/
}

/*
#picture img{
border:#FFFFFF solid 1px;
}*/

#picture_info{
padding: 0px;
margin: 0px;
float: left;
width: 800px;
}

#picture_info_content{
padding: 20px 20px 0px 20px;
margin: 0px;
float: left;
}



#bg_footer{
width:100%;
height:100px;
background:url(images/bg_footer.jpg) no-repeat;
}


#footer{
padding:30px 80px;
}

#contacts{
float:left;
display:inline;
width:200px;
padding:0px 0px;
}

#join{
	width:375px;
	float:left;
	display:inline;
}

#logos_footer{
width:90px;
height:39px;
float:right;
margin: 19px 81px 0px 0px;
background:url(images/logos_footer.jpg) top center no-repeat;
}

#logos_footer:hover{
background-position:0px -39px;
}

#shakefx{
background:url(images/logo_shakefx.jpg) top center no-repeat;
width:140px;
height:30px;
float:right;
}


#shakefx:hover{
background-position:0px -30px;
}

/*FONTS*/

h1{
display:inline;
font:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#505050;
font-style:italic;
}

h2{
display:none;
}

#picture_info_content h3{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#333;
letter-spacing: -1px;
padding: 0px;
margin: 0px;
font-weight:bold;
}

#picture_info_content h4{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
padding: 0px;
margin: 0px;
font-weight:bold;
}

h5{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
display:inline;
}


p{
display:inline;
font:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#797979;
font-style:italic;
}



#new_info
{
width: 800px;
height: 280px;
margin: 0 auto;
padding: 0px;
}

#new_info_content
{
margin: 0;
padding: 25px 10px 0px 10px;
}


#col1, 
#col2
{
width: 260px;
height: 250px;
border-right: 1px solid #999;
margin: 0px 10px 0px 0px;

}

#col1_content, 
#col2_content
{
margin: 0;
padding: 0px 5px 0px 0px;
}



#col3
{
width: 220px;
margin: 0px 10px 0px 0px;

}

#col3_content
{
margin: 0;
padding: 0px 5px 0px 0px;
}


#col3_content a:link, 
#col3_content a:visited
{
color: #333;
text-decoration: none;
font-weight:bold;
outline:none;
line-height: 18px;
}

#col3_content a:hover
{
color: #fa8d00;
text-decoration: underline;
font-weight:bold;
outline:none;
}



#col1, 
#col2,
#col3
{
float:left;
}



#special{
margin: 0px 0px 15px 0px;
}

#special h1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
padding: 0px;
margin: 0px;
font-weight:normal;
font-style:normal;
}



#col1 h2,
#col2 h2,
#col3 h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333;
padding: 0px;
margin: 0px;
font-weight:bold;
font-style:normal;
letter-spacing:-1px;
display: inline;
}


#col1 h4,
#col2 h4,
#col3 h4{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
padding: 0px;
margin: 0px;
font-weight:bold;
font-style:normal;
}


#col1 h5,
#col2 h5,
#col3 h5{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fa8d00;
padding: 0px;
margin: 0px;
font-weight:bold;
font-style:normal;
}


#col1 p,
#col2 p,
#col3 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
padding: 0px;
margin: 0px;
font-weight:normal;
font-style:normal;
}

input{
width:150px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding:2px;
color:#666666;
background: #d8d8d8 !important;
border: 1px solid #bebebe;
}

.join{
border: solid 1px #CCCCCC;
width:75px;
color:#000000;
padding:2px 10px;
background:#999999 !important;
border:0px;
}

.join:hover{
background:#333333;
color:#FFFFFF;
}


#block{
margin:0 auto;
width:800px;
padding-top:10px;
clear:both;
}