/* Div for website border width 800px height changeable start*/
#websitecontainer {
	position:relative;
	top:10px;
	bottom:10px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #C0C0C0;
	z-index:10;}
/* Div for Website border width 800px height changeable end*/

/* Div for contact details start*/
#contactdetails {
	position:absolute;
	top:0px;
	width:800px;
	height:50px;
	z-index:100;}
/* Div for contact details end*/

/* Div for main logo start*/
#sgardenlogo {
	position:absolute;
	left:0px;
	top:30px;
	width:800px;
	height:150px;
	z-index:3;}
/* Div for main logo end*/

/* Main Menu start */
.example {
    position:absolute;
	top:100px;
	left:5px;
    width:750px;
    height:50px;
    margin:20px auto;
    padding:15px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;}
/* main menu style start */
/* Some stylesheet reset */
#cssmenu > ul{
	list-style: none;
	top:195px;
	left:35px;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;}
/* The container */
#cssmenu > ul {
	display: block;
	position: absolute;
	width: 150px;}
/* The list elements which contain the links */
#cssmenu > ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 150px;}
/* General link styling */
#cssmenu > ul li a {
/* Layout */
	display: block;
	position: relative;
	margin: 5;
	margin-top: 8px;	
	padding: 5px 10px;
	width: 160px;
/* Typography */
	font-family:  Helvetica, Arial, sans-serif;
	color: #E56717;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
/* Background & effects */
	background: #ffffff;
	opacity:0.9;}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child>a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 0;}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:nth-child(1n+2)>a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 0;}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child>a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 0;}
/* The hover state of the menu/submenu links */
#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	background: #088A08;
	background: -webkit-linear-gradient(bottom, #088A08, #04B404);
	background: -ms-linear-gradient(bottom, #088A08, #04B404); 
	background: -moz-linear-gradient(bottom, #088A08, #04B404);
	background: -o-linear-gradient(bottom, #088A08, #04B404);
	border-color: transparent;}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub>a::after {
	content: '';
	position: absolute;
	top: 9px;
	right: 4px;
	width: 0px;
	height: 0px;
/* Creating the arrow using borders */
	border: 4px solid transparent;
	border-left: 4px solid #E56717; }
/* Changing the color of the arrow on hover */
#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
	border-left: 4px solid #ffffff;}
#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
	border-left: 4px solid rgba(0, 0, 0, .25);}
/* THE SUBMENUS */
#cssmenu > ul ul {
	position: absolute;
	left: 180px;
	top: -9999px;
	padding-left: 5px;
	opacity: 0;
/* The fade effect, created using an opacity transition */
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover>ul {
	top: 0px;
	opacity: 1;}
/* main menu end */

/* Div for main content box on page start*/
#main {
	position:relative;
	left:-1px;
	top:20px;
	margin-bottom:50px;
	width:800px;
	z-index:10;}
/* Div for main content box on page end*/

/* Div for main photo 760x320 start*/
#mainphoto {
	position:absolute;
	top:170px;
	left:20px;
	z-index:-1;}
/* Div for main photo 760x320 end*/

/* Div for gallery start*/
#gallery {
	position:relative;
	top:50px;
	left:200px;
	z-index:10;}
/* Div for gallery end*/

/* Div for photos surround div in main content box on page start*/
#smallphotosdiv 
{
	position:relative;
	float:right;
	margin-left:25px;
	margin-right:15px;
	width:280px;
	height:320px;
	z-index:4;}
/* Div for photos surround div in main content box page end*/

/* Div for best of Farnham top right start*/
#bestoffarnham {
	position: absolute;
	right: 15px;
	top: 20px;
	width: 145px;
	height: 90px;
	z-index:4;}
/* Div for best of Farnham top right end*/

/* Text style body, for main content start*/
#body {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 10pt;
	margin-left:25px;
	margin-right:30px;
	color:#254117;
	text-align:left;}
/* Text style body, for main content end */

/* Text style H1, for page titles text start*/
H1 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	margin-top: 520px;
	margin-bottom: 30px;
	font-size: 16pt;
	font-weight:bold;
	text-align:left;
	margin-left:25px;
	color:#254117;}
/* Text style H1, for page titles text end*/

/* Text style H2, for page titles text start*/
H2 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 11pt;
	margin-left:25px;
	margin-top:30px;
	font-weight: bold;
	text-align:left;
	color:#254117;}
/* Text style H2, for page titles text end */

/* Text style P1, for page titles text start*/
#p1 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 10pt;
	margin-left:25px;
	margin-right:30px;
	color:#254117;
	text-align:center;}
/* Text style p1, for page titles text end */

/* Text style p2, for top page statements start*/
#p2 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 8pt;
	margin-top:100px;
	margin-bottom:20px;
	text-align:center;
	color:#000000;}
/* Text style p2, for top page statements end */

/* Text style p3, for news titles start*/
#p3 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 11pt;
	margin-left:25px;
	margin-top:30px;
	font-weight: bold;
	text-align:left;
	color:#254117;}
/* Text style p3, for news titles end */

/* Text style p4, for [read more] text start*/
#p4 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 9pt;
	margin-left:25px;
	margin-right:30px;
	color:#254117;
	text-align:left;}
/* Text style p4, for for [read more] text end */

/* Text style p5, for logo text WOWGS start*/
#p5 {
	font-family: comic sans-serif, verdana, serif, sans-serif;
	font-size: 27pt;
	font-weight:bold;
	margin-top:0px;
	text-align:center;
	color:#ABFF73;}
/* Text style 05, for logo text WOWGS end */

/* Text style p6, for logo text FGS start*/
#p6 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 11pt;
	margin-top:50px;
	font-weight:bold;
	text-align:left;
	margin-left:163px;
	color:#4E9258;}
/* Text style 06, for logo text FGS end */

/* Text style p7, for logo text CYS Ltd start*/
#p7 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 11pt;
	margin-top:60px;
	font-weight:bold;
	text-align:center;
	color:#254117;}
/* Text style p7, for logo text CYS Ltd end */

/* Text style p8, for Links page section titles start*/
#p8 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 11pt;
	margin-top:60px;
	font-weight:bold;
	margin-left:25px;
	text-align:left;
	color:#E56717;}
/* Text style p8, for Links page section titles end */

/* Text style p9, for phone number and email start*/
#p9 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 11pt;
	margin-top: 25px;
	margin-right:25px;
	font-weight: bold;
	text-align:center;
	color:#E56717;}
/* Text style p9, for phone number and email end */

/* Text style p10, for bottom page registered office and copyright start*/
#p10 {
	font-family: verdana, georgia, arial, serif, sans-serif;
	font-size: 8pt;
	margin-top:100px;
	margin-bottom:20px;
	text-align:center;
	color:#000000;}
/* Text style p10, for bottom page registered office and copyright end */

/* Div's or Test styles for prototypes & Testing, not to be used for main content start*/



/* Div's or Test styles for prototypes & Testing, not to be used for main content end*/