body {background-image:  url("images/bg.gif");margin-bottom: 0px;margin-top: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
.text {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
.list {list-style-image: url(images/bullet.jpg);}
a:link {color: #338533;text-decoration: underline;}
a:visited {color: #006600;text-decoration: underline;}
a:hover {color: #000000;	text-decoration: underline;}
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-image: url(images/website-layout_div.jpg);
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-image: url(images/website-layout_subdiv.jpg);
}
.buttom {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color: #FFFFFF;}
.buttom:link {color: #000000;text-decoration: underline;}
.buttom:visited {color: #000000;text-decoration: underline;}
.buttom:hover {color: #FFFFFF;	text-decoration: none;}

/* ROLLOVER SECTION */

.home {
float:left;
width:55px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/home.jpg) no-repeat 0 0px;
}
a.home:link, a.home:visited, a.home:active {
text-decoration:none;
background: url(images/menu/home.jpg) no-repeat 0 0px;
}
a.home:hover {
background: url(images/menu/home.jpg) no-repeat -55px 0px;
}

.about {
float:left;
width:60px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/about.jpg) no-repeat 0 0px;
}
a.about:link, a.about:visited, a.about:active {
text-decoration:none;
background: url(images/menu/about.jpg) no-repeat 0 0px;
}
a.about:hover {
background: url(images/menu/about.jpg) no-repeat -60px 0px;
}

.services {
float:left;
width:75px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/services.jpg) no-repeat 0 0px;
}
a.services:link, a.services:visited, a.services:active {
text-decoration:none;
background: url(images/menu/services.jpg) no-repeat 0 0px;
}
a.services:hover {
background: url(images/menu/services.jpg) no-repeat -75px 0px;
}

.portfolio {
float:left;
width:80px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/portfolio.jpg) no-repeat 0 0px;
}
a.portfolio:link, a.portfolio:visited, a.portfolio:active {
text-decoration:none;
background: url(images/menu/portfolio.jpg) no-repeat 0 0px;
}
a.portfolio:hover {
background: url(images/menu/portfolio.jpg) no-repeat -80px 0px;
}

.prices {
float:left;
width:113px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/price.jpg) no-repeat 0 0px;
}
a.prices:link, a.prices:visited, a.prices:active {
text-decoration:none;
background: url(images/menu/price.jpg) no-repeat 0 0px;
}
a.prices:hover {
background: url(images/menu/price.jpg) no-repeat -113px 0px;
}

.customers {
float:left;
width:147px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/customers.jpg) no-repeat 0 0px;
}
a.customers:link, a.customers:visited, a.customers:active {
text-decoration:none;
background: url(images/menu/customers.jpg) no-repeat 0 0px;
}
a.customers:hover {
background: url(images/menu/customers.jpg) no-repeat -147px 0px;
}

.contact {
float:left;
width:72px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/contact.jpg) no-repeat 0 0px;
}
a.contact:link, a.contact:visited, a.contact:active {
text-decoration:none;
background: url(images/menu/contact.jpg) no-repeat 0 0px;
}
a.contact:hover {
background: url(images/menu/contact.jpg) no-repeat -72px 0px;
}

.partners {
float:left;
width:78px;
height:30px;
border:0px solid;
font:normal 10px verdana;
text-align:center;
background: url(images/menu/partners.jpg) no-repeat 0 0px;
}
a.partners:link, a.partners:visited, a.partners:active {
text-decoration:none;
background: url(images/menu/partners.jpg) no-repeat 0 0px;
}
a.partners:hover {
background: url(images/menu/partners.jpg) no-repeat -78px 0px;
}

/* END OF ROLLOVER */

.holder {
	width: 698px;
      margin-left: auto;
      margin-right: auto;
}
.leftside {
	float: left;
    clear:both;
	width: 9px;
	height: 100%;
	background-image: url(images/website-layout_06.png);
}
.rightside {
	float: left;
	width: 9px;
	height: auto;
	background-image: url(images/website-layout_15.png);
}
.banner {
	float: left;
	width: 680px;
	height: 50px;
}
.banner {
	float: left;
	width: 680px;
}
.footer {
	float: left;
	width: 680px;
	height: 24px;
	background-image: url(images/website-layout_21.jpg);
}
.innerfooter {
	float: left;
	width: 680px;
	height: 24px;
	padding-top: 7px;
}
.separator {
	float: left;
	width: 680px;
	height: 5px;
}
.contentholder {
	float: left;
	width: 698px;
	background-image: url(images/contentbg.png);
}
.content {
	float: left;
	width: 668px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 14px;
}
.button {
	float: left;
	width: 680px;
}
.top {
	width: 698px;
}
.buttom {
	width: 698px;
}
.dateup {
	float: left;
    	clear:both;
	height: auto;
}
.dotdot {
	float: left;
	width:17px;
}
.infoup {
	float: left;
	width:525px;
	height: auto;
}
