/*style 3*/

body {background-image: url(../images/style3/body-background.jpg); background-position:top center; background-repeat:no-repeat;}

/*BOTTOM MODULES AND BASE TEXT COLOR STYLING*/
#bottom_modules, #base, #bottom_modules .module h3, #bottom_modules .module_menu h3, #base .module h3, #base .module h3 .module_menu h3 {color:#FFFFFF;}

/*BOTTOM MODULES STYLING*/
#container_bottom_modules {background-color: #461600;}

/*BASE STYLING*/
#container_base {background-color: #371200; border-top:2px solid #461600;}


/* Module Styling - Base Menus Bottom modules and links */
#base .module ul a, #base .module_menu ul a, #bottom_modules .module ul a, #bottom_modules .module_menu ul a {color:#8A2D00 !important;}
#base .module ul a:hover, #base .module_menu ul a:hover, #base .module ul a:focus, #base .module_menu ul a:focus, #bottom_modules .module ul a:hover, #bottom_modules .module_menu ul a:hover, #bottom_modules .module ul a:focus, #bottom_modules .module_menu ul a:focus {color:#BF3F00 !important;}

#base a, #bottom_modules a{color:#8A2D00 !important;}
#base a:hover, #bottom_modules a:hover {color:#BF3F00 !important;}

/*Responsive style specific*/
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
    
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Items re-positioned */
body {background-image: url(../images/style3/body-background.jpg); background-position:top center; background-repeat:no-repeat; background-color:#009966;}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {
body {background-image:none !important}
#container_logo_mobile, #container_social_mobile, #container_hornav_mobile, #container_splash_mobile{background-color:#371200;}
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 440px) {
body {background-image:none !important}
#container_logo_mobile, #container_social_mobile, #container_hornav_mobile, #container_splash_mobile{background-color:#371200;}
}










