/* CSS for Door2Door, designed by Tim Knowles modified by Cass and Ian for Merrehill Ltd */

/* Global site stuff */

/*************************/


 /* HEADER */
  #header {width:1000px; float:left; clear:both;}
  #hleft {width:31px; height:109px; float:left; background:url(../images/template/hleftgr.jpg) 0 0 no-repeat;-webkit-border-top-left-radius: 50px;}
  #hmid {width:938px; height:109px; float:left; background:url(../images/template/hmidgr.jpg) 0 0 repeat-x;}
  #hright {width:31px; height:109px; float:left; background:url(../images/template/hrightgr.jpg) 0 0 no-repeat;-webkit-border-top-right-radius: 50px;}
  #logo {width:500px; height:75px; float: left; margin-top:40px; background:url(../images/template/mh-logo-green-sm.gif) 0 0 no-repeat;}
  #phone {width:300px; height:30px; float:right; text-align:center; padding-top:10px;}
 /* END HEADER */

 /* BODY */
  #main {width:1000px; float:left; clear:both;}
  #mtop {width:1000px; height:31px; float:left; clear:both; background:url(../images/template/mtopgr.jpg) 0 0 no-repeat;}
  #mmid {width:1000px; height:auto; float:left; clear:both; background:url(../images/template/mmidgr.jpg) 0 0 repeat-y;}
  #mbot {width:1000px; height:31px; float:left; clear:both; background:url(../images/template/mbotgr.jpg) 0 0 no-repeat;}
 /* END BODY */

 /* CONTENT */
  #leftouter{width:200px; float:left;}
  #menu{width:160px; margin:auto;overflow:hidden;}

  #rightouter{width:785px; float:right;}
  #content{width:735px; margin:auto; vertical-align:top}
 /* END CONTENT */

  #foot {width:1000px; height:41px; clear:both; background:url(../images/template/footgr.jpg) 0 0 no-repeat;-webkit-border-bottom-left-radius: 42px;-webkit-border-bottom-right-radius: 42px;}
  #adr {width:740px; float:left; height:36px; padding-top:8px; padding-left:0px; font-size:8pt; text-align:center;}
  #ccard {width:228px; height:23px; float:right; padding-top:5px; padding-right:25px;}
/* END LAYOUT */
/*************************/


/* Links */

a:link, a:visited {color:#009A00; text-decoration:none; border-bottom:1px dotted #000;}
a:hover, a:visited:hover{color:#000; text-decoration:none; border-bottom:1px solid #009A00;}

a.red  {color:#9A0000; text-decoration:none; border-bottom:1px dotted #000;font-size:11pt;}
a.red:hover {color:#0000bb; text-decoration:none; border-bottom:1px solid #9A0000;}

/* Text */
h1, h2, h3 , h4, h5, h6 {margin:0px; padding 0px; color:#009A00;}
h1{margin-top:25x;}
ul, li {margin-top:0px; padding-top:0px; text-align: left;}

body {text-align:justify;}


/* CSS For Merrehill, Designed By Bim */

body {font-family:Calibri,Arial,sans-serif; font-size:11pt; color:#000;
background:
	/*-webkit-gradient(radial, 45 45, 10, 52 50, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62)),
	-webkit-gradient(radial, 280 120, 5, 285 125, 20, from(#1082D3), to(rgba(30,98,159,0)), color-stop(90%, #01629F)),
	-webkit-gradient(radial, 80 180, 9, 82 184, 25, from(#D76243), to(rgba(159,73,30,0)), color-stop(90%, #9F623F)),
    -webkit-gradient(radial, 90 550, 15, 95 560, 50, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62)),*/
    -webkit-gradient(linear, 0 0, 100% 60%, from(rgba(128,192,128,.85)), color-stop(85%, rgba(235,235,255,.85)));
background-size:100%;
}

img{-webkit-border-radius: 8px;}

#container {width:1000px; height:auto; margin:auto;margin-top:20px;-webkit-border-radius: 50px;-webkit-box-shadow: 10px 10px 5px #888;}

#menu li, #menu ul {list-style:none; line-height:100%; margin:0px;margin-top:10px;margin-bottom:10px; padding:0px; text-align:left;}
* html #menu li {margin-bottom:-10px;line-height:1.3;}
#menu a { font-size:11pt; display:block; margin:0px; padding:0px;white-space:nowrap;-webkit-transition: margin-left 1s ease-in-out;}
#menu li:hover a{margin-left:20px;}

/* All Divs*/
.editdiv:hover,.chromediv:hover{color:#222222;}
.editdiv div p,.chromediv div p{-webkit-border-radius: 10px;padding:8px;background-color:#555555;width:220px;color:#669966;}
.editdiv:hover div,.chromediv:hover div {display:block;}

/* Each Div*/
.editdiv{position:fixed;color:#009A00;top:5px;left:5px;right:auto;bottom:auto;-webkit-animation-name: wobble;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes wobble {
	0% {left: 0%;top:0%;}
	/*25% {left: 5%;top:0%;}*/
 	50% {left: 5%;top:0%;}
	/*75% {left: 7%;top:0%;}*/
	100% {left: 0%;top:0%;}
}
.editdiv div{display:none;position:fixed;top:15px;left:15px;right:auto;bottom:auto;}
.chromediv{position:fixed;color:#009A00;top:5px;left:auto;right:5px;bottom:auto;}
.chromediv div{display:none;position:fixed;top:15px;left:auto;right:15px;bottom:auto;}

/* Animations*/