body {
	margin: 0 auto;
	padding: 0;
	background: #f3f3f3 url(../images/bg_body.png) center repeat-y;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 13px;
	color: #555;
	
	line-height : 1.4em;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 136%;
	
}

h2 {
	font-size: 107%;
}

h3 {
	font-size: 100%;
	margin-bottom : 0em;
}

p, ul, ol {
    margin-top : 0em;
	margin-bottom: 1em;
}

p {
}

div {
    cursor : default;
}

a {
	color: #EA1F20;
    text-decoration : none;
    outline : none;
}

 a:hover {
	text-decoration: underline;
}

a.more {
    font-size : 11px;
    background : url(../images/bullet.png) center left no-repeat;
    padding-left : 8px;
}



small {
}

img {
	border: 1px solid #B2B2B2;
}
a.box:hover img {
    border : 1px solid #444;
}
img.left {
	float: left;
	margin: 5px 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}
.error {
color :  #EA1F20;
}
.right {
    float : right;
    text-align: right;
}
.left {
    float : left;
}
.clear {
    clear : both;
}
.margin-bottom {
    margin : 0 0  25px 0;
}
.invert {
    background : #777;
    color : #eee;
    line-height:1.2em;
    font-size : 11px;
    padding : 0 5px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    margin-top :3px;
}


.message {
  font-weight : bold;
  color : #EA1F20;
}




/* header */

#header {
	width: 760px;
	margin: 0 auto;
	padding: 30px 0;
}


#logo H1 a{
    display: block;
    width : 300px;
    text-indent : -9999px;
    background : url(../images/logo_villa_perrotte.gif) no-repeat;
    height : 100px;
}
#logo H1 {
    margin:0;
    padding:0;
}


#page {
	width: 760px;
	margin: 0 auto;
}

/* Content */

#content {
	float: right;
	width: 435px;
	line-height : 1.6em;
	margin-bottom : 25px;
}

#content h1 {
	margin-bottom: 25px;
	padding-left: 5px;
	border-left: 25px solid #EA1F20;
	
	color: #7F7772;
	letter-spacing : 1px;
}

#content h2 {
	margin-bottom: 25px;
	padding-left: 5px;
	border-left: 15px solid #EA1F20;
	
	color: #7F7772;
	letter-spacing : 1px;
}

#content h1 strong, #content h2 strong {
	color: #000000;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 300px;
	margin-bottom : 100px;
}

#sidebar h2 {
	padding: 5px 0px;
	background: #f3f3f3;
	border-bottom:1px solid #d3d3d3;
	text-transform: uppercase;
	font-size: 100%;
	clear:both;
	letter-spacing : 1px;
}

#sidebar h2 strong {
	color: #EA1F20;

}


/* Menu */

#menu {
	margin-bottom: 20px;
    margin:0;
    padding : 0;
    margin-bottom : 30px;
}


#menu li {
	display: block;
	float: left;
	width: 150px;
	padding-bottom: 25px;
}

#menu a {
	padding-left: 5px;
	border-left: 10px solid #000;
	text-transform: uppercase;
	font-weight: normal;
	color: #7F7772;
	font-size : 16px;
	font-weight : bold;
    line-height:18px;
	color : #000;
	text-decoration : none;
	letter-spacing : 1px;
}

#menu li.active a {
	border-left: 10px solid #EA1F20;
	color : #EA1F20;
}

#menu li a:hover {
    text-decoration : underline;
}
/* Contact */

#sidebar input,input#email,input#email2 {

    border : solid 1px #888;
}

.contact_form input.text,.contact_form textarea {
    width : 400px;
    padding : 5px;
    font-size:14px;
    border : solid 1px #888;
}
.contact_form textarea {
    height : 150px;
    overflow : auto;
}

.contact_form label {
    display:block;
}
/* Footer */

#footer {
	clear: both;
	
	padding: 25px;
	background: #EFEFEF;
	background: #e5e5e5;
	background: #444;
	
	border-top: 1px solid #222;
	line-height : 1em;
}

#footer p {
    font-family : arial,sans-serif;
    color : #999;
	margin: 0;
	font-size: 11px;
    margin : 0 auto;
    margin-bottom : 10px;

}
#footer a {
    color : #999;
    text-decoration : none;
}

/* aGENDA */

UL.galery {
    margin  : 0;
    padding: 0;
}

UL.galery li {
    list-style:none;
    display : block;
    float : left;
    width : 105px;
}


UL.galery li a {

}

body#content {
  margin-left:20px;
}



/* bugfixes webkit*/ 

.expo_intro img {
    margin-bottom: 10px;
}