/* Main Fonts begin */


p  { font-family : Arial,Helvetica,Sans-serif; color : #000000; font-size : 1em; line-height : 145%; }

.black01 { font-family : Arial,Helvetica,Sans-serif; color : #000000; font-size : 0.9em; line-height : 145%; }

.black02 { font-family : Arial,Helvetica,Sans-serif; color : #383838; font-size : 1.2em; line-height : 145%; font-weight : bold; }

.black03 { font-family : Arial,Helvetica,Sans-serif; color : #000000; font-size : 1em; line-height : 145%; }

.black04 { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #000000; font-size : 1em; line-height : 145%; font-weight : bold; }

A.blacklink1:link  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #000000; text-decoration : underline; font-size : 1em; font-weight : bold; }

A.blacklink1:visited  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #000000; text-decoration : underline; font-size : 1em; font-weight : bold; } 

A.blacklink1:hover  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #030B99; text-decoration : underline; font-size : 1em; font-weight : bold; }

A.blacklink2:link  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #000000; text-decoration : none; font-size : 0.9em; }

A.blacklink2:visited  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #000000; text-decoration : none; font-size : 0.9em; } 

A.blacklink2:hover  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #030B99; text-decoration : underline; font-size : 0.9em; }

.blackheading01 { font-family : Arial,Helvetica,Sans-serif; color : #000000; font-size : 1.1em; line-height : 145%; font-weight : bold; }

.blacktop01 { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #000000; font-size : 0.9em; line-height : 145%; }


/* Main Fonts end */


/* White Fonts begin */

h1.white01 { padding-top : 15; padding-bottom : 15; padding-left : 15; padding-right : 15; font-family : Verdana,Arial,Helvetica,Sans-serif; color : #000000; background-color : #FF0035; font-size : 1em; font-weight : bold; text-align : center; line-height : 145%; }

h2.white02 { padding-top : 5; padding-bottom : 5; padding-left : 5; padding-right : 5; font-family : Verdana,Arial,Helvetica,Sans-serif; color : #000000; background-color : #FF0035; font-size : 0.9em; font-weight : bold; text-align : center; line-height : 145%; }

h1.white03 { padding-top : 10; padding-bottom : 10; padding-left : 15; padding-right : 15; font-family : Verdana,Arial,Helvetica,Sans-serif; color : #000000; background-color : #B3B3B3; font-size : 0.8em; font-weight : bold; text-align : center; line-height : 145%; }

.whitetop01 { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #FFFFFF; font-size : 0.9em; line-height : 145%; }

.white01 { font-family : Arial,Helvetica,Sans-serif; color : #FFFFFF; font-size : 0.9em; line-height : 125%; }

.white02 { font-family : Arial,Helvetica,Sans-serif; color : #FFFFFF; font-size : 0.9em; line-height : 145%; }

A.whitelink1:link  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #FFFFFF; text-decoration : none; font-size : 0.9em; }

A.whitelink1:visited  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #FFFFFF; text-decoration : none; font-size : 0.9em; } 

A.whitelink1:hover  { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #FFDF1B; text-decoration : underline; font-size : 0.9em; }

A.whitelink2:link  { font-family : Arial,Helvetica,Sans-serif; color : #FFFFFF; text-decoration : none; font-size : 0.9em; }

A.whitelink2:visited  { font-family : Arial,Helvetica,Sans-serif; color : #FFFFFF; text-decoration : none; font-size : 0.9em; } 

A.whitelink2:hover  { font-family : Arial,Helvetica,Sans-serif; color : #9BE1FF; text-decoration : underline; font-size : 0.9em; }

A.whitelink3:link  { font-family : Arial,Helvetica,Sans-serif; color : #FFFFFF; text-decoration : underline; font-size : 1em; }

A.whitelink3:visited  { font-family : Arial,Helvetica,Sans-serif; color : #FFFFFF; text-decoration : underline; font-size : 1em; } 

A.whitelink3:hover  { font-family : Arial,Helvetica,Sans-serif; color : #FFDF1B; text-decoration : underline; font-size : 1em; }


/* White Fonts end */



/* Yellow Fonts begin */


.yellow01 { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #FFDF1B; font-size : 0.9em; line-height : 145%; }

.yellow02 { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #FFDF1B; font-size : 1.5em; line-height : 145%; }


/* Yellow Fonts end */




/* Blue Fonts begin */


h2.blue01 { font-family : Arial,Helvetica,Sans-serif; color : #033A81; font-size : 1.8em; line-height : 145%; }

h3.blue02 { font-family : Calibri,Arial,Helvetica,Sans-serif; color : #033A81; font-size : 1.5em; line-height : 145%; }

.blue03 { font-family : Arial,Helvetica,Sans-serif; color : #030B99; font-size : 1em; line-height : 145%; font-style : italic; }

.blue04 { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #030B99; font-size : 0.9em; line-height : 145%; }

.blue05 { font-family : Arial,Helvetica,Sans-serif; color : #033A81; font-size : 1.8em; font-weight : bold; line-height : 145%; }

.blue06 { font-family : Avant Garde,Arial,Helvetica,Sans-serif; color : #6DD1ED; font-size : 1.5em; line-height : 145%; }

A.bluelink1:link  { font-family : Arial,Helvetica,Sans-serif; color : #7DD1ED; text-decoration : none; font-size : 1em; }

A.bluelink1:visited  { font-family : Arial,Helvetica,Sans-serif; color : #7DD1ED; text-decoration : none; font-size : 1em; } 

A.bluelink1:hover  { font-family : Arial,Helvetica,Sans-serif; color : #FFFFFF; text-decoration : underline; font-size : 1em; }

A.bluelink2:link  { font-family : Arial,Helvetica,Sans-serif; color : #030B99; text-decoration : underline; font-size : 1em; }

A.bluelink2:visited  { font-family : Arial,Helvetica,Sans-serif; color : #030B99; text-decoration : underline; font-size : 1em; } 

A.bluelink2:hover  { font-family : Arial,Helvetica,Sans-serif; color : #000000; text-decoration : underline; font-size : 1em; }

A.bluelink3:link  { font-family : Arial,Helvetica,Sans-serif; color : #000000; text-decoration : none; font-size : 0.9em; }

A.bluelink3:visited  { font-family : Arial,Helvetica,Sans-serif; color : #000000; text-decoration : none; font-size : 0.9em; } 

A.bluelink3:hover  { font-family : Arial,Helvetica,Sans-serif; color : #030B99; text-decoration : underline; font-size : 0.9em; }


/* Blue Fonts end */



/* Table Spacers begin */

td.spacetopleft { padding-left : 16; }

td.spacetopright { padding-right : 16; }

td.navtop { padding-top : 14; padding-bottom : 14; }

td.agri { padding-left : 30; padding-right : 30; }

td.base { padding-top : 34; padding-bottom : 150; }

td.base02 { padding-top : 200; }

td.baselogos { padding-right : 20; }

img.buttonspace { padding-right : 25; margin-right : 25; }

td.space01 { padding-left : 20; padding-right : 20; padding-top : 10; padding-bottom : 10; }

.img.cattle { margin-left : 10; margin-top : 15; margin-bottom : 15; }

.img.cattle02 { margin-right : 10; margin-top : 15; margin-bottom : 15; }

.img.retainwall { margin-bottom : 15; }

/* Table Spacers End */


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	

html {
  border-top: 5px solid #fff;
  background: #58DDAF;
  color: #2a2a2a;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans';
}

h1 {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

form {
  /* Just to center the form on the page */
  margin: 0 auto;
  width: 400px;

  /* To see the limits of the form */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

div + div {
  margin-top: 1em;
}

label {
  /* To make sure that all label have the same size and are properly align */
  display: inline-block;
  width: 90px;
  text-align: right;
}

input, textarea {
  /* To make sure that all text field have the same font settings
     By default, textarea are set with a monospace font */
  font: 1em sans-serif;

  /* To give the same size to all text field */
  width: 300px;

  -moz-box-sizing: border-box;
       box-sizing: border-box;

  /* To harmonize the look & feel of text field border */
  border: 1px solid #999;
}

input:focus, textarea:focus {
  /* To give a little highligh on active elements */
  border-color: #000;
}

textarea {
  /* To properly align multiline text field with their label */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 5em;

  /* To allow users to resize any textarea vertically
     It works only on Chrome, Firefox and Safari */
  resize: vertical;
}

.button {
  /* To position the buttons to the same position of the text fields */
  padding-left: 90px; /* same size as the label elements */
}

button {
  /* This extra magin represent the same space as the space between
     the labels and their text fields */
  margin-left: .5em;
}