/* Stylesheet: fatcow Modified On 2012-11-02 14:49:25 */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/BebasNeue-webfont.eot');
    src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BebasNeue-webfont.woff') format('woff'),
         url('/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
 border: 0; padding: 0; margin: 0;
 font: 13px/1.6em Helvetica,Arial,verdana,sans-serif; 
 background-color: #000;
}

a { text-decoration: none; }
img { border: 0; }

h1 { font: 24px/28px 'BebasNeueRegular',Arial,Helvetica,Verdana,sans-serif; }
h4 { font: 15px/14px 'BebasNeueRegular',Arial,Helvetica,Verdana,sans-serif; margin-bottom: 0; padding-bottom: 0; }

.mobile_logo { display: none; }
#header { padding-top: 25px; background: url('/images/bg_gradient.png') #ffffff left bottom repeat-x; text-align: center; }
#menu { width: 100%; background-color: #000; margin: 15px auto; height: 55px; text-align: center; }
#menu ul { width: 850px; list-style: none; margin: 0px auto; padding: 0;}
#menu ul li { float: left; }
#menu ul li a { font: 18px/18px 'BebasNeueRegular',Arial, Helvetica,verdana,sans-serif; color: #fff; padding: 18px 25px; display: block; }

/* desktop */
    #hp_menu { display:none; }
    #cow { position: relative; width: 960px; margin: 0 auto; height: 531px; }
    #cow_hover { position: absolute; top: 0px; left: 0; display: block; z-index: 4; }
    #cow_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
    div.babycow, #cow_image_sm { display: none; }
    .gallery { max-width: 960px; min-width: 320px; padding-top: 15px; }
    .gallery img { width: 30%; margin: 0 1.5%; }

#bottom { background-color: #000; padding-top: 1px; color: #fff; padding-top: 20px; padding-bottom: 20px;  }
#content { width: 960px; margin: 0 auto; }
#content_left { float: left; width: 475px; margin-right: 30px; }
#content_right { float: left; width: 400px; }
.connect { border-bottom: 1px solid #808080; font: 18px/18px 'BebasNeueRegular',Arial,sans-serif; padding-bottom: 10px; }
.connect img { padding-top: 1px; vertical-align: bottom; padding-right: 7px; }

#bottom ul { list-style: none; margin: 0; padding: 0; }
.footer_left { float: left; width: 50%; margin-top: 27px; }
.footer_right { float: left; margin-top: 27px; }
.footer_right a { color: #fff; }

.clear { clear: both; }

@media screen and (min-width: 960px) {

    #page_content { width: 960px; margin: 0 auto; padding-bottom: 25px; padding-top: 25px;}
    .column { float: left; width: 290px; text-align: left; }
    .column1 { margin-left: 22px; }
    .column2 { margin: 0 22px; }
    .column3 { margin-right: 22px; }
    .column3 img { border: 3px solid #cccccc; }
    .dblcolumn { width: 580px; }

    #menu ul ul { position: absolute; left: -999em;  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #menu ul { width: 680px; padding: 0; margin: 0 auto; }
    #menu ul li a { font: 18px/18px 'BebasNeueRegular',Arial, Helvetica,verdana,sans-serif; color: #fff; padding: 18px 12px; display: block; }
    /*
    #cow { position: relative; width: 768px; margin: 0 auto; }
    #cow_image { display: none; }
    #cow_image_sm { display: block; }
    #cow_hover { position: absolute; top: 0px; left: 0; display: block; z-index: 4; }
    #cow_overlay { position: absolute; top: 0; left: 0; width: 100%;  z-index: 5; }
    */
    #cow { position: relative; width: 768px; margin: 0 auto; height: auto; }
    #cow_image { display: none; }
    div.babycow, #cow_image_sm { display: block; }    
    #cow_hover { display: none; position: absolute; top: 0px; left: 0; display: block; z-index: 4; }
    #cow_overlay {display: none;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }    
    .column1 { display: none; }
    #page_content { width: 768px; margin: 0 auto; padding-bottom: 25px; padding-top: 25px;}
    .column { float: left; width: 344px; text-align: left; }
    .column2 { margin: 0 20px; }
    .column3 { margin: 0 20px; }
    .column3 img { border: 3px solid #cccccc; }
    .dblcolumn { width: 688px; }

    #content { width: 100%; }
    #content_left { float: left; width: 50%; margin-right: 2%; }
    #content_left img { width: 100%; }
    #content_right { float: left; width: 47%; }
    #menu ul ul { position: absolute; left: -999em; }

}

@media only screen and (min-width: 10px) and (max-width: 767px) {
    .large_logo {display: none; }
    .mobile_logo { display: block; }
    #hp_menu, #menu { position: static; display: block; background-color: #ffffff; width: 100%; margin-bottom: 0px; padding-bottom: 20px; height: auto; }
    #hp_menu ul ul, #menu ul ul { display: none; }
    #hp_menu ul, #menu ul { list-style: none; margin: 0 auto; padding: 0; width: 85%; }
    #hp_menu ul li, #menu ul li { float: none; margin-bottom: 8px; }
    #hp_menu ul li a, #menu ul li a { background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#000000 100%); /* IE10+ */
background: linear-gradient(top,  #4c4c4c 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font: 18px/18px 'BebasNeueRegular',Arial, Helvetica,verdana,sans-serif; color: #fff; padding: 8px 0;
width: 100%; margin: 0 auto; display: block;
}

    #cow { display: none; }
    #cow_image { display: none; }
    #cow_hover { display: none; }
    #cow_overlay { display: none; }
#bottom { background-color: #fff !important; padding-top: 20px; color: #fff; padding: 1px 0 0 0;  }
#content { width: 100%; margin: 0px auto; padding: 1px 0 0 0; background-color: #000000; }
#content_left { display: none; }
#content_right { width: 100%;  overflow: background-color: #000000; padding: 20px 0; }
.connect {  position: relative; height: 100px; width: 260px; border-bottom: 0; font: 18px/18px 'BebasNeueRegular',Arial,sans-serif; padding-bottom: 10px; margin: 0 auto; text-align: center; }
.connect img { float: none; padding-top: 1px; padding-right: 7px; }
.connect >a:first-child { position: absolute; top: 30px; left: 73px; }
.connect >a { position: absolute; top: 30px; left: 134px; }

.footer_left { display: none; }
.footer_right { display: none; }

    #page_content { clear: both; width: 100%; margin: 0 auto; padding-bottom: 25px; padding-top: 25px;}
    .column { float: none; width: 90%; text-align: center; }
    .column1 { display: none; }
    .column2 { margin: 0 5%; }
    .column3 { display: none; }
    .dblcolumn { width: 90%; margin: 0 5%; }
    #OT_form { width: auto !important; }
    .OT_wrapper { margin: 0 auto !important; }
    .OT_ExtLink { margin: 0 auto !important; }
}

.purple { color: #6F2D61; }

.snort { position: absolute; z-index: 400; left: -97px; width: 106px; height: 100px; top: 207px; overflow: hidden;}
.snort1, .snort2, .snort3 { display: none; position: absolute; z-index: 2; top: 0; right: 0; }
.snort3 { z-index: 1 !important; }
.snort1 { display: block; left: 70px; top: -27px; }