/* Key styles for: Ecosavvy*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 11 June 2009 */

img, div { behavior: url(iepngfix.htc) }
/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4em; color: #463432;}

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 865px;}
#banner{background: url(images/banner.jpg) no-repeat bottom; height: 290px; margin-top: 25px;}
#logo{margin-left: 10px; margin-top: -15px;}
#logo-print{display: none;}
#navigation{margin-left: auto; margin-right: auto; width: 820px; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
#webdeveloper{margin-left: auto; margin-right: auto; width: 820px; padding: 10px 0;}
#home{margin-top: 2px; margin-left: -4px; z-index: 10000; } 
* html #home { margin-top: 10px;}
#content {background-color: #FFFFFF; margin-left: auto; margin-right: auto; width: 850px; overflow: hidden; padding-bottom: 10px;}
#content .col {position: relative; float: left;}
#sidebar {width: 290px; padding-bottom: 10px; padding-top: 20px;}
#main {width: 510px; padding-left: 30px; padding-top: 20px;}
.sidebar-content{padding-left: 10px; padding-bottom: 10px; padding-right:5px;}

/*Side Bar Highlight Box*/
#highlightbox{margin-bottom: 10px; padding-bottom: 10px; }
#highlightbox span.top{display: block; background: url(images/highlight-top.jpg) no-repeat; height: 85px;  margin-bottom: -90px;}
#highlightbox span.bottom{display: block; background: url(images/highlight-bottom.jpg) no-repeat; height: 21px;}
#highlightbox span.middle{display: block; background: url(images/highlight-filler.jpg) repeat-y; padding-top: 15px;}
* html #highlightbox span.top{ margin-bottom: -100px;} 

.highlightbox2 span.top{display: block; background: url(images/highlight-box2-top.gif) no-repeat; height: 17px;}
.highlightbox2 span.bottom{display: block; background: url(images/highlight-box2-bottom.gif) no-repeat; height: 17px;}
.highlightbox2 span.middle{display: block; background: url(images/highlight-box2-filler.gif) repeat-y; padding-top: 0px;}
* html #highlightbox2 span.top{ margin-bottom: -100px;} 


.main-highlightbox{margin-bottom: 10px;}
.main-highlightbox span.top{display: block; background: url(images/main-highlight-top.gif) no-repeat; height: 23px;}
.main-highlightbox span.bottom{display: block; background: url(images/main-highlight-bottom.gif) no-repeat; height: 23px;}
.main-highlightbox span.middle{display: block; background: url(images/main-highlight-filler.gif) repeat-y; }


/*Link Styles*/
a {color: #62a101; text-decoration: none;}
a:link{color: #62a101;}
a:visited {color: #62a101; }
a:hover {color: #463432; border-bottom: 1px dotted #62a101;}

#highlightbox a {color: #a9c548; text-decoration: none;}
#highlightbox a:hover {color: #fff; border-bottom: none;}
#highlightbox span.middle a:hover{border-bottom: 1px dotted #a9c548;}

.highlightbox2 a{color: #463432; text-decoration: none;}
.highlightbox2 a:hover{color: #fff; border-bottom: 1px dotted #463432;}

#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}

#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}
/*Paragraph Styles*/
h1 {font-size: 2em; color: #463432; font-weight: normal; padding-bottom: 10px; line-height: 1em; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
h2 {font-size: 1.4em; color: #62a101;  padding-bottom: 5px; line-height: 1.2em; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
h3 {font-size: 1.1em; color: #463432; padding-bottom: 3px; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
h4 {font-size: 1em; color: #463432; padding-bottom: 3px; font-family: "Century Gothic", Arial, Helvetica, sans-serif;}
p {padding-bottom: 15px;}

.main-highlightbox p, .main-highlightbox h1, .main-highlightbox h2, .main-highlightbox h3, .main-highlightbox h4{font-family: Verdana, Arial, Helvetica, sans-serif;}


.highlightbox2 p{font-size: 1.2em;}
.highlightbox2 h1, .highlightbox2 h2, .highlightbox2 h3,.highlightbox2 h4, .highlightbox2 p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff;}

.thumbscontainer p{font-weight: bold;}

#highlightbox h2{color: #a9c548; padding-right: 20px; padding-left: 30px; font-size: 1.2em; font-weight: normal;}
#highlightbox h3, #highlightbox h4{color:#fff; padding-right: 20px; padding-left: 30px; font-weight: normal;}
#highlightbox p{color: #fff; padding-right: 20px; padding-left: 30px; font-weight: normal;}

#webdeveloper p{font-size: .9em;}

/*Table Styles*/
table {background-color: #a9c548; border: 1px solid #fff; margin-bottom: 10px;}
table td{ padding: 5px; background-color: #a9c548; color: #463432; border: 1px solid #fff;}

/*List Styles*/
#highlightbox ul, #highlightbox ol {margin-left: 50px; margin-right: 20px;padding-bottom: 10px; color: #fff;}
#main ul, #main ol {font-size: 1em; margin-left: 30px; padding-bottom: 10px; line-height: 1.8em;}
.main-highlightbox ul, .main-highlightbox ol {font-size: 1.1em; margin-left: 30px; padding-bottom: 10px; line-height: 1.6em;}
.thumbscontainer ul{margin-left: 0px !important;}

/*Image Styles*/
img {padding: 0px;}
#highlightbox img{padding-left: 5px;}
#highlightbox .middle img{margin: 5px 5px 5px 0px; border: 2px solid #a9c548;}
#main img{padding: 2px;}
#main img.left{padding: 10px 10px 10px 0px;}
#main img.right{padding: 10px 0px 10px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.small-text{font-size: .9em; line-height: 1.1em}
.highlightword{color: #a9c548;}
.featuretext{font-size: 1.6em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#sidebar .featuretext{font-size: 1.2em; font-weight: bold; line-height: 1.3em;}
.main-highlightbox-content{padding: 0px 20px; font-family: Verdana, Arial, Helvetica, sans-serif;}


/*Navigation*/
/*Top Level Navigation Styles*/
.menu {width: 856px; position:relative; font-size: 1.2em; z-index: 100; padding: 18px 5px 5px 5px; text-align: right; font-weight: bold;}
.menu ul {padding:0; margin:0; list-style-type: none; text-align: center; float: right;}
.menu ul li {float:left; position:relative; width: 115px; }
.menu ul li a, .menu ul li a:visited {text-decoration: none; color: #a9c548; padding: 0 10px; display: block; border-right: 2px solid #a9c548;}
.menu ul li ul {display: none;}
.menu table {margin: 0px; border-collapse: collapse; border: 0 !important;}

/*Font Size of the list items in the drop down menu*/
.menu table td{padding: 0px; border: 0 !important; font-size: 12px;}

/*Styles for the last list item and the current list item*/
.menu ul li.last a{border-right: none;}
.menu ul li.current a, .menu ul li a.current{color: #463432;}
.menu ul li table ul li.current a{}

/*Hover effect for the top level navigation*/
.menu ul li:hover a,.menu ul li a:hover {color: #463432; border-bottom: none;}
.menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; top: 18px; left:0; width:115px;}
.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}

 /*Background colour of the drop down list*/
.menu ul li:hover ul, .menu ul li a:hover ul {background: #a9c548; text-align: left;  border-top: 8px solid #fff;}
.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background: none; color: #fff; height:auto;  padding: 5px 10px; width:95px; border-right: none;}

/*Styles for the hover effect of the drop down item*/
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background:#463432; color: #fff; width: 95px;}