/* CSS Rollovers */

/* GLOBALHEADER */

#buttons {
	padding: 0px;
	margin-left: 1px;
	display: inline;
	float: left;
}

#buttons #buttonsul {
	width: 570px;
	height: 28px;
	padding:0px;
	margin: 0px;
	position: relative;
	z-index: 101;
}

#buttons #buttonsul li {
	display: inline;
}

#buttons #buttonsul li a {
	float: left;
	width: 95px;
	height: 0;
	padding-top: 28px;
	overflow: hidden;
}

#buttons #buttonsul li a,

#buttons{
	background-image:url(images/navigation.jpg);
	background-repeat: no-repeat;
}

/* BUTTONS */

#buttons #buttonsul li#aa a {
	background-position: 0 0;
}

#buttons #buttonsul li#bb a {
	background-position: -95 0;
}

#buttons #buttonsul li#cc a {
	background-position: -190px 0;
}

#buttons #buttonsul li#dd a {
	background-position: -285px 0;
}

#buttons #buttonsul li#ee a {
	background-position: -380px 0;
}

#buttons #buttonsul li#ff a {
	background-position: -475px 0;
}

/* OVER */

#buttons #buttonsul li#aa a:hover {
	background-position: 0 -28px;
}

#buttons #buttonsul li#bb a:hover {
	background-position: -95px -28px;
}

#buttons #buttonsul li#cc a:hover {
	background-position: -190px -28px;
}

#buttons #buttonsul li#dd a:hover {
	background-position: -285px -28px;
}

#buttons #buttonsul li#ee a:hover {
	background-position: -380px -28px;
}

#buttons #buttonsul li#ff a:hover {
	background-position: -475px -28px;
}

/* PRESSED STATES */

#buttons #buttonsul li#aa a {
	background-position: 0 0;
}

#buttons #buttonsul li#bb a {
	background-position: -95px 0;
}

#buttons #buttonsul li#cc a {
	background-position: -190px 0;
}

#buttons #buttonsul li#dd a {
	background-position: -285px 0;
}

#buttons #buttonsul li#ee a {
	background-position: -380px 0;
}

#buttons #buttonsul li#ff a {
	background-position: -475px 0;
}

/* TOP BUTTONS */

#navcontainer{width: 569px; height: 28px; float: left;}
.95{width: 95px; height: 28px; float: left;}
.94{width: 94px; height: 28px; float: left;}

#button-cms{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-cms.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-cms:hover {
	background-position: bottom left;
}

#button-windows{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-windows.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-windows:hover {
	background-position: bottom left;
}

#button-doors{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-doors.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-doors:hover {
	background-position: bottom left;
}

#button-conservatories{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-conservatories.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-conservatories:hover {
	background-position: bottom left;
}

#button-glass{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-glass.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-glass:hover {
	background-position: bottom left;
}
#button-quality{
	float: left;
	height: 28px;
	width: 94px;
	overflow: hidden;
	background: url(images/button-quality.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-quality:hover {
	background-position: bottom left;
}

#button-news{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-news.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-news:hover {
	background-position: bottom left;
}

#button-logout{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-logout.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#button-logout:hover {
	background-position: bottom left;
}

.button-blank{
	float: left;
	height: 28px;
	width: 95px;
	overflow: hidden;
	background: url(images/button-blank.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

.button-blank2{
	float: left;
	height: 28px;
	width: 94px;
	overflow: hidden;
	background: url(images/button-blank.jpg) top left no-repeat;
	text-indent: 2000px;
	display: block;
}

#topaccess {
	float: left;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/topaccess.jpg) top left no-repeat;
}

#topaccess:hover {
	background-position: bottom left;
}

#tophome {
	float: left;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/tophome.jpg) top left no-repeat;
}

#tophome:hover {
	background-position: bottom left;
}

#topsitemap {
	float: left;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/topsitemap.jpg) top left no-repeat;
}

#topsitemap:hover {
	background-position: bottom left;
}

#topmail {
	float: left;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/topmail.jpg) top left no-repeat;
}

#topmail:hover {
	background-position: bottom left;
}

/* Small top icons */

#blah {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
}

#blah li {
	display: inline;
}

#topaccess {
	float: right;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/topaccess.jpg) top left no-repeat;
	text-align: right;
}

#topaccess:hover {
	background-position: bottom left;
}

#tophome {
	float: right;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/tophome.jpg) top left no-repeat;
}

#tophome:hover {
	background-position: bottom left;
}

#topsitemap {
	float: right;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/topsitemap.jpg) top left no-repeat;
}

#topsitemap:hover {
	background-position: bottom left;
}

#topmail {
	float: right;
	height: 27px;
	width: 28px;
	overflow: hidden;
	background: url(images/topmail.jpg) top left no-repeat;
}

#topmail:hover {
	background-position: bottom left;
}