/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2013 */



@font-face {
    font-family: 'clarendon_blk_btblack';
    src: url('clrndnk-webfont.eot');
    src: url('clrndnk-webfont.eot?#iefix') format('embedded-opentype'),
         url('clrndnk-webfont.woff') format('woff'),
         url('clrndnk-webfont.ttf') format('truetype'),
         url('clrndnk-webfont.svg#clarendon_blk_btblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


* { margin: 0; padding: 0; }

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
body {background: url('../images/bg.jpg') no-repeat 100%; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover}
 
#logo, #home_logo {text-align: center;}
#logo img {width: 300px; height: 183px;}
#main_content { position: relative; width: 930px; margin: 30px auto; padding: 30px; background: transparent; text-align: center;}/*border: 5px solid #D8C99E; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; */
#copy {padding: 0px 30px;}
h1 {color: #D8C99E; font-family: clarendon_blk_btblack, times new roman; font-weight: bold; font-size: 30px; margin-top: 30px; margin-bottom: 10px; text-decoration: none; text-transform: uppercase;}
h2 {color: #D8C99E; font-family: arial, sans-serif; font-weight: bold; font-size: 20px; margin-top: 0px; margin-bottom: 10px;}
p, li { color: #D8C99E; font-family: arial; font-weight: bold; font-size: 22px; line-height: 34px; text-align: left;}
img {border: 0px;}

a:link, a:visited {color: #F7D15E; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline; }


#nav, #nav_home {padding: 0px; margin: 0px; text-transform: uppercase; list-style: none outside none; text-align: center;}
#nav li, #nav_home li {display: inline;  white-space: nowrap; font-family: clarendon_blk_btblack;}
#nav li a, #nav_home li a {text-decoration: none; color: #D9CA9F; padding-right: 20px;}
#nav li a:hover, #nav_home li a:hover {color: #F7D25E;}
#nav li.current a, #nav_home li.current a {color: #F7D25E;}
#nav li img, #nav_home li img {border: none; position: relative; top: 10px; left: 6px; width: 56px; height: 52px;}

#nav_home li a {padding-right: 20px;}
#nav_home li {line-height: 32px; font-size: 23px;}
#nav_home li img {top: 10px; left: 6px; width: 56px; height: 52px;}
#nav li a {padding-right: 14px;}
#nav li {line-height: 22px; font-size: 15px;}
#nav li img {top: 7px; left: 5px; width: 36px; height: 33px;}

p.order_online {line-height: 16px; margin-top: 15px; clear:both}
p.order_online img {display: block; float: left; padding-right: 15px;}
p.order_online small {font-size: 12px; display: block;}
p.order_online span {display: block; padding-top:10px;}

div.order_now_btn {width: 200px; margin: 25px auto;}
div.order_now_btn p {text-align: center;}
div.order_now_btn p a {display: block; border: 2px solid #F7D15E;}
div.order_now_btn p a:hover {text-decoration: none; color: #2B1E16; background: #F7D15E;}

img.order_img {width: 100%; height: auto;}

div.handling {background: white; padding: 10px; border: 1px solid #383838; margin-bottom: 20px;}
div.handling p {font-size: 13px; font-family: arial; color: #333333; line-height: 18px; font-weight: normal;}

#contact_img {position: relative}
#contact_form {text-align: left; position: absolute; top: 380px; left: 335px;}

#footer {margin-top: 50px;}
#footer p {text-align: center; font-size: 13px;}

/*turn liquid below 950 pixels*/
@media only screen and (max-width: 990px){

#main_content {width: 90%;}
#home_logo img {width: 70%; height: auto;}
#logo img {width: 40%; height: auto;}
#copy {padding: 0px;}

#nav_home li {display: inline;  white-space: nowrap; line-height: 50px; font-family: clarendon_blk_btblack; font-size: 16px;}
#nav_home li img {top: 10px; left: 6px; width: 44px; height: 41px;}
#outlet_states {width: 70%}
#contact_form {left: 10px; top: 300px; background: #FCEF95;}
#contact_img img {width: 100%}

}

@media only screen and (max-width: 600px){
#logo img {width: 70%; height: auto;}
#contact_form {position: static;}
}