/* CSS Document */
body {background-color:#1F2325; margin:0em; font-family: Helvetica, Verdana, Arial, sans-serif; line-height:120%; color:#666;}

#header {width: 1000px; height:100px; z-index:999;}
#header #logo {background-image: url(http://www.yellowmelen.co.uk/i/gif/yellowMelen.gif); background-repeat:no-repeat; display:block; width:200px; height:40px; margin-left:106px;}
#header #logo:hover { background-image:url(http://www.yellowmelen.co.uk/i/gif/yellowMelenOver.gif);}
#header #logo span {margin-left:-300em; margin-top:-300em;}

#quickContacts {position:absolute; top:0px; left:747px; list-style-type:none; text-align:right;}
#quickContacts li {color: #999; line-height:150%; font-weight:bold;}
#quickContacts li a {color: #999; text-decoration:none;}
#quickContacts li a:hover {text-decoration:underline;}
#quickContacts li.largerContact {font-size: 1em;}

#topNavInner {height: 35px; position:absolute; top:44px; left:240px; width:750px;}
#topNavInner ul {list-style-type:none; margin:0px; padding:0px;width: 585px;}
#topNavInner ul li {display: inline; margin-right: 10px;}
#topNavInner ul li.back {float:right;}
#topNavInner ul li a {font-family: Helvetica, Verdana, Arial, sans-serif; color:#999; font-size:1.05em; font-weight:400; text-decoration:none;}
#topNavInner ul li a:hover, #topNavInner ul li a.selected {color: #fff;}

#container {
/* width:100%; */
height:480px; 
position:absolute;
top:64px;
left:64px;
}

#additionalInfo {float:right; width: 150px; height:450px; overflow:hidden; background-color:#eee;}
#additionalInfo #toggleIn {/*background-image:url(../i/gif/more.gif); background-repeat:no-repeat;*/ background-color:#ccc; display:block; width: 150px; height:auto; text-align:center; color:#999; font-weight:bold; line-height:150%; text-decoration:none;}
#addContent {background-color: #ccc; height:450px;}
#addContent #toggleOut { font-weight:bold; text-align:center; color:#999; text-decoration:none;}
#addContent p {margin-top: 0px; padding: 5px; font-size:0.75em;}
#addContent h1, #addContent h2  {margin:0px;}
#addContent h1, #addContent h2 {background-color:#a5a5a5; text-align:center; padding:5px 0px;}

#newLeftNav {width: 165px; height:500px; background-color: #1f2325/*ccc*/; float:left; position:relative;}
#newLeftNav ul {list-style-type:none; }
#newLeftNav ul li a {font-family: Helvetica, Verdana, Arial, sans-serif; color:#999; font-size:1.2em; font-weight:400; text-decoration:none;}
#newLeftNav ul li a.hover, #newLeftNav ul li a.selected {color: #fff;}

#nav {width: 165px; height:500px; background-color: #1f2325/*ccc*/; float:left; position:relative;}
#nav ul li a:hover, #topNavInner ul li a.selected {color: #fff;}

#contactDetails {width:740px; padding-top:20px; padding-bottom:20px;}
#contactDetails h2 {}
#contactDetails p {}
#contactDetails label {float: left;}
#contactDetails #leftContact{width: 350px; margin-left: 10px; float:left;}
#contactDetails #leftContact a {}
#contactDetails #rightContact {width: 350px; margin-right: 10px; float:right;}


#subNav {height: 30px; position:absolute; bottom:0px; left:173px;}
#subNavMain {height: 35px; position:absolute; bottom:0px; left:173px;}
#subNav ul {list-style-type:none; margin:0px; padding:0px;width: 585px;}
#subNav ul li {display: inline; margin-right: 10px;}
#subNav ul li.back {float:right;}
#subNav ul li a {font-family: Helvetica, Verdana, Arial, sans-serif; color:#999; font-size:1.05em; font-weight:400; text-decoration:none;}
#subNav ul li a:hover, #subNav ul li a.selected {color: #fff;}

#mainHolder {height: 450px; width:750px; background-color:#fff; margin:0px 2px 8px 8px; float:left; border-style:solid; border-color:#666666; border-width:4px;}
#mainCont {width: 720px; float:left; overflow:auto;}
#mainLarge {width:740px; height:438px; margin:5px; background-color:#ffffff;}
#mainSmall{}
#mainCont p, #mainLarge p, #mainCont h2, #mainLarge h2 {margin-left: 20px; margin-right:20px;}
#mainCont a:link, #mainCont a:visited,#mainCont a:hover,#mainCont a:active { color:#666666; }
/* #videoInto p, */
.inpageNav {list-style-type: none; margin:20px; padding:0px;}
.inpageNav li {margin-bottom:5px; background-color:#d5d5d5;}
.inpageNav li a {padding:5px; display:block; text-decoration:none; font-weight:bold; color:#666; font-size:0.75em;}
.inpageNav li a:hover {text-decoration:underline; color:#fff; background-color:#666;}


.client {list-style-type: none; margin:0px; padding:0px;}
.client li {margin-bottom:5px; background-color:#d5d5d5;}
.client li a {padding:2px 5px;; display:block; text-decoration:none; color:#666;}
.client li a:hover {text-decoration:underline; color:#fff; background-color:#666;}

#areaNav {list-style-type:none; float:right; margin-right:0px; margin-top: 390px;}
#areaNav li {background-image:url(per60Black.png); float:left; margin-left:10px; border: 1px #000000 solid;}
#areaNav li a {background-image:url(per60Black.png); padding: 10px; display:block; width:10em; height:1.5em; text-align: center; color:#FFFFFF; font-weight:bold; line-height:1.5em; text-decoration:none;}
#areaNav li a:hover {background-image:url(per60Photo.png);}

#endBit {height: 450px; float:left; margin-top: 8px; clear:right; /* background-image:url(../i/gif/boxes.gif); background-repeat:no-repeat; background-position:bottom; */ width:25px; position:relative;}
#endBit ul {margin:0px; padding:0px; list-style-type:none; position: absolute; bottom:0px;}
#endBit ul li {margin-top:2px;}
#endBit ul li a {display: block; width:22px; height:22px;}
#endBit ul li a span {margin-left:-300em; margin-top:-300em;}
.nav0 {background-color:#474b4d;}
.nav1 {background-color: #3B3E40;}
.nav2 {background-color: #2F3133;}
.nav3 {background-color: #232426;}

#footer {position:absolute; top:520px; left:72px; width:750px; margin-left:173px;}
#footer ul {list-style-type: none; margin: 0px; padding: 0px; float:right;}
#footer ul li {display: inline;}
#footer a {font-size: 0.70em; color:#999999; text-decoration:none;}
#footer a:hover {text-decoration:underline; color:#ccc;}

.access {display: none; margin-left:-300em; margin-top:-300em;}
.center {text-align:center;}
.noMargin {margin: 0px;}
.flLeft {float:left;}
.taRight {text-align:right;}
.mr20 {margin-right:10px;}
.mtopImage {margin-top:50px;}
.mlr10 {margin-left: 10px; margin-right:10px;}
html>body .mr20 {margin-right:20px;}
.cBoth {clear:both;}
.stronger {font-weight:bold;}
.ymGold {color:#ffcc00;}
.blackBG {background-color:#000000;}
a img {border:none;}

h1 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size:1em; font-weight:900; margin-left: 20px; margin-right: 20px; padding-top:0.5em;}
h2 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size:0.8em; font-weight:900; margin-left: 5px; margin-right: 5px;}
h3 {font-family: Helvetica, Verdana, Arial, sans-serif; font-size:2em; font-weight:lighter; margin-left: 5px; margin-right: 5px;}
p, #addContent li, #mainCont li, #mainLarge li {font-size:0.75em; line-height:125%;}
#introContact {color:#999999; margin-top:0.2em; margin-left: 190px; font-size:1.2em; font-family:Helvetica, Verdana, Arial, sans-serif;}
#introContact a {color:#999999; text-decoration:none;}
#introContact a:hover {text-decoration:underline;}
#flashcontent1 {padding: 5px; overflow:auto; width:590px; height: 440px;}
.gsc-control { width : 100% }
#searchResults form.gsc-search-box { display : none; }
#branding { padding-top : 0px; width : 100%; }
#searchResults .gsc-control { width : 100%; font-size:small; }