/*************************************/
/***Midsummer index page style file*********/
/*************************************/


a img {border:0px solid #fc0;}



/*layout*/
#wideright {position: absolute; right:10px; top:45px; width:200px;padding:5px;}
#wideright h2 {font-style:normal;}
#centerwideright {position: absolute; left:198px; top:35px;right:220px; padding:10px;}
.headedbox {border:1px solid #fc0; margin-bottom:20px; background:url('/graphics/semitransparent-orange.png'); color:#063;font-size:0.8em;line-height:1.0em; position:relative;}
.headedbox:hover {border:1px solid #f50;}
.headedbox h2 {display:block; width:178px; background-color:#fc0; padding:5px 10px 5px 10px; color:#fff; font-style:normal;font-size:1.4em}
.headedbox:hover h2 {background-color:#f50;}
.headedbox p {padding:10px;}

#switchinfo a:link {font-weight:normal;}
#switchinfo a:hover {font-weight:normal;}
#switchinfo a:active{font-weight:normal;}
#switchinfo a:visited {font-weight:normal;}

#switchinfo h3 {font-size:1.1em}
#switchinfo p {font-size:0.8em}


#centerwideright {font-size:1.2em;}
body {background:url('http://midsummerenergy.co.uk/graphics/sunflower-side2.jpg')top right no-repeat;}
#centerwideright h1.heading{margin-top:30px; margin-bottom:30px; font-size:1.4em;}
ul.indexlist li {margin-bottom:50px;}
.boxicon {position:absolute; top:-10px; right:5px;}
dl.boxlist {border:1px solid #063; width:175px;margin:10px;}
dl.boxlist dt {background:#063; color:#fff;padding-top:2px; padding-bottom:2px;}
dl.boxlist dt a{color:#fff;}

dl.boxlist dd {background:#fff; color:#063; margin:0px; border:0px; padding:0px;}
dl.boxlist dd a{background:#fff; color:#063; margin:0px; border:0px; padding:0px;}

#switchhome {}
.greenboxright, .greenboxleft {border-top:7px solid #fc0;width:100%; height:100px; margin-bottom:20px;}
.greenboxright h3, .greenboxleft h3 {color:#063; font-weight:normal; margin:0px; padding:0px;}
.greenboxright {text-align:right; }
.greenboxleft {text-align:left; }
.onethirdouter {width:33%; float:left;min-height:230px;}
.onethirdinner {margin:10px;border:2px solid #063; }
.onethirdinner h3{color:#fff; background: #063; width:100%; text-align:center;margin:0px; padding:0px;}
.onethirdinner p{color: #063; padding:5px;}
.onethirdinner ul{color: #063; font-size:0.8em;}

#favouritesouter {position:relative; top:14px; margin-right:100px;}
.favouritesbox {margin-top:60px; width:100%; position:absolute; top:0px;height:122px; border:1px solid #fc0;}
.favouritesbox:hover {border:1px solid #f50;}

.favouritesbox img {border: 1px solid #f90; margin:0px; padding:0px; float:left; margin-right:30px;}
.favouritesbox h3 {background:#f90; color:#fff; font-size:0.8em; margin:0px; padding:2px;border-top:10px #fff; font-weight:normal;}
.favouritesbox:hover h3 {background:#f50;}
.favouritesbox  p {color:#300; font-size:0.7em;}
#favourites1 {display:none;}
#favourites2 {display:none;}
#favourites3 {display:none;}
#favourites4 {display:none;}
#controlstop {display:block; float:right; border:0px; position:absolute; top:62px; right:10px;}
#controls {display:none; float:right; border:0px; position:absolute; top:62px; right:10px;}

.semitransparent {filter:alpha(opacity=50);	opacity: 0.5;}

.tag {width:200px;position:absolute;text-align:center;padding:15px;}
.tag p{display:none;background:url('/graphics/semitransparent.png'); }
.tag:hover {z-index:1000; background-color:#fff; border:3px solid;}
.tag:hover p {display:block;z-index:1000;}
.tag h3 {font-size:2em;margin-bottom:3px;margin-top:10px;}
#tag1 {color: #cf0; left:3%; top:100px;}
#tag1 a:link{color: #cf0;}
#tag2 {color: #fc0; right:15%; top:90px;}
#tag2 a {color: #fc0;}
#tag3 {color: #0cf; left:22%; top:190px;}
#tag3 a {color: #0cf;}
#tag4 {color: #0fc; right:25%; top:155px;}
#tag4 a {color: #fc0;}
#tag5 {color: #e88; left:0%; top:265px;}
#tag5 a {color: #e88;}
#tag6 {color: #8e8; right:30%; top:330px;}
#tag6 a {color: #8e8;}
#tag7 {color: #88e; left:10%; top:390px;}
#tag7 a {color: #88e;}

div.rx1 {position:relative;}
div.rx2 {position:absolute; left:-250px; width:370px; bottom:5px; height:70px; background:url('/graphics/fade-box-back.png');color:#000;z-index:10;display:none;padding:15px;}
div.rx1:hover div.rx2 {display:block;}
div.rx1 img {margin-bottom:0px;margin-right:20px; margin-left:30px; clear:both; z-index:210;}
div.rx1:hover img {margin-left:150px;}
div.rx2 h3 {font-size:0.9em;margin:0px; margin-bottom:4px;}
div.rx2 p {font-size:0.7em;}

div#leftystuff {width:68%; margin:30px 0px 30px 0px; border-right: 4px solid #fc0; position:relative;}
div#leftyhover {position:absolute; top:50px; right:-30%; width:30%; display:none; border:4px solid #fc0; background: #ff9; color:#000;padding:20px;text-align:center;font-size:0.8em;}
div#leftystuff {color:#000;}
div#leftystuff:hover div#leftyhover {display:block;}