@import url("mediaQ.css");
@import url("bjqs.css");
/*CSS Document */

#styled_p{
	margin-left: 18px;
}

body{
	background-color:#f5f5f5;
	padding:0;
	margin:0;
	font-family:calibri;
}
a, img {
    border:none;
}
#ad_contact{
	float: right;
}
a{
	text-decoration:none;		
}
*{
	transition:0.5s;
	direction:ltr;
}
.clear{
	clear:both;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.separate{
	background-image:url(../images/separate.png);
	background-repeat:no-repeat;
	display:inline-block;
	padding-bottom:3%;
	margin: 0 1%;
	width:2px;	
}
.separateShadow{
	background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center top;
	display:inline-block;
	padding-bottom:2%;
	margin: 0 1%;
	width:100%;		
}

.separateBoxes
{
	display:block;
	height:0;
	border:none;
	border-top:1px solid #ddd;
	border-bottom:1px solid #fff;
	
}

.separateSpaces{
	display:block;
	height:0;
	border:none;
	border-top:1px solid #ddd;
	border-bottom:1px solid #fff;
	margin:50px 0 0 0;
}

#popup{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;		
	z-index:10000;
	display:none;
}

#dark{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;		
	background-color:#333;
	opacity:0.9;
	z-index:1;
}

#popupBox{
	position:fixed;
	top:0%;
	bottom:0%;
	right:0%;
	left:0%;	
	margin:auto;	
	width:600px;
	height:300px;
	background-color:#f5f5f5;
	opacity:1;
	z-index:2;
	border:3px;
	border:1px solid #fff;
	box-shadow:0 0 10px #111;
}
#popupBox h2{
	margin:1% 3%;	
	color:#4b7934;
	text-shadow:-1px 1px 0 #fff;
	cursor:default;
	font-family:Arial;
	font-weight:bold;
}
#popupBox hr{
	border:none;
	border-top:1px solid #ddd;
	background-color:#fff;
}
#popupBox #close{
	position:absolute;
	top:2%;
	right:2%;
	width:5%;
	padding-bottom:6%;
	background-image:url(../images/close.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center center;	
	cursor:pointer;
}
#popupBox #close:hover{
	background-image:url(../images/close0.png);
}
#wrapper{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;	
//	min-width:768px;
	//min-height:600px;
	
	
}
#main{
	width:100%;
	min-height:100%;
	max-width:1000px;
	position:relative;
	margin: 0 auto;	
	overflow:visible;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#header{
	width:100%;
}

#topBar{
	width:100%;
	background:linear-gradient(#fff,#e0e0e0);
	background:-webkit-linear-gradient(#fff,#e0e0e0);
	background:-o-linear-gradient(#fff,#e0e0e0);
	background:-moz-linear-gradient(#fff,#e0e0e0);
	background:-ms-linear-gradient(#fff,#e0e0e0);
	border-radius: 0 0 10px 10px;
	border:1px solid #fff;
	border-top:none;
	position:relative;
	z-index:1000;
	
}

#social{
	float:right;	
	width:20%;
	padding:0.5% 0 0 0;
	margin-right:20px;
	text-align:right;
}
#topNav{
	float:left;	
	padding:0.6% 0 0 0;
	margin-left:20px;
	width:75%;
	-webkit-transition: all 1600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 1600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

}
.socialIcon{
	display:inline-block;
	position:relative;
	width:12%;
	padding-bottom:13%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	cursor:pointer;
}
#social #fb{
	background-image:url(../images/icons/fb0.png);	
}

#social #googleplus{
	background-image:url(../images/icons/profile/googleplus.png);	
}
#social #linkedin{
	background-image:url(../images/icons/linkedin.png);	
}

#social #tw{
	background-image:url(../images/icons/tw0.png);	
}
#social #flk{
	background-image:url(../images/icons/flk0.png);	
}
#social #ins{
	background-image:url(../images/icons/ins0.png);	
}
#social #yt{
	background-image:url(../images/icons/yt0.png);	
}

#social #fb:hover{
	background-image:url(../images/icons/fb0.png);	
}
#social #tw:hover{
	background-image:url(../images/icons/tw0.png);	
}
#social #flk:hover{
	background-image:url(../images/icons/flk0.png);	
}
#social #ins:hover{
	background-image:url(../images/icons/ins0.png);	
}
#social #yt:hover{
	background-image:url(../images/icons/yt0.png);	
}

#social #googleplus:hover{
	background-image:url(../images/icons/profile/googleplus.png);	
}
#social #linkedin:hover{
	background-image:url(../images/icons/linkedin.png);	
}


#topNav span{
	float:left;
	margin:0 1%;
}

#topNav a{
	color:#444;	
	text-shadow:1px 1px 0 #fff;
}

#topNav #lang{
	color:#517f3a;	
	font-family:gess;
}
#topNav a:hover,#topNav #lang:hover{
	color:#999;	
}
#logoBar{
	width:100%;	
}
#logo{
	float:left;
	width:18%;
	margin:1% 0% 0 5%;
//	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#slogan{
	float:right;
	width:70%;
	padding-bottom:14%;
	background-image:url(../images/slogan.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;	
}

#topAdArea{
	width:auto;
}

#adBox{
	background-repeat:no-repeat;
	background-size:100% 100%;
	float:left;
	width:71%;
	max-width:728px;
	background-color:#333;
	//padding-bottom:9%;	
	max-height:90px;
	margin-left:20px;	
}
#topAdArea #subscribe{
	float:right;
	width:23%;	
	margin-right:20px;
}
h3{
	margin:0 1%;	
	color:#6ca553;
	font-size:100%;
	text-shadow:1px 1px 0 #fff;
}

#subscribe input[type=text]{
	width:100%;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	padding:3.5% 4%;
	border-radius:5px;
	border:1px solid #fff;
	box-shadow:inset 0 0 5px #bbb;
	color:#888;
	background-color:#fff;
	font-family:calibri;
	font-size:80%;
}

#subscribe input[type=text]:hover,#subscribe input[type=text]:focus,#searchArea .formItem input[type=text]:hover,#searchArea .formItem input[type=text]:focus{
	border:1px solid #ddd;
	box-shadow:none;
	color:#666;
}

#subscribe input[type=submit]{
	float:right;
	cursor:pointer;
	padding:2% 6%;
	border-radius:5px;
	background-color:#fff;
	border:1px solid #ddd;
	margin:1% auto;
	color:#999;
	font-family:calibri;
	font-size:80%;
}
#subscribe input[type=submit]:hover,#searchArea .formItem2 input[type=submit]:hover{
	background:#4b7934;
	color:#fff;	
}

#searchArea{
	clear:both;
	text-shadow:1px 1px 0 #fff;
	background:linear-gradient(#fff,#e0e0e0);
	background:-webkit-linear-gradient(#fff,#e0e0e0);
	background:-o-linear-gradient(#fff,#e0e0e0);
	background:-moz-linear-gradient(#fff,#e0e0e0);
	background:-ms-linear-gradient(#fff,#e0e0e0);
	width:100%;	
	border:1px solid #fff;
	margin:1% 0 0 0;
	padding:1%;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	text-align:center;
}
#searchArea form{
	width:auto;	
	text-align:center;
}

#searchArea .formItem{
	width:27%;
	display:inline-block;
	margin:1%;
	position: relative;
}

#searchArea .formItem2{
	width:20%;
	display:inline-block;
	margin:1%;
}	


#searchArea .formItem input[type=text]{
	width:100%;	
	border:1px solid #fff;
	background-color:#fff;
	box-shadow:inset -3px 3px 3px #ddd;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	padding:3% 10%;
	border-radius:5px;
	font-weight:bold;
	font-family:calibri;
	font-size:100%;
	display:block;
}
#searchArea input[type=submit]{
	width:100%;	
	background:linear-gradient(#fff,#f3f3f3);
	background:-webkit-linear-gradient(#fff,#f3f3f3);
	background:-o-linear-gradient(#fff,#f3f3f3);
	background:-moz-linear-gradient(#fff,#f3f3f3);
	background:-ms-linear-gradient(#fff,#f3f3f3);
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	border:1px solid #fff;
	padding:3% 10%;
	box-shadow:0 0 2px #ddd;
	border-radius:5px;
	margin:0;
	cursor:pointer;
	font-family:calibri;
	font-weight:bold;
	font-size:90%;
	display:block;
	color:#444;
}

#searchArea .desc{
	color:#666;	
	text-align:left;
	padding-left:0px;
	display:block;
	width:100%;
	font-family:calibri;

}

/*****************************/

.searchAutoComplete{
	width:100%;
	height:auto;
	max-height:200px;
	overflow:auto;
	position:absolute;
	background-color:#f6f6f6;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	padding:5px;
	border-radius:0 0 5px 5px;
	border:1px solid #ddd;
	z-index:2000;
	display:none;
}

.searchAutoComplete .autoItem{
	width:auto;	
	text-align:left;
	cursor:pointer;
	padding:2px 5px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	border-radius:3px;
}
.searchAutoComplete .selected{
	background-color:#5d8945;
	color:#f6f6f6;
}
/*****************************/

#rightCol{
	float:left;
	width:22%;
	margin-left:20px;
}
#menu{
	float:left;
	width:100%;
	background-color:#f4f4f4;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow:inset 0 0 10px #ddd;
	padding:1% 0;
	position:relative;
	z-index:1000;
	direction:ltr;
	text-align:left;
}

#menu hr{
	margin:1% 0;
	border:1px solid #fff;
}

.menuItem .text{
		
	color:#444;
	font-family:calibri;
	text-shadow:1px 1px 0 #fff;
	direction:ltr;
	text-align:left;
}
.menuItem .text:hover{
	color:#517f3a;	
}
.menuItem .num{
	width:auto;
	padding:0 5%;	
	color:#fff;
	background-color:#5d8945;
	border-radius:10px;
	opacity:0.5;
}

.menuItem{
	padding:1% 0% 1% 8%;
	cursor:default;	
	position:relative;
	text-align:left;
}

#menuItems{
	display:block;	
}
.parentItem{
	background-image:url(../images/menuArrow.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:left center;	
}

.subMenu{
	position:absolute;
	background:#eee;
	top:0;
	left:100%;	
	width:70%;
	border-radius:5px;
	padding:2% 0;
	box-shadow:0 3px 0 #4f7d38,0 -3px 0 #4f7d38;
	display:none;
}

.subMenu .text,.subMenu .num{
	font-family:calibri;	
}
.subMenu .text{
	color:#444;
	padding:0;	
}
.subItem{
	padding:1% 8%;
	width:100%;	
	color:#444;
	font-family:calibri;
}

#MaincenteredBoxes{
	width:52%;
	float:left;
	margin:0 1%;
	cursor:default;
}


#MaincenteredBoxes #newsBox,#MaincenteredBoxes #offersBox{
	width:100%;
	padding-bottom:5%;
	border-radius:5px;
	border-top:5px solid #cbd9c4;
	border-bottom:5px solid #cbd9c4;	
	background-image:url(../images/blockBg.GIF);
	position:relative;
}

#MaincenteredBoxes #websites{
	margin-top:1%;
	width:100%;
	padding-bottom:4%;
	border-radius:5px;
	border-top:5px solid #cbd9c4;
	border-bottom:5px solid #cbd9c4;	
	background-image:url(../images/blockBg.GIF);
	position:relative;
}


#MaincenteredBoxes h2{
	color:#4f7d38;
	margin:1% 0;
	padding:0 2%;
	font-size:100%;
	font-family:calibri;
}
#MaincenteredBoxes h3{
	width:auto;
	position:absolute;
	text-align:right;
	color:#4f7d38;
	bottom:0;
	right:0;
	padding:0.5% 2%;
	cursor:pointer;
	font-family:calibri;
}

#MaincenteredBoxes h3:hover{
	color:#aaa;	
}

#MaincenteredBoxes #offersBox .newTitle a{

}

#BoxContent{
	width:100%;	
}
#BoxContent hr{
	margin:0;	
	border:none;
	background-color:#eee;
}

.newTitle{
	padding:1.2% 2.5%;
	background-color:#fff;
	border-left:4px solid #cbd9c4;
}
.newTitle a{
	color:#444;
	font-family:calibri;	
	font-size:16px;
}

.websiteTitle a{
	color:#444;
	font-family:calibri;	
}
.newTitle:hover{
	background-color:#f6f6f6;	
	border-left:4px solid #4a7833;
	padding-left:4%;
}
.newTitle a:hover,.websiteTitle a:hover{
	color:#4a7833;
	
}
.websiteBox{
	width:100%;	
	position:relative;
	height:auto;
}
.websiteBox .websiteImg{
	width:13%;
	//padding-bottom:13%;
	display:inline-block;
	background-color:#fff;
	border:2px solid #eee;
	background-repeat:no-repeat;
	background-size:80% 80%;
	background-position:center center; 
}

.websiteBox .websiteTitle{
	width:86%;
	padding:1.3% 2.5%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:inline-block;
	background-color:#fff;
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;
	margin-top:3.5%;
}

.websiteBox .TiR:hover{
	background-color:#f6f6f6;
	padding-left:4%;
}
.websiteBox .TiL:hover{
	background-color:#f6f6f6;
	padding-right:4%;
}

.TiL, .ImL{
	float:right;
	text-align:right;
}

.TiR, .ImR{
	float:left;
}

#widgetsCol{
	float:right;
	width:18%;
	padding-right:20px;
}

#widgetsCol .widgetBox{
	width:100%;
	padding:5% 0;	
	margin:2% 0;
	border-radius:7px;
	box-shadow:inset 0 0 10px #bbb;
	background:linear-gradient(#fff,#eee);
	background:-webkit-linear-gradient(#fff,#eee);
	background:-o-linear-gradient(#fff,#eee);
	background:-moz-linear-gradient(#fff,#eee);
	background:-ms-linear-gradient(#fff,#eee);
	text-align:center;
	border:1px solid #fff;
	
}
#widgetsCol .widgetBox a{
	font-family:calibri;
	color:#4f7d38;
	text-shadow:1px 1px 0 #fff;
	cursor:pointer;
}

#widgetsCol .widgetBox a:hover{
	color:#aaa;
}
#SqAd{
}
#SqAd,#Sponsors{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;	
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	margin:2% 0;
	border:1px solid #ddd;
}
#Sponsors{
	clear:both;
	float:left;
	text-align:center;
}
#Sponsors #BoxTitle{
	width:100%;
	background-color:#777;
	color:#fff;
	text-align:center;
	font-family:calibri;
	
}
#Sponsors #ImBox{
	width:100%;
	text-align:center;	
	height:auto;
}

.sponItem{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;	
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:60% auto;
		
}


#googleAds{
	position:relative;
	clear:both;
	float:none;
	width:720px;
	height:90px;
	margin:1% auto;	
	text-align:center;
}


#footer{
	width:100%	
}

#lastNav{
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;	
	padding:1% 0;
	text-align:center;
	margin-bottom:1%;
}

#lastNav .separate{
	padding-bottom:1.5%;
}

#lastNav a{
	font-family:calibri;
	color:#888;	
}

#lastNav a:hover{
	color:#4a7833;	
}

#footer{
	padding:1% 0;	
}
#footer_right{
	float:left;
	margin-right:10px;
	color:#888;	
	font-family:calibri;
}

#footer_left{
	float:right;
	margin-right:10px;
	color:#888;	
	font-family:Arial;
	font-weight:bolder;
}

#footer_left a{
	color:#4a7833;	
	font-family:Arial;	
}

#footer_right a{
	color:#4a7833;	
}

#footer_right a:hover, #footer_left a:hover{
	color:	#aaa;
}



@keyframes offers{
0% {color:#444}
50%	{color:#eee}
100% {color:#444}
}

@-webkit-keyframes offers{
0% {color:#444}
50%	{color:#eee}
100% {color:#444}
}