/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
.clear{clear:both;}


div.rpicdesc { float: right; width: 25%; border: thin silver solid; margin: 0.5em; padding: 0.5em;}
div.rpicdesc p { text-align: center; font-style: italic; font-size: smaller;}
div.rpicdesc img { width: 100%;}

div.lpicdesc { float: left; width: 25%; border: thin silver solid; margin: 0.5em; padding: 0.5em;}
div.lpicdesc p { text-align: center; font-style: italic; font-size: smaller;}
div.lpicdesc img { width: 100%;}

div.centrepic { margin: 0.5em; padding: 0.5em;}
div.centrepic p { text-align: center; font-style: italic; font-size: smaller;}
div.centrepic img { display: block; margin-left: auto; margin-right: auto; }


body {
	font-size: 75%; 
  color: #484848; 
  font-family: "Arial CE",Arial, sans-serif, Helvetica; 
  background-color: #fff;  
  text-align: justify;
  background-image: url('images/bg.gif'); 
  background-repeat: repeat-x;
  padding:11px 0;
}


blockquote{margin-left: 1cm; margin-right: 1cm;}

div.events {margin: 1em; padding: 0;}
div.events blockquote{font-style: italic; margin-left: 3em; margin-right: 0}



ul li{padding: 0em; margin: 0em 1.5em;}

#box{margin: 0 auto; width:890px; }
#left{width:230px; float:left; }
#right{width:651px; float:right; }


a{text-decoration:none; color: purple;}
a:link {color: purple;}
a:visited {color: purple;}
a:hover{color: purple; text-decoration:underline;}


/**** LEFT ****/
#left-in{padding-top:15px; }

#logo-and-menu-box{padding-left:0px;}
#left-stuff-box{margin-top:9px; float: left;}


#caption-upcoming-events{background-image: url(images/caption-upcoming-events.gif); background-repeat: no-repeat; width:186px; height:71px;}
#caption-latest-comments{background-image: url(images/caption-latest-comments.gif); background-repeat: no-repeat; width:186px; height:71px; margin-top:15px;}


#left-stuff-box p{height:100px; width:200px; text-align: left; padding:0 0px 5px 0px;}
html>body #left-stuff-box p{min-height:1px; width:200px; text-align:left; padding:0 0px 5px 0px; height:auto; font-size: 85%; }

html>body #left-stuff-box hr{height: 0; padding: 0; margin: 0; display: none; border: 0;}

.read-more{font-weight:bold; text-align:right; margin-right:5px; }


#label{margin-top:20px;}

/* main menu */ 
ul#menu{margin-top:31px; list-style:none; height:220px;  float:left;}
ul#menu li{margin:0; margin:4px 0; height:16px;}
html>body ul#menu li{ margin:8px 0;}


/**** RIGHT ****/
#head-image{background-image: url(images/head-image.gif); background-repeat: no-repeat; height:130px; width:649px;}
#head-image a img{float: right; position: relative; left: 55px; top: 25px;}
#h1-box{background-image: url(images/h1-bg.gif); background-repeat: no-repeat; width: 649px; height: 128px; /*padding:40px 0px 25px 0; */}
h1{color:#8e837d; text-align:right; position:relative; top: 55px; right:30px; font-size:230%; font-weight: normal; letter-spacing: 0; line-height: 0.95;}
h1 span{font-size: 85%;}
html>body #sections{background-image: url(images/sections-bg.gif); background-repeat: no-repeat; min-height: 125px; height:auto;}
#sections{height: 125px; background-image: url(images/sections-bg.gif); background-repeat: no-repeat; padding:0 30px; }
#sections p{padding-bottom: 10px; }
#sections ul, #sections ol{list-style-position: inside;}
.ico{margin:0 5px;}
#icon-box{padding-left:60px; margin-bottom:20px;}

ul#child-pages-list{list-style:none;}

/* footer */
#footer{ color:#282828; font-size:95%; text-align: right; position: relative; right: 108px;}
#footer ul{  list-style:none; padding-top:20px; position: relative; left: 20px;}
#footer li{ display:inline; margin:0 0 0 0;}
#footer a{color:#282828; text-decoration:none;}
#footer a:hover{color:#282828; text-decoration:underline;}

/* sidemenu */
.sidemenu-caption{color:#847a75; font-weight:bold; padding-left:5px;  font-size:120%; padding-top:15px;}
ul#sidemenu{list-style:none; color:#585553; padding-left:5px; font-weight:bold; margin:15px 0 35px 0;}
ul#sidemenu li{background-image: url(images/sidemenu-ico.gif);background-repeat: no-repeat; background-position: 0 6px; padding-left:20px;padding-top: 5px; }
ul#sidemenu li a{color:#585553;text-decoration:none;}
ul#sidemenu li a:hover{text-decoration:underline;}



/*contact form*/
#contactwrap {margin: 0px 0px 20px; width: 300px; }
.formfield {float: left; color: #000;  margin-top: 5px; margin-right: 5px; font-family: arial, helvetica, sans-serif;}
.formfield input, textarea, select  {color: #000; font-family: arial, helvetica, sans-serif; border: 1px solid #8E837D; height: 18px;}
.formfield textarea {height: 80px;}
#submitdiv input{margin: 20px 0 10px 0; clear: both; background: url(images/send-button.gif); width: 84px; height: 30px; border: none; font-size: 0px; cursor: pointer;}

#errorimg{background-image:url("images/problem.jpg"); width:48px; height:48px; float:left; margin-right:10px;}
#errorwrap {border: #ccc 1px solid; padding: 10px; margin: 0px;  width: 300px; background-color: white;}
#errormsg {	font-size: 95%; float: right; margin: 0px; width: 240px; color: #000; font-family: verdana, arial, helvetica, sans-serif; }

.sameinput{width: 280px;}
.title{	width: 50px;}
#firstname {width: 90px;}
#surname {	width: 123px;}
#price {width: 130px;}
#currency {	width: 130px;}
#message {width: 280px;}


