/* CSS
Author: Andrei Dobre
Created: 29-01-08

*/

/* Global Defaults
=====================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none; margin:0;padding:0}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Site
=====================================================================*/

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
}

a{
	color: #144503;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #FFD700;

}

#page{
	width: 885px;
	margin: -3px auto;
	text-align: left;
	background-image: url(images/bg-page.jpg);
}

#page-content{
	width: 875px;
	margin: auto;
	text-align: left;
}

#page-bottom{
	width: 885px;
	margin: auto;
	height:15px;
	background-image: url(images/page-bottom.jpg);
}

#top{
	height: 64px;
	width: 875px;
	}
#logo{
	display:inline;
	float:left;
	margin: 10px 0px 0px 20px;
}

#bbblogo{
	display:inline;
	float:right;
	margin: 10px 0px 0px 20px;
}



#topmenu{
	height:36px;
	width:875px;
	list-style-type: none;
	padding: 0px;
	background-image: url(images/topmenu.jpg);
	font-size: 11px;
	margin: auto;
	margin-top: 5px;
}

#topmenu li {
	position: relative;
	z-index: 9999;
}

#topmenu li a{
	border-right: 1px solid #666;
}
#topmenu ul{
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 6px;
}
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
	margin: 0;
}

.mainitems a{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
}

.subuls{
	display: none;
	position: absolute;
	left: 0px;
	z-index: 999;
	width: 178px;
}

.subuls li{
	width: 178px;
	position: relative;
	height: 25px;
	line-height: 25px;
	text-transform: none;
	border-bottom:1px solid #333;
	border-right: none;

}

.subuls li a{
	display: block;
	width: 177px; /*width of sub menu levels*/
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 0;
	height: 25px;
	line-height: 25px;
	background-color:#676767;
	background-image:none;
	text-indent:10px;
}

.subuls li a:hover {
	background-color:#3f3f3f;
	background-image:none;
	color: #FFD700;

}



#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	color: #000000;
	position: absolute;
	z-index: 555;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

.mainitems a:hover {
	background: url('images/tab_center.gif') repeat-x;
	color: #000;
}

.mainitems a:active {
	background-color: #000;
	color: #000;
	background-image: url(images/topmenu-hover-active.jpg);
}

.home{width:89px;height:36px; text-align:center}
.home a{width:89px;height:36px; text-align:center}
.home a:hover{width:89px;height:36px;background-image: url(images/home_hover.gif);}
.home a:active{width:89px;height:36px;background-image: url(images/home_active.gif);}
.home .active{width:89px;height:36px;background-image: url(images/home_hover.gif); color:#000;}

.our-service{width:132px;height:36px; text-align:center}
.our-service a{width:132px;height:36px; text-align:center}
.our-service a:hover{width:132px;height:36px;background-image: url(images/our-service_hover.gif);}
.our-service a:active{width:132px;height:36px;background-image: url(images/our-service_active.gif);}
.our-service .active {width:132px;height:36px;background-image: url(images/our-service_hover.gif); color:#000;}

.how-we-price{width:139px;height:36px; text-align:center}
.how-we-price a{width:139px;height:36px; text-align:center}
.how-we-price a:hover{width:139px;height:36px;background-image: url(images/how-we-price_hover.gif);}
.how-we-price a:active{width:139px;height:36px;background-image: url(images/how-we-price_active.gif);}
.how-we-price .active{width:139px;height:36px;background-image: url(images/how-we-price_hover.gif); color:#000;}

.about-us{width:113px;height:36px; text-align:center}
.about-us a{width:113px;height:36px; text-align:center}
.about-us a:hover{width:113px;height:36px;background-image: url(images/aboutus_hover.gif);}
.about-us a:active{width:113px;height:36px;background-image: url(images/aboutus_active.gif);}
.about-us .active{width:113px;height:36px;background-image: url(images/aboutus_hover.gif); color:#000;}

h1{
	font-size: 18px;
	color: #226a07;
	font-weight: normal;
}

.list1 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	padding-left:20px;
}
.list1 li{
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px -3px;
	text-indent:20px;
	line-height:14px;
	font-size: 12px;
	margin:0px;
}

#main{
	display: inline;
	float: left;
	width: 638px;
	margin: 0px 0px 0px 3px;
	position: relative;
	z-index: 1;
}



h2{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

#video{
	width:625px;
	height:248px;
	display:inline;
	float:left;
	position: absolute;
	z-index: 1;
	visibility: visible;
}

#thegame{
	margin:auto;
	width:852px;
	background-color:#ffc40c;
	overflow: hidden;
	margin-top: 6px;
}
#thegame-top{
	height:6px;
	line-height:6px;
	font-size:6px;
	overflow: hidden;
	background-color: #ffc40c;
}
#thegame-top-right{
	background-image: url(images/yellow-tr.jpg);
	display:inline;
	float:right;
	height:6px;
	width:6px;
	line-height:6px;
	font-size:6px;
}

#thegame-top-left{
	background-image: url(images/yellow-tl.jpg);
	display:inline;
	float:left;
	height:6px;
	width:6px;
	line-height:6px;
	font-size:6px;
}
#thegame-bottom{
	height:6px;
	line-height:6px;
	font-size:6px;
	vertical-align:bottom;
	overflow: hidden;
	background-color: #ffc40c;
}
#thegame-bottom-right{
	background-image: url(images/yellow-br.jpg);
	display:inline;
	float:right;
	height:6px;
	width:6px;
	line-height:6px;
	font-size:6px;
}

#thegame-bottom-left{
	background-image: url(images/yellow-bl.jpg);
	display:inline;
	float:left;
	height:6px;
	width:6px;
	line-height:6px;
	font-size:6px;
}

#thegame-content{
	width:838px;
	margin:3px auto;
}

#thegame-border{
	width:8px;
	margin:auto;
}

#green-bg{
	background-image: url(images/green-bg.jpg);
	height: 125px;
	width: 209px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	display: inline;
	float: right;
	margin: 0px 0px 0px 6px;
	clear: right;
	text-align: center;
	overflow: hidden;
}

h3{
	background-image: url(images/h3.jpg);
	height: 31px;
	width: 197px;
	color: #000;
	line-height: 31px;
	font-size: 18px;
	text-align: center;
	margin: 0px auto;
	margin-top: 4px;
	border-bottom: 10;
}


.pic{
float:left;
display:inline;
margin:0px 7px 0px 0px;
border:2px solid #999;
}

.txt-panel{
	background-image: url(images/main-center.jpg);
	width: 638px;
}
.txt-panel-content{
	margin:auto;
	width: 610px;
}

.txt-panel-top{
	background-image: url(images/main-top.jpg);
	height: 15px;
	width: 638px;
}


.txt-panel-bottom{
	height: 15px;
	width: 638px;
	background-image: url(images/main-bottom.jpg);
}

.txt-panel p{
	line-height:18px;
}

.buttons{
	float:left;
	display:inline;
	margin:0px 8px 0px 0px;
}

#right{
	width:225px;
	display:inline;
	float:left;
}


.right-panel{
	background-image: url(images/right-center.jpg);
	width: 225px;
}
.right-panel-content{
	margin:auto;
	width: 200px;
}

.right-panel-top{
	background-image: url(images/right-top.jpg);
	height: 15px;
	width: 225px;
}

.right-panel-top-testimonials{
	background-image: url(images/testimonials-bg.jpg);
	height: 25px;
	width: 225px;
	font-size: 14px;
	color: #ffe400;
	line-height: 25px;
	text-indent: 10px;
}

.right-panel-bottom{
	height: 15px;
	width: 225px;
	background-image: url(images/right-bottom.jpg);
}

.right-panel p{
	line-height:14px;
}

#grey-bg{
	background-image: url(images/grey-bg.jpg);
	height: 67px;
	width: 194px;
	padding: 4px 4px 0px 4px;
	text-align: center;
}
#created-by {
text-align:center;
width: 885px;
margin: auto;
height:15px;
color:#d3d3d3;
}
#created-by a {
padding-right:10px;
text-decoration:none;
color:#d3d3d3;
}
#created-by a:hover{
text-decoration:none;
color:#005efc;
}
#created-by a:visited{
text-decoration:none;
}

.green{
color: #226a07;
}

.list2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.list2 li{
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-indent: 12px;
	margin-top: 4px;
	margin: 0px 0px 13px 0px;
	padding: 0px 0px 0px 0px;
}

#recycle{
	margin-left:7px;
	width:205px;
	height:125px;
	overflow:hidden;
	color:#fff;
	font-size:19px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	float: left;
	display: inline;
}

.contact{
color:#fff;
line-height:20px;
}

.junk-loads {
font-family : geneva,arial;
font-size : 13px;
display : block;
float : left;
margin-bottom : 10px;
list-style-type : none; }

.junk-loads li {
margin-right : 10px;
float : left; }

.junk-loads a {
cursor : default;
color : #ffd800;
font-weight : bold;
text-decoration : none;
background : url(images/back.jpg);
display : block;
padding-top : 12px;
height : 28px;
width : 40px;
text-align : center; }

.j-container {
	margin : auto;
	width : 530px;
}

.j-container img {
border : 1px solid #b4b4b4; }

#selected {
background : none;
background : #ccc; }

.junk-loads .dot {
width : 22px;
height : 40px;
padding : 0;
background : url(images/dot.jpg) center center no-repeat; }

.dot span {
display : none; }

.coupontext{
font-size: 9px;
float:right;
padding-top:0px;
margin-top:0px;
color:#666666
}
.coupondig{
font-size:20px;
font-weight:bold
}