@charset "utf-8";
/* CSS Document */

#wapper-of-the-wapper {
	width:830px;
	background-color:#FFF;
	margin:auto;
	border-left:10px solid white;
		border-right:10px solid white;
}
#wapper {
	width:830px;
	background-color:#FFF;
	margin:auto;
	float:left;
	border-left:10px solid white;
		border-right:10px solid white;
}
#navwapper {
	width:830px;
	background-color:#FFF;
	margin:auto;
	height: 136px;
}
#navwapper-left {
	width:465px;
	background-color:#FFF;
	float:left;
}
#navwapper-left-top {
background-color:#FFFFFF;
float:left;
height:80px;
margin-left:11px;
margin-top:22px;
width:465px;
}
#navwapper-left-bottom {
	width:475px;
	background-color:#FFF;
	float:left;
}
#navwapper-right {
	background-color:#FFFFFF;
	float:right;
	margin-right:20px;
	margin-top:15px;
	width:330px;
}
#main-image {
	width:830px;
	background-color:#FFF;
	height:210px;
	float:left;
	display:block;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment:fixed;
}
/*Buttons*/
.home {
	width:58px !important;
	height:35px !important;
	background-image:url(images/home-button.jpg) !important;
	background-position:0 0 !important;
	float:left !important;
	margin-right:2px !important;
}
.home:hover {
	width:58px !important;
	height:35px !important;
	background-image:url(images/home-button.jpg) !important;
	background-position:-58px 0 !important;
	margin-right:2px !important;
	float:left !important;
}
.home:active {
	width:58px !important;
	height:35px!important;
	background-image:url(images/home-button.jpg)!important;
	background-position:-116px 0!important;
	margin-right:2px!important;
	float:left!important;
}
.home-active {
	width:58px!important;
	height:35px!important;
	background-image:url(images/home-button.jpg)!important;
	background-position:-116px 0!important;
	margin-right:2px!important;
	float:left!important;
}
.about {
	width:82px !important;
	height:35px !important;
	float:left !important;
	background-image:url(images/aboutus-button.jpg) !important;
	background-position:0 0 !important;
	margin-right:2px !important;
	float:left !important;
}
.about:hover {
	width:82px !important;
	height:35px !important;
	background-image:url(images/aboutus-button.jpg) !important;
	background-position:-82px 0 !important;
	margin-right:2px !important;
	float:left !important;
}
.about:active {
	width:82px !important;
	height:35px !important;
	background-image:url(images/aboutus-button.jpg) !important;
	background-position:-164px 0 !important;
	margin-right:2px !important;
	float:left !important;
}
.about-active {
	width:82px!important;
	height:35px;
	background-image:url(images/aboutus-button.jpg)!important;
	background-position:-164px 0!important;
	margin-right:2px!important;
	float:left!important;
}
.product {
	width:116px !important;
	height:35px !important;
	float:left !important;
	background-image:url(images/product-button.jpg) !important;
	background-position:0 0 !important;
	margin-right:2px !important;
	float:left !important;
}
.product:hover {
	width:116px !important;
	height:35px !important;
	background-image:url(images/product-button.jpg) !important;
	background-position:-116px 0 !important;
	margin-right:2px !important;
	float:left !important;
}
.product:active {
	width:116px!important;
	height:35px!important;
	background-image:url(images/product-button.jpg)!important;
	background-position:-232px 0!important;
	margin-right:2px!important;
	float:left!important;
}
.product-active {
	width:116px!important;
	height:35px!important;
	background-image:url(images/product-button.jpg)!important;
	background-position:-232px 0!important;
	margin-right:2px!important;
	float:left!important;
}
.clients {
	width:103px !important;
	height:35px !important;
	float:left !important;
	background-image:url(images/clients-button.jpg)!important;
	background-position:0 0!important;
	float:left;
	margin-right:2px!important;
}
.clients:hover {
	width:103px !important;
	height:35px !important;
	background-image:url(images/clients-button.jpg) !important;
	background-position:-103px 0 !important;
	float:left !important;
	margin-right:2px !important;
}
.clients:active {
	width:103px!important;
	height:35px!important;
	background-image:url(images/clients-button.jpg)!important;
	background-position:-206px 0!important;
	float:left!important;
	margin-right:2px!important;
}
.clients-active {
	width:103px!important;
	height:35px!important;
	background-image:url(images/clients-button.jpg)!important;
	background-position:-206px 0!important;
	float:left!important;
	margin-right:2px!important;
}
.contact {
	width:98px!important;
	height:35px!important;
	float:left!important;
	background-image:url(images/contact-button.jpg)!important;
	background-position:0 0!important;
	float:left!important;
}
.contact:hover {
	width:98px !important;
	height:35px !important;
	background-image:url(images/contact-button.jpg) !important;
	background-position:-98px 0 !important;
	float:left !important;
}
.contact:active {
	width:98px!important;
	height:35px!important;
	background-image:url(images/contact-button.jpg)!important;
	background-position:-196px 0!important;
	float:left!important;
}
.contact-active {
	width:98px!important;
	height:35px!important;
	background-image:url(images/contact-button.jpg)!important;
	background-position:-196px 0!important;
	float:left!important;
}
/*Buttons-end*/

/*Big-panels*/
.mobile {
	width:200px;
	height:169px;
	float:left;
	background-image:url(images/mobile-button.jpg);
	background-position:0 -169px;
	float:left;
}
.mobile:hover {
	width:200px;
	height:169px;
	background-image:url(images/mobile-button.jpg);
	background-position:0 -338px;
	float:left;
}
.mobile:active {
	width:200px;
	height:169px;
	background-image:url(images/mobile-button.jpg);
	background-position:0 0;
	float:left;
}
.mobile-active {
	width:200px;
	height:169px;
	background-image:url(images/mobile-button.jpg);
	background-position:0 0;
	float:left;
}
.sight {
	width:200px;
	height:169px;
	float:left;
	background-image:url(images/sight-button.jpg);
	background-position:0 -169px;
	float:left;
}
.sight:hover {
	width:200px;
	height:169px;
	background-image:url(images/sight-button.jpg);
	background-position:0 -338px;
	float:left;
}
.sight:active {
	width:200px;
	height:169px;
	background-image:url(images/sight-button.jpg);
	background-position:0 0;
	float:left;
}
.sight-active {
	width:200px;
	height:169px;
	background-image:url(images/sight-button.jpg);
	background-position:0 0;
	float:left;
}
.flat {
	width:200px;
	height:169px;
	float:left;
	background-image:url(images/flat-button.jpg);
	background-position:0 -169px;
	float:left;
}
.flat:hover {
	width:200px;
	height:169px;
	background-image:url(images/flat-button.jpg);
	background-position:0 -338px;
	float:left;
}
.flat:active {
	width:200px;
	height:169px;
	background-image:url(images/flat-button.jpg);
	background-position:0 0;
	float:left;
}
.flat-active {
	width:200px;
	height:169px;
	background-image:url(images/flat-button.jpg);
	background-position:0 0;
	float:left;
}
.spares {
	width:200px;
	height:169px;
	float:left;
	background-image:url(images/spares-button.jpg);
	background-position:0 -169px;
	float:left;
}
.spares:hover {
	width:200px;
	height:169px;
	background-image:url(images/spares-button.jpg);
	background-position:0 -338px;
	float:left;
}
.spares:active {
	width:200px;
	height:169px;
	background-image:url(images/spares-button.jpg);
	background-position:0 0;
	float:left;
}
.spares-active {
	width:200px;
	height:169px;
	background-image:url(images/spares-button.jpg);
	background-position:0 0;
	float:left;
}
/*Big-panels-end*/

#space1 {
	height:20px;
	width:830px;
	float:left;
	background-color:#fff;
}
#space {
	height:20px;
	width:830px;
	float:left;
	background-color:#fff;
}
#panel-wapper {
	height:169px;
	width:830px;
	margin:auto;
	float:left;
	background-color:#FFF;
}
.panel {
	height:169px;
	width:200px;
	background-color:#FFF;
	float:left;
	margin-right:10px;
}
.panel-last {
	height:169px;
	width:200px;
	background-color:#FFF;
	float:left;
}
.number {
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #393536;
}
.email a:link {
	font-size: 14px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	color: #393536!important;
	margin-top:3px;
}
.email a:hover {
	font-size: 14px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	color: #393536!important;
	text-decoration:none!important;
		margin-top:3px;
}
.email a:visted {
	font-size: 14px!important;
	font-family: Arial, Helvetica, sans-serif!important;
	color: #393536!important;
	text-decoration:none!important;
		margin-top:3px;
}
#main-body {
	width:830px;
	margin:auto;
	background-color:#FFF;
	float:left;
}
#product-images-wapper {
	float:left;
	width:200px;
	margin-right:20px;
	margin-top:44px;
}
#product-images-wapper-text {
	float:left;
	width:200px;
	margin-right:10px;
}

#product-images-wapper-text ul li {
	float:left;
	width:180px!important;
	margin:0!important;
	margin-left:-20px!important;
	list-style-position:outside!important;
	list-style:square!important;
	list-style-image:url(images/bat-bullet.jpg)!important;
	margin:4px 0px 3px -20px!important;
}
#product-images-wapper-middle {
	float:left;
	width:200px;
	margin-right:10px;
}

#product-images-wapper-middle ul li {
	float:left;
	width:180px!important;
	margin:0!important;
	margin-left:-20px!important;
	list-style-position:outside!important;
	list-style:square!important;
	list-style-image:url(images/lighting.jpg)!important;
	margin:4px 0px 3px -20px!important;
}
#product-images-wapper-text-last {
	float:left;
	width:200px;
	margin-right:0px;
}
#product-images-wapper-text-last ul li {
	float:left;
	width:180px!important;
	margin:0!important;
	margin-left:-20px!important;
	list-style-position:outside!important;
	list-style:square!important;
	list-style-image:url(images/rain.jpg)!important;
	margin:4px 0px 3px -20px!important;
}
.product-images {
	float:left;
	width:200px;
	margin-bottom:20px;
}
#footer {
	width:830px;
	margin:auto;
	float:left;
/*	border-top:2px dotted #75A347;
	border-bottom:2px dotted #75A347;*/
	margin-bottom:20px;
	height:105px;
	padding-top:20px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.footer-menu {
background-color:#FFFFFF;
float:left;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
width:auto;
}
.footer-menu-right {
	width:auto;
	float:right;
	margin-bottom:20px;
	margin-right: 20px;
}
.footer-menu-right {
	width:auto;
	float:right;
	margin-bottom:20px;
	margin-right: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#BEBDC3;
	text-align: right;
	margin-top:-4px;
}
/*.footer-menu-right a:link {
	width:auto;
	background-color:#FFF;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#BEBDC3;
		display:block;
		text-decoration:none;
}
.footer-menu-right a:visited {
	width:auto;
	background-color:#FFF;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		text-decoration:none;
}
.footer-menu-right a:hover {
	width:auto;
	background-color:#FFF;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#3C394B;
}*/
.footer-menu a:link{
	font-size:12px;
	color:#BEBDC3;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	display:block;
		margin:-3px;
	text-decoration:none;
}
.footer-menu a:active{
	font-size:12px;
	color:#BEBDC3;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	display:block;
		margin:-3px;
	text-decoration:none;
}
.footer-menu a:visited{
	font-size:12px;
	color:#BEBDC3;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	margin:-3px;
}

.footer-menu a:hover{
	font-size:12px;
	color:#3C394B;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
		display:block;
			text-decoration:none;
}
#text {

	background-color:#FFF;
	float:left;
	padding-left:20px;
width:600px;
}
#text-withimages {
	background-color:#FFF;
	float:left;
	padding-left:0px;
	width:620px;
}
.text-images {
	background-color:#fff;
	float:left;
	margin-bottom:20px;
width:200px;
}

#sidebar {
	float:left;
	width:200px;
	background-color:#FFF;
	margin-left: 10px;
	display:none; /*TAKE THIS OUT INCASE THE SIDEBAR IS NEEDED AGAIN*/
}
h1, h2, h3, h4, h5, h6 {
	font-family: Times New Roman, Times, serif;
}
h1 {
	font-size: 18px;
	color: #393536;
	text-transform:uppercase;
	font-weight:100;
	letter-spacing:2px;
}
h2 {
	font-size: 14px;
	color: #393536;
	text-transform:uppercase;
	font-weight:100;
	margin:0;
	margin-bottom:-12px;
	letter-spacing:2px;
}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393536;
	line-height:16px;
}
#main-body ul li {
list-style-position:inside;
margin-left:30px;
}
body a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #75A347;
	text-decoration:none;
}
body a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #75A347;
	text-decoration:none;
}
body a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #75A347;
	text-decoration:underline;
}
.left-text {
	text-align: right;
}
.greentext {
	color: #75A347;
}