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

@font-face {
font-family:"ArbutusSlab-Regular";
font-weight:normal;
src: url('fonts/ArbutusSlab-Regular.eot');
src: local('fonts/ArbutusSlab-Regular'), 
 	local('fonts/ArbutusSlab-Regular'), 
 	url('fonts/ArbutusSlab-Regular.ttf') format('truetype'),
	url('fonts/ArbutusSlab-Regular.woff') format("woff"),
 	url('fonts/ArbutusSlab-Regular.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'ArbutusSlab-Regular';
}
@font-face {
font-family:"Bitter-Regular";
font-weight:normal;
src: url('fonts/Bitter-Regular.eot');
src: local('fonts/Bitter-Regular'), 
 	local('fonts/Bitter-Regular'), 
 	url('fonts/Bitter-Regular.ttf') format('truetype'),
	url('fonts/Bitter-Regular.woff') format("woff"),
 	url('fonts/Bitter-Regular.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'Bitter-Regular';
}
@font-face {
font-family:"Rokkitt-Regular";
font-weight:normal;
src: url('fonts/Rokkitt-Regular.eot');
src: local('fonts/Rokkitt-Regular'), 
 	local('fonts/Rokkitt-Regular'), 
 	url('fonts/Rokkitt-Regular.ttf') format('truetype'),
	url('fonts/Rokkitt-Regular.woff') format("woff"),
 	url('fonts/Rokkitt-Regular.svg#itc_bradley_hand_bradhib') format('svg'); 
}
@font-face {
 	font-family: 'Rokkitt-Regular';
}
img{
	border:none;
	margin:0px;
	padding:0px;
	outline:none;
}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5F5F5F;
	line-height:18px;
	margin:10px 0 0 0px;
	padding:0px;
}
.top-zero{
	margin:0px!important;
	padding:0px;
}
a{
	margin:0px;
	padding:0px;
	outline:none;
}
h2{
	float:left;
	min-width:223px;
 	font-family: 'Rokkitt-Regular';
	font-size:20px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
	margin:0px;
	padding:10px 15px;
	background-color:#000000;
	border-bottom:solid #ffc76e 2px;
}

body{
	margin:0px;
	padding:0px;
	background-color:#f3f3f3;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
#main-center{
	width:1100px;
	margin:0 auto;
	padding:0px;
}
#main{
	float:left;
	width:1100px;
	margin:0px;
	padding:0px;
}
#top-bar{
	float:left;
	width:1100px;
	margin:0px;
	padding:0px;
}
#logo{
	float:left;
	width:217px;
	height:150px;
	text-align:center;
	background-color:#56783B;
	margin:2px 0 0 0px;
	padding:10px 0 0 0px;
}
#top-right{
	float:right;
	width:883px;
	margin:0px;
	padding:0px;
}
#social{
	float:right;
	width:134px;
	margin:35px 0 0 0px;
	padding:0px;
}
#social ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#social ul li{
	float:left;
	width:38px;
	height:38px;
	margin:0px;
	padding:0px;
}
#social ul li a{
	float:left;
	width:38px;
	height:38px;
	text-decoration:none;
	display:block;
	margin:0px;
	padding:0px;
}
#social ul li.facebook{
	float:left;		
	margin:0 5px 0 0px;
	padding:0px;
}
#social .facebook a{
	background-image:url(../images/facebook.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#social .facebook a:hover{
	background-image:url(../images/facebook-over.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#social ul li.twitter{
	float:left;		
	margin:0 5px 0 0px;
	padding:0px;
}
#social .twitter a{
	background-image:url(../images/twitter.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#social .twitter a:hover{
	background-image:url(../images/twitter-over.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#social ul li.linked-in{
	float:left;		
	margin:0px;
	padding:0px;
}
#social .linked-in a{
	background-image:url(../images/linked-in.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#social .linked-in a:hover{
	background-image:url(../images/linked-in-over.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#content-wrapper{
	width:1100px;
	margin:0 auto;
	padding:0px;
}
#content{
	float:left;
	width:1070px;
	margin:20px 0 0 0px;
	padding:0px 15px 50px 15px;
	background-color:#FFFFFF;
}
#content-left{
	float:left;
	width:724px;
	margin:0px;
	padding:0px;
}
#paper{
	float:left;
	width:724px;
	margin:0px;
	padding:0px;
}

#paper h2{
	float:left;
	min-width:223px;
}
#paper ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#paper ul li{
	float:left;
	width:724px;
	margin:30px 0 0 0px;
	padding:0px;
}
#paper .materials{
	float:left;
	width:724px;
	margin:20px 0 0 0px;
	padding:0px;
}
#paper .materials-next{
	float:left;
	width:724px;
	margin:40px 0 ;
	padding:0px;
}

#paper .image-box{
	float:left;
	width:251px;
	height:170px;
	margin:0px;
	padding:0px;
	border:solid #dddddd 1px;
}
#paper .paper-right-content{
	float:right;
	width:448px;
	margin:0px;
	padding:0px;
}
#paper h4{
 	font-family: 'Rokkitt-Regular';
	font-size:20px;
	color:#414141;
	font-weight:normal;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}
#paper p{
	margin:15px 0 0 0px;
}
#paper .read-more{
	float:right;
	margin:15px 0 0 0px;
	padding:0px;
}
#paper .read-more a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#494949;
	margin:0px;
	padding:10px 15px;
	background-image:url(../images/read-more-bg.png);
	background-repeat:repeat-x;
	background-position:left top;
}
#paper .read-more a:hover{
	color:#000000;
}


#paper a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#690;
	margin:0px;
	padding:0px;
}
#paper a:hover{
	color:#001FE2;
}


#content-right{
	float:right;
	width:304px;
	margin:0px;
	padding:0px;
}
#news{
	float:right;
	width:304px;
	margin:30px 0 0 0px;
	padding:0px;
}
#news h2{
	width:274px;
}
#news ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#news ul li{
	float:left;
	width:290px;
	margin:15px 0 0 0px;
	padding:0 0 7px 14px;
	border-bottom:dashed 1px #c5c5c5;
	background-image:url(../images/news-li-arrow.png);
	background-repeat:no-repeat;
	background-position:left 8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
#news ul li{
	background-position:left 7px;
} 
}
#news ul li{
	background-position:left 7px;\0/IE8+9; /* IE8 + 9 + IE10pp4  */
}

#news ul li:last-child{
	border-bottom:none;
}
#news ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3f3f3f;
	text-decoration:none;
	font-style:italic;
	margin:0px;
}
#news ul li a:hover{
	color:#001FE2;
}
#frog-blog{
	float:right;
	width:304px;
	margin:30px 0 0 0px;
	padding:0px;
}
#frog-blog h2{
	width:274px;
}
#frog-blog .title{
	float:left;
	margin:15px 0 0 20px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
#frog-blog p{
	float:left;
}
#frog-blog .blog-logo{
	text-align:center;
	width:304px;
}
#frog-blog .read-more{
	float:right;
	width:304px;
	text-align:center;
	margin:20px 0 0 0px;
	padding:0px;
}
#frog-blog .read-more a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#494949;
	margin:0px;
	padding:10px 15px;
	background-image:url(../images/read-more-bg.png);
	background-repeat:repeat-x;
	background-position:left top;
}
#frog-blog .read-more a:hover{
	color:#000000;
}

/*---------------------------------------------------------------Start Footer----------------------------------------------------------------------------*/

#footer-center{
	width:1100px;
	margin:0 auto;
	padding:0px;
}
#footer{
	float:left;
	margin:0px;
	padding:30px 15px;
	width:1070px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a3a3a3;
}
#footer .copy{
	float:left;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#a3a3a3;
}
#footer .footer-nav{
	margin:0px;
	padding:0px;
	float:right;
}
#footer .footer-nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#footer .footer-nav ul li{
	margin:0px;
	padding:0 10px;
	float:left;
	border-right:solid #a3a3a3 1px;
}
#footer .footer-nav ul li:last-child {
  border: none;
  padding-right:0px;
}
#footer .footer-nav ul li a{
	font-size:11px;
	color:#a3a3a3;
	text-decoration:none;
	display:block;
	float:left;
}
#footer .footer-nav ul li a:hover{
	color:#000000;
}
#footer .design-by{
	float:left;
	width:1070px;
	padding:0px;
	margin:20px 0 0px 0px;
	text-align:center;
}
#footer .design-by a{
	font-size:11px;
	color:#a3a3a3;
	text-decoration:none;
}
#footer .design-by a:hover{
	text-decoration:underline;
	color:#000000;
}
/*---------------------------------------------------------------End Footer----------------------------------------------------------------------------*/












/*---------------------------------------------------------------Start Navigation----------------------------------------------------------------------------*/


#nav{
	float:right;
	width:883px;
	margin:35px 0 0 0px;
	padding:0px;
	background-color:#56783b;
}
.ddsmoothmenu{
/*background: #414141; /*background of menu bar (default state)*/
	/*width: 100%;
	float:left;*/
	width:820px;
	margin:0 auto;
	padding:0px;
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	padding:18px 15px 18px 15px;
	text-decoration: none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	margin:0 5px 0 0 0px;
}
.ddsmoothmenu ul li:last-child{
	border-right:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
.ddsmoothmenu ul li a{
} 
}
.ddsmoothmenu ul li a{
}

.ddsmoothmenu ul > li:first-child a {
	margin-left:10px;
}
.ddsmoothmenu ul > li:last-child a {
	margin-right:0px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color:#FFFFFF;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background-color:#435f2c;
/*	border-left:solid #5d7d43 1px;
	border-right:solid #5d7d43 1px;
*/}

.ddsmoothmenu ul li a:hover{
/*background: black; /*background of menu items during onmouseover (hover state)*/
	background-color:#435f2c;
/*	border-left:solid #5d7d43 1px;
	border-right:solid #5d7d43 1px;
*/}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background-color:#435f2c;
	
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	border-right:none!important;
 }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width:250px; /*width of sub menus*/
	padding:10px 7px 10px 7px;
	font-size:12px;
	margin: 0;
	
}
.ddsmoothmenu ul > li ul li:first-child a {
	margin-left:0px;
}
.ddsmoothmenu ul li ul li a:hover{
	background-color:#001FE2;
}
.ddsmoothmenu ul li ul li a.selected{
	text-decoration:none;
	background-color:#EE5E65;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */





/*---------------------------------------------------------------End Navigation----------------------------------------------------------------------------*/


/*---------------------------------------------------------------Start Banner----------------------------------------------------------------------------*/

#banner{
	width:1149px;
	margin:0 auto;
	padding:0px;
}
#banner-shadow{
	float:left;
	width:1100px;
	margin:0px;
	padding:0px 25px;
	background-image:url(../images/banner-shadow.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#banner_inner {
	float:left;
	width:1100px;
	height:371px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
#banner p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5f5f5f;
	padding:0px;
	margin:5px 0 0 0px;
	line-height:18px;
}

#banner p a {
	color: #e41996;
}
.pre_wrap {
	background: #f9f9f9;
	padding: 5px 5px 5px 14px;
	margin-bottom: 33px;
	margin-top: 32px;
}

.pre_wrap span.label {
	color: #999;
	font-size: 12px;
	font-style: italic;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

.syntaxhighlighter {
	font-size: 12px;
}

.slides_wrap {
	float:left;
	position: relative;
	margin:0px;
	padding:0px;
	width:1100px;
	height:371px;
}
.bxslider_container{
	float:left;
	width:980px!important;
	height:300px;
	height:311px;
	padding:0px;
	margin:60px 60px 0px 60px;
}

#slides{
	overflow: hidden;
	width:1100px;
	height:371px;
	margin:0px;
	padding:0px;
}

#slides li{
	list-style: none;
	width:980px;
	margin:0px;
	padding:0px;
}

#slides li img {
	float: left;
	
}
#slides .image-view{
	float:left;
	
	margin:0 0 0 20px;
	padding:0px;
}
#slides .banner-content{
	float: left;
	width:520px;
	padding:0px;
	margin:0 0 0 40px;
}
#slides h3 {
	font-family:'ArbutusSlab-Regular';
	font-size:36px;
	color: #435F2C;
	font-weight: normal;
	margin:0px;
	padding:0px;
}

#slides h4{
	font-family: 'Bitter-Regular';
	font-size:30px;
	color:#ee5e65;
	font-weight: normal;
	margin:10px 0 0 0px;
	padding:0px;
}
#slides h1{
	font-family: 'Bitter-Regular';
	font-size:22px;
	font-weight: normal;
	margin:10px 0 0 0px;
	padding:0px;
}
#slides a{
	text-decoration:none;
	}

#slides a:hover{
	text-decoration:underline;
	
	}

.slides_wrap .prev {
	position: absolute;
	left:25px;
	top:140px;
	outline: 0;
}

.slides_wrap .next {
	position: absolute;
	right:25px;
	top:140px;
	outline: 0;
}

.slides_wrap a:active {
	top: 142px;
}

.bx_pager {
	position:absolute;
	bottom:20px;
	left:541px;
}

.bx_pager a {
	float: left;
	text-indent:-9999px;
	background:url(../images/bg_pager.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:12px;
	height:12px;
	color: #fff;
	font-size: 11px;
	margin-right:7px;
	padding:0px;
}

.bx_pager a:hover, .bx_pager a.active {
	background-image:url(../images/bg_pager-active.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-position:left top;
	text-decoration: none;
}

.auto_controls {
	position: absolute;
	bottom: -11px;
	left: 394px;
}

.auto_controls a {
	font-size: 16px;
	color: #a3a3a3;
	outline: 0;
	padding: 2px;
	display:none;
}

.auto_controls a:hover {
	text-decoration: none;	
	background: ;
	color: #e41996;
}

/*---------------------------------------------------------------End Banner----------------------------------------------------------------------------*/

/*---------------------------------------------------------------Start Enquiry----------------------------------------------------------------------------*/

#enquiry{
	width:485px;;
	margin:0px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:40px;
	font-size:14px;
	color:#414141;
	background:#C0C0C0;
}

#enquiry input[type="text"]{
	width:200px;
	height:22px;
	margin:2px 0px;
	padding:3px 5px;
	background-color:#f2f2f2;
	border:none;
}


#enquiry select{
	height:22px;
	margin:2px 0px;
	padding:3px 5px;
	background-color:#f2f2f2;
	border:none;
}
#enquiry textarea{
	margin:2px 0px;
	background-color:#f2f2f2;
	padding:3px 5px;
	border:none;
	overflow:auto;
}
#enquiry span{
	color:#F00!important;	
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	display:inline!important;
}

#enquiry input[type="submit"]{
	float: left;
	background:url(../images/send.png)  no-repeat 0px 0px transparent;
	text-indent:-9999em;
	width:80px;
	height:30px;
	border:none;
	cursor:pointer;
	margin-top:10px;

}


/*---------------------------------------------------------------End Enquiry----------------------------------------------------------------------------*/

/*---------------------------------------------------------------start contact us Details-----------------------------------------------------------------------*/

#divContactUs{
	width:100%;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:40px;
	font-size:14px;
	color:#414141;
}

#divContactUs input[type="text"]{
	width:200px;
	height:22px;
	margin:2px 0px;
	padding:3px 5px;
	background-color:#f2f2f2;
	border:none;
}

#divContactUs textarea{
	margin:2px 0px;
	background-color:#f2f2f2;
	padding:3px 5px;
	border:none;
	overflow:auto;
}
#divContactUs span{
	color:#F00!important;	
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	display:inline!important;
}

#divContactUs .btnContact{
	float: left;
	background:url(../images/send.png)  no-repeat 0px 0px transparent;
	text-indent:-9999em;
	width:80px;
	height:30px;
	border:none;
	cursor:pointer;
	margin-top:10px;

}

/*---------------------------------------------------------------End contact----------------------------------------------------------------------------*/

.divPageHeading
{
	border-bottom: 1px solid #F2F2F2;
    color: #56783B;
    font-size: 28px;
    margin-bottom: 21px;
    padding: 7px;
}


#sitemap
{
	margin-left:200px;
	padding:0px;
}
#sitemap ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#sitemap ul li{
	float:left;
	display:block;
	margin:15px 0 0 0px;
	padding:0 0 7px 14px;
	border-bottom:dashed 1px #c5c5c5;
	background-image:url(../images/news-li-arrow.png);
	background-repeat:no-repeat;
	background-position:left 8px;
}


#newseventlist
{
	margin-left:75px;
	padding:0px;
}
#newseventlist ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#newseventlist ul li{
	float:left;
	display:block;
	margin:15px 0 0 0px;
	padding:0 0 7px 14px;
	background-image:url(../images/news-li-arrow.png);
	background-repeat:no-repeat;
	background-position:left 8px;
}




#divProductInformation
{
	padding:0px;
	margin:0px;
	margin:0px auto;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#divProductInformation img
{
	border:solid 3px #ccc;
}

#divProductInformation .mainheading
{
	font-size:22px;
	color:#56783B;
	font-weight:bold;
	text-align:center;
}
#divProductInformation ul{
	margin:0px;
	padding:0px;
	list-style:disc!important;
	margin-left:40px;

}
#divProductInformation ul li{
	float:left;
	margin:7px 0 0 0px;
	padding:0 0 7px 0px;
	list-style:circle!important;
	background-position:left 8px;
	font-size:12px;
	width:100%;
}

#divProductInformation p{
	color:#000!important;
}