/* copyright mars web solution */



/*--

	Theme Name: agropower

	Color: nature green gradient

	Version: 1

	Author: Mohammed Nawaz

--*/





/* Getting the new tags to behave */

article, aside, audio, 

canvas, command, 

datalist, details, 

embed, 

figcaption, figure, footer, 

header, hgroup, 

keygen, 

meter, 

nav, 

output, 

progress, 

section, source, 

video {

	display:block;

}

mark, 

rp, rt, ruby, 

summary, 

time {

	display:inline;

}

* {

	margin:0px;

	padding:0px;

}

img {

	border:0px;

}

img a{

	border:0px;

}

a {

	color:#333;

	text-decoration:none;

}

a:hover {

	color:white;

	text-decoration:underline;

}

.clearfix {

	display:block;

}

::selection {

	background: #F00; /* Safari */

	}

::-moz-selection {

	background: #F00; /* Firefox */

}





/* Global properties ======================================================== */

body {

	margin:0 0 0 0;

	font-family:Arial, calibri, sans-serif;

	font-size:13px;

	color:#333;

	height:100%;

	background:#333;

}

html { 

	min-width:980px;

}

html, 

body { 

	height:100%;

	font-family:Arial, Helvetica, sans-serif;

}

h1,h2,h3,h4,h5,h6 {

	margin:0;

	padding:0;

}

h1 {

	font-size:40px;

	font-weight:bold;

	color:#294A02;

	padding-bottom:10px;

}

	

h2 {

	font-size:20px;

	color:#000;

	text-transform:uppercase;

}

h3 {

	color:#FEC603;

	font-size:22px;

	font-weight:normal;

}

h4 {

	font-size:14px;

	color:#0256A8;

	font-family:calibri;

}

h5 {

	font-size:16px;

	color:#666;

	line-height:20px;

}

h6 {

	font-size:19px;

	color:#06C;

	text-transform:uppercase;

	font-weight:bold;

	text-decoration:none;

	font-family:calibri;

	padding:0px;

	margin:0px;

	padding-bottom:10px;

}

p {

	font-size:14px;

	color:#254302;

	text-align:justify;

	padding:0px 0px 10px 0px;

	margin:0px;

	line-height:18px;

}

.p {

	font-size:12px;

	color:#888;

	margin-bottom:10px;

}



ul li { list-style:disc; list-style-type:none;}



.fleft {

	float:left;

}

.fright {

	float:right;

}

.clear {

	clear:both;

}



/* ========================================================  Global properties*/







/* Global Structure ============================================================= */



#wrapper {

	width:100%;

	background:url(../images/wrapper-bg.jpg) center top no-repeat;

	height:100%;

}

.mid-tail {

	background:url(../images/mid_tail.jpg) 0 436px repeat-x ;

}

.main {

	width:950px;

	margin:auto;

}

header .col-1 {

	float:left;

}

header .col-2 {

	float:right;

	text-align:right;

	margin-top:25px;

}

header .col-2 span {

	display:block;

}

header .col-2 span.yellow {

	font-size:30px;

	color:#F9BA04;

}

header .col-2 span.white {

	font-size:30px;

	color:#FFF;

	font-weight:bold;

}

header .col-2 span.green {

	color:#396704;

	font-size:12px;

}

menu {

	background:url(../images/menu-bg.jpg) left top repeat-x;

	height:66px;

	margin:0px;

	padding:0px;

}

#menu li a{

	float:left;

	width:135px;

	line-height:66px;

	font-size:16px;

	color:#FFF;

	text-align:center;

	font-family: 'Lemon', cursive;

	background:url(../images/right_brd.jpg) left top no-repeat;

}

#menu li a:hover, #menu li.active a{

	color:#182A02;

	background:url(../images/menu-hover.jpg) left top repeat-x;

	text-decoration:none;

}

#menu li a:first-child {

	width:135px;

}











 

/* The Nivo Slider styles */

.nivoSlider {

	position:relative;

}

#slider{width:950px; height:380px; position:relative; z-index:20; overflow:hidden}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:60;

	display:none;

}

/* The slices in the Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:50;

	height:100%;

}

/* Caption styles */

.nivo-caption {

	position:absolute;

	left:0px;

	bottom:0px;

	background:#000;

	color:#fff;

	opacity:0.8; /* Overridden by captionOpacity setting */

	width:100%;

	z-index:89;

}

.nivo-caption p {

	padding:5px;

	margin:0;

}

.nivo-caption a {

	display:inline !important;

}

.nivo-html-caption {

    display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

	position:absolute;

	top:45%;

	z-index:99;

	cursor:pointer;

}

.nivo-prevNav {

	left:0px;

}

.nivo-nextNav {

	right:0px;

}

/* Control nav styles (e.g. 1,2,3...) */



.nivo-controlNav{position:absolute; right:30px; bottom:30px; z-index:50}

.nivo-controlNav a {

	position:relative;

	z-index:99;

	cursor:pointer;

	text-indent:-9999px;

	display:block;

	float:left;

	width:21px;

	height:21px;

	background:#fff;

	margin-left:4px;

}

.nivo-controlNav a:hover{background:#f8b504}

.nivo-controlNav a.active {

	font-weight:bold;

	background:#f8b504;

}





.top-indent {

	z-index:25;

	position:relative;

	width:313px;

}

.orange-bg, .orange-bg2 {

	background:url(../images/orange-bg.jpg) left top no-repeat;

	width:313px;

	height:659px;

	margin-top:-71px;

}

.orange-bg2 {

	margin-top:0px;

}

.orange-bg .article, .orange-bg2 .article {

	padding:25px;

}

.orange-bg .article span, .orange-bg .article span.small, .orange-bg2 .article span.small, #side h1, h1 {

	font-family: 'Lemon', cursive;

}

.orange-bg .article span, .orange-bg2 .article span {

	font-size:40px;

	color:#FFF;

}

.orange-bg .article span.small, .orange-bg2 .article span.small {

	font-size:30px;

	color:#FFF;

	line-height:8px;

}

.orange-bg .article img, .orange-bg2 .article img {

	padding:28px 0 17px 0;

}

.orange-bg .article p, .orange-bg2 .article p {

	line-height:18px;

	padding-bottom:15px;

	color:#FFF;

}



.red_more {

	background:url(../images/red_more.gif) left top repeat-x #951301; 

	display:inline-block; 

	border-top:1px solid #ca2003; 

	border-left:1px solid #b61b02; 

	border-right:1px solid #971401; 

	border-bottom:1px solid #7f1001; l

	ine-height:43px; color:#fff; 

	font-size:26px; 

	font-weight:bold; 

	text-decoration:none; 

	padding:0 11px

}

    .red_more:hover{

		text-decoration:none; 

		background-position:left -43px; 

		background-color:#710e00;

		

		}

	

.green_more{

	background:url(../images/green_more.gif) left top repeat-x #244102; 

	display:inline-block;

	line-height:45px; 

	color:#fff; 

	font-size:2.083em; 

	font-weight:bold; 

	text-decoration:none; 

	padding:0 12px;

}

    .green_more:hover{

		text-decoration:none; 

		background-position:left -45px; 

		background-color:#1c3300;

	}

.more{

	display:inline-block; 

	padding-right:9px; 

	background:url(../images/more_marker.gif) right 8px no-repeat; 

	font-size:1.083em; 

	color:#fff; 

	line-height:18px; 

	margin-top:-10px;

	text-decoration:underline;}

.more a:hover{

	color:#000;

}

article, .article1 {

	width:640px;

	float:right;

	margin-top:-600px;

	background:white;

}

.article1 {

	margin-top:-659px;

	min-height:580px;

}

.content {

	padding:30px;

}

.content p{

	color:#666;

}

.content h1 {

	margin:0px 0px 15px 0;

	color:#030;

	padding:0px;

	font-size:30px;

	font-weight:normal;

}



.red_block {

	background:#b11802; 

	position:relative;

	float:right;

	width:580px;

	color:#fff; 

	-webkit-box-shadow: rgba(0,0,0, 0.29) 0px 0px 131px inset; 

	-moz-box-shadow: rgba(0,0,0, 0.29) 0px 0px 131px inset; 

	box-shadow: rgba(0,0,0, 0.29) 0px 0px 131px inset;

	padding:22px 30px 31px 30px;

}

.red_block h1 {

	color:#FFF;

	font-size:30px;

}

.red_block li{

	float:left;

	width:50%;

	margin-bottom:17px;

}

.red_block img{

	margin:-5px 20px 0 0

}

.red_block strong a{

	color:#FEC603;

	font:14/16px Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	font-weight:bold;

	display:block;

}

.red_block strong a:hover{

	text-decoration:none;

	color:#FFF;

}

.red_block span a{

	padding-right:13px; 

	background:url(../images/marker.gif) right center no-repeat;

	color:#FFF;

}

.red_block span a:hover{

	text-decoration:none;

	color:#FEC603;

}

.main-grid {

	width:950px;

	background:white;

	float:left;

}

.main-grid h1{

	font-size:24px;

	margin:10px;

}

.main-grid .list, .main-grid .list2{

	float:left;

	width:270px;

	margin-top:25px;

	border-right:1px #333 dashed;

	margin-bottom:15px;

}

.main-grid .list2{ 

	width:370px;

}

.main-grid .content, .main-grid2{

	width:625px;

	margin:25px 15px 0 0;

	float:right;

	padding:0px;

}

.main-grid2 {

	width:550px;

}

.main-grid2 h1 {

	font-size:24px;

}



#breadcrumb {

    background:url(../images/bc_bg.png) repeat-x; 

    height:30px;

    line-height:30px;

    color:#9b9b9b;

    border:solid 1px #cacaca;

    margin:0px;

    padding:0px;

	font-size:14px;

	margin-bottom:15px;

}

#breadcrumb ul {

	padding:0px;

	margin:0px;

}

#breadcrumb li {    

	list-style-type:none;

    float:left;

    padding-left:10px;

	margin:0px;

	font-family: 'Lemon', cursive;

}

#breadcrumb a{    

	height:30px;

    display:block;

    background:url(../images/bc_separator.png) no-repeat right; 

    padding-right: 15px;

    text-decoration: none;

    color:#454545;

}

.home{

    border:none;

    margin: 8px 0px;



}

#breadcrumb a:hover{

	color:#35acc5;

}

.pro-container {

}

.pro-container h1{

	font:18px Arial;

	color:#FFF;

	background:#0F6D00;

	height:30px;

	float:left;

	line-height:30px;

	padding:0 25px 0 15px;

	border-radius:0 10px;

}

.pro-content {

	width:600px;

	float:left;

    -moz-box-shadow:    2px 2px 3px 4px #ccc;

    -webkit-box-shadow: 2px 2px 3px 4px #ccc;

    box-shadow:         2px 2px 3px 4px #ccc;

	padding:10px;

	border-radius:10px;

	background:none;

	margin-bottom:15px;

}

.pro-content img{

	float:left;

	margin-right:15px;

	border-radius:10px;

}

.pro-content .pdf, .pdf11{

	float:right;

	line-height:30px;

	background:#EEE;

	border-radius:5px;

}
.pdf img, .pdf11 img{

	border-radius:0px;

	margin-right:5px;	
	float:left;

}

.pro-content .pdf a, .pdf11 a{

	padding-right:10px;

}

.pro-content .pdf:hover, .pdf11:hover {

	background:#F60;

	border-radius:5px;

}

#enquiry_form {

	width:625px;

	margin:15px 0 0 0;

	padding:0;

	font-family:arial;

	font-size:12px;

	color:#333;

	text-align:left;

	line-height:40px;

}

#enquiry_form button {

	margin:50px 0 0 0;

}

.textbox {

	outline:none;

	border:1px solid #e2e2e2;

	font-family:arial;

	font-size:12px;

	color:#000;

	width:120px;

	line-height:20px;

	height:20px;

	box-shadow:inset 0 0 15px #FFF;

	-moz-box-shadow:inset 0 0 15px #FFF;

	-webkit-box-shadow:inset 0 0 15px #FFF;

	-ms-box-shadow:inset 0 0 15px #FFF;

	-o-box-shadow:inset 0 0 15px #FFF;

}

.submit {

	width:80px;

	cursor:pointer;

	color:#585858;

}

.textarea2 {

	width:85%;

	outline:none;

	border:1px solid #e2e2e2;

	font-family:arial;

	font-size:12px;

	color:#000;

	line-height:20px;

	box-shadow:inset 0 0 15px #FFF;

	-moz-box-shadow:inset 0 0 15px #FFF;

	-webkit-box-shadow:inset 0 0 15px #FFF;

	-ms-box-shadow:inset 0 0 15px #FFF;

	-o-box-shadow:inset 0 0 15px #FFF;

}



#side{

  float:left;

  display:inline;

  width:270px;

  padding-bottom:1.3em;

  position:relative;

  overflow:hidden;

  margin-left:20px;

}

#side h1, #enquiry h1{

	font-size:24px;

	color:#030;

	margin:0px;

	padding:0px;

	font-weight:normal;

}

#enquiry h1{ 

padding-bottom:15px;}

#side a {display:block; border-width:0 0 1px; border-color:#445; color:#333;}

#enquiry {

	float:left;

	width:350px;

  	margin-left:20px;

}

.textfield, .textarea, .submit {

	line-height:16px;

	width:226px;

	color:#AAA;

	border-radius:5px;

	border:1px #D0CACA solid;

	height:24px;

	padding-left:5px;

	background:url(../images/textfield.jpg) left top repeat-x;

	margin-bottom:5px;

	outline:none;

}

.textarea {

	background:url(../images/textarea.jpg) left top repeat-x;

	line-height:15px;

	height:85px;

}

.submit {

	width:80px;

	cursor:pointer;

	color:#585858;

}



/* --- Accordion --- */

.js #main .accordion {visibility:hidden}



.js #side .accordion {display:none}



.accordion {margin:0; padding:10px;}



.accordion li {list-style-type:none; line-height:35px; margin:0px;}



.accordion li ul li {list-style-type:none; line-height:25px;}



.accordion li.last-child {padding-left:19px; list-style-type:none; margin:0px; background:url(../images/bullet.png) left no-repeat}



#side ul.accordion ul {margin:0; padding:0 0 0 10px;}



.accordion .outer {border:1px solid #dadada; border-width:0 1px 1px; background: #fff}



.accordion .inner {margin-bottom:0; padding:.5em 20px 0; overflow:hidden}



.accordion .inner .inner {padding-bottom:0}



.accordion .h {padding-top:.3em}



.accordion p {margin:.5em 0 1em}



/*  

  Add styles for all links in the 'accordion':

.accordion a {...}

*/    



a.trigger {padding-left:25px; background-image: url(../images/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700}



a.trigger.open {background-image: url(../images/minus.gif)}



.last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal}



#main a.trigger {background-color:#f0f0f0}



#main a.trigger.open {border-color:#dadada; background-color:#e7e7e7}



#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open {border-color:#bcd; cursor:default}



#side a.active{font-weight:700; color:#f72; text-decoration:none}





.row-pic {

	height:809px;

	position:relative;

}

.row-pic figure {

	position:absolute;

    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);

    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);

    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

	background:url(../images/loader.gif) center no-repeat;

	

}



.row-pic figure:hover{

	z-index:99;

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2);

}





.row-pic figure.pic-1{top:0px;left:3px}

.row-pic figure.pic-2{top:33px;left:149px}

.row-pic figure.pic-3{top:0px;left:299px}

.row-pic figure.pic-4{top:145px;left:369px}

.row-pic figure.pic-5{top:253px;left:-3px; right:600px;}

.row-pic figure.pic-6{top:255px;left:142px}

.row-pic figure.pic-7{top:329px;left:351px}

.row-pic figure.pic-8{top:479px;left:0px}

.row-pic figure.pic-9{top:449px;left:151px}

.row-pic figure.pic-10{top:519px;left:351px}

.row-pic figure.pic-11{top:409px;left:487px}







.footer {

	margin:auto;

}

footer {

	background:url(../images/footer_tail.jpg) left top repeat-x #f4f4f4;

	margin-top:-80px;

	padding:104px 0 7px;

	min-height:56px;

	line-height:20px;

	color:#747474;

}

footer a:hover {

	color:#333;

}

footer .container {

	width:950px;

	margin:auto;

}

footer .grid {

	width:550px;

}



#footer_menu li{float:left; margin-right:16px}



footer .grid_1 {

	width:390px;

}

	.copy{text-align:right}

	    .copy b{margin:0 1px}



#web_designed {

	font-size:12px;

	text-align:center;

	line-height:20px;

	float:right;

	padding-left:80px;

	font:14px/18px Arial; 

	text-transform:capitalize;

}



#web_designed img{

	margin-left:150px;

}