@import url('webfont/stylesheet.css');
*                                   {margin:0; padding:0; outline:0;}
html                                {background-position: 50% bottom;  background-attachment:scroll;}
body                                {background: #b06501 url(images/footer-cattle.jpg) 50% bottom  repeat-x; font-family: Arial, Sans-Serif; color:#fff;}
.wrapper                            {margin: 0 auto;}
.clear                              {clear:both;}

/*fonts*/
h1, h2, h3, h4, .name, .phone       {font-family: 'TitilliumText22LBold';font-weight:100; margin:0; padding:0;}
.menu a.level1, .menu a.level2      {font-family: 'TitilliumText22LRegular', Arial;font-weight:100;font-size:16px;}
.menu a.level2                      {font-size:14px;}

/*header area*/
.header-top                         {background:#af6400 url(images/header-cattle.jpg) 50% top repeat-x; width:100%;height:500px;position:relative;}
.header                             {height:490px; margin:0 auto; padding-top:30px;  overflow:hidden; }
.header1                            {}
.imgLogoDiv                         {max-width:100%; padding:0; margin:0px 0 50px 0px;}
.imgLogo                            {max-width:100%;}
.name                               {font-size:40px; display:block;  font-weight:100; text-shadow: 3px 3px 2px #000; width: 300px; margin-left:0px}
.phone, .phone:hover                {font-size:52px;display:block; font-weight:100; text-shadow: 3px 3px 2px #000; width: 350px; margin-left:00px; color:inherit;text-decoration:none;cursor:auto;}
.afterhourPhone                     {font-size:18px;  font-weight:700; width: 300px; margin-left:230px}
@media (max-width: 767px)           {.header-top, .header   {height:auto; text-align:center;}.imgLogoDiv {margin-bottom:25px;}.name, .phone, .phone:hover {width:auto;}}

/*menu*/
.menuholder1                        {width:100%;background:#af6400 url(images/header-cattle.jpg) 50% -500px no-repeat;min-height:91px; }
.menuBlack                          {background:transparent url(images/black60.png);padding: 10px 0;}
.menuBlack  .container              {padding:0;}
@media (max-width: 767px)           {.menuholder1 {background-image:none;}}

/* FP content */
#frontpage .sidepanel                   {margin: 0 0px 15px 0px; background:#a86815; padding-bottom:10px;}
#frontpage .content .fp-content         {border: 0px solid #af6400; margin-bottom:20px; padding-bottom:20px; overflow:hidden;}
#frontpage .fp-content h1.h1pagetitle   {display:none;}
.hours h1, .hours h2, .hours h3         {color:inherit;}

/*content*/
.content                            {width:100%;  padding-bottom:15px; margin: 0 auto; box-shadow: 2px 2px 5px #000;padding-top:20px;}
.content .inner                     {border: 1px solid #af6400;}
.inner                              {padding:20px;}
h1, h2, h3                          {padding:.4em 0; color:inherit;}
h4                                  {padding:.2em 0; color:inherit;}
literal                             {font-size:1em; }
p, literal p, literal li            {padding:.3em 0;}
literal li p                        {padding:0;}
literal ul, literal ol              {padding-left:20px;}

/*Contact Us*/
.dvContentwithimage                 {float:left; width:100%;}
.dvContentwithoutimage              {float:left; width:60%;}
.dvmap                              {float:right;}
.dvmap img                          {max-width:100%;}
@media (max-width: 767px)       {.dvContentwithoutimage{width:100%; float:none;}.dvmap {float:none; text-align:center;}}

/*meettheteam*/
.motContainer                   {padding:15px;margin-bottom: 15px; border-bottom:1px dashed #af6400;}
.motPhoto                       {float: left;padding: 0px;margin-right: 15px;border:1px solid #af6400;}
.motName                        {font-size: 24px;font-weight: 700;padding: 20px 0 0 0;display: block;}
.motJobtitle                    {font-size: 10px;color: #af6400;}
.motDesc                        {margin-top:10px;padding-left:100px}
.motQualification               {font-size: 12px;font-style: italic;font-weight: normal;display: block;line-height:normal}
@media (max-width: 767px)       {.motPhoto{float:right;}.motDesc{padding-left:0;}}

/*ADBLOCKS*/
.adblockHolder                  {clear:both;margin: 15px 0;float:left; width:100%;}
.adblocks                       {}
.adblock1H                      {text-align:center;}
.adblock2H                      {text-align:center;}  
.adblock1                       {max-width:100%}
.adblock2                       {max-width:100%}

/*footer*/
.footer a, .footer span             {color:#f1f1f1; font-size:12px;}
.footer                             {height:280px; margin:0 auto;}

/*======= bootstrap menu overrides =======*/
.navbar {min-height: 15px;}
.navbar-default { background:transparent; border:0px; -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.navbar{ margin-bottom:0;}
.nav > li { }
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color:#fff;}
.navbar-default .navbar-nav > li > a { color:#fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#fff; background:#333;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#fff;Background:#333;}
.dropdown-menu, .highlighted {background:#333;}
.dropdown-menu > li > a {color:#fff;}
.responsiveNav, .level1.nav.navbar-nav.static { float:none !important;}/*Used to remove asp.net style*/


@media (min-width: 992px)   {.container {width: 980px;}}
@media (min-width: 1200px)  {.container {width: 980px;}}

/*justified nav fix */
@media (min-width: 767px) {
	.navbar .navbar-inner {padding: 0;}
	.navbar .nav {margin: 0;display: table;width: 100%;}
	.navbar .nav > li {display: table-cell;width: auto;float: none;}
	.navbar .nav > li > a {text-align: center;border-left: 1px solid #333;border-right: 1px solid rgba(0,0,0,.1);}
	.navbar .nav > li:first-child a {border-left: 0;border-radius: 3px 0 0 3px;}
	.navbar .nav > li:last-child a {border-right: 0;border-radius: 0 3px 3px 0;}
}