/*
Theme Name: McCormick
Version: 1.0
Author: Webgrain
*/

html, body { height: 100%; }
body { background: #FFF; color: #555; font-family: 'Cabin', sans-serif; font-size: 14px; margin: 0; padding: 0; position: relative; }
.clear { clear: both; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 20px 20px; display: inline; }
img.alignnone { margin: 20px 0; }
img.alignleft { margin: 0 20px 20px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }




#banner_back { background: transparent url(images/stripebg.png) scroll repeat 0 0; width: 100%; height: 205px; position: absolute; left: 0; top: 0; margin-top: 332px; }
#home_text_back { background-color: #fee37c; width: 100%; height: 180px; position: absolute; left: 0; top: 956px; }

.accordion-group { background-color: #FFF; }

/**************************** Wrapper ****************************/
#wrapper { position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -130px; }


/**************************** Header ****************************/
#header { background-color: transparent; position: relative; height: 200px; padding: 20px 0 ; z-index: 5; }
#logo { margin-top: 50px; }
#contact_info { font-size: 16px; color: #777; text-align: right; }
#contact_info .phone { font-size: 24px; }
#contact_info .addy { padding-bottom: 5px; }
#contact_info .addy span { display: block; padding: 5px 0; }
#contact_info a { font-size: 24px; color: #777; text-align: right; }
#contact_info .social { margin-top: 15px; margin-bottom: 15px; display: inline-block; zoom: 1; *display: inline; }
#contact_info .button { font-size: 18px; color: #a32e2b; text-transform: uppercase; }


/**************************** Banner ****************************/
#banner { position: relative; height: 340px; padding: 10px 0 0; z-index: 5; }
#main_frame { background: transparent url(images/main_frame.png) scroll no-repeat 0 0; height: 290px; width: 582px; position: relative; }
#main_frame div { position: absolute; top: 15px; left: 25px; }
#main_frame .banner_text_wrap { position: absolute; bottom: 25px; right: 0; text-align: right; background: transparent url(images/opacity.png) scroll repeat 0 0;  padding: 15px; font-size: 28px; color: #FFF; width: 85%; }
#main_frame .banner_title { display: block; padding-bottom: 15px;}
#main_frame .banner_title_sub { display: block; font-size: 18px; }


.sub_frame { background: transparent url(images/mini_frame.png) scroll no-repeat 0 0; height: 175px; width: 290px; position: relative; }
.sub_frame div { position: relative; z-index: 2; padding: 20px; }
.sub_frame div a { color: #FFF; font-size: 22px; text-transform: uppercase; line-height: 22px; font-weight: bold; margin-bottom: 13px; display: block; }
.sub_frame div p a { color: #FFF; font-size: 14px; text-transform: normal; line-height: 18px; font-weight: normal; margin-bottom: 0; display: block; }
.sub_frame div a:hover { text-decoration: none; color: #e1d4aa; }
.sub_frame img { position: absolute; top: 5px; left: 5px; z-index: 1; }
.mini_frame_1 { padding-top: 30px; height: 145px; padding-left: 60px; width: 230px; }
.mini_frame_1 a { text-transform: none !important; }
.mini_frame_1 a span { font-size: 34px !important; display: block; padding-bottom: 10px; margin-left: -55px; text-transform: uppercase; }
.mini_frame_2 a { font-size: 34px !important; }
.side_tag { position: relative; top: -10px; color: #535627; font-family: 'Lobster Two', cursive; font-size: 28px; font-weight: normal; padding-left: 45px; }


/**************************** Content ****************************/
#content { background-color: transparent; color: #555; position: relative; text-align: left; z-index: 5; }
#content a { color: #a32e2b; text-decoration: none; border-bottom: #a32e2b dotted 1px; outline: none;}
#content a:hover { border-color: transparent; }
#content h1 { font-family: 'Lobster Two', cursive; font-weight: normal; color: #a32e2b; }
#content h2 { font-family: 'Lobster Two', cursive; font-weight: normal; }
#content h3 { line-height: 1.1em; color: #a32e2b; margin: 30px 0 0 0; }
#content h4 { line-height: 1.1em; }
#content .list3 { clear: both; }
#content .list3 li { float: left; width: 33%; }
#content .list3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#content .list2 { width: 510px; }
#content .list2 li { float: left; width: 245px; padding: 0 5px 0 0; }
#content .list2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*** ACCORDION FIXES ***/
#content .accordion { margin-top: 20px; }
#content .accordion-heading a { border: none; font-size: 22px; font-family: 'Lobster Two', cursive; }
#content .accordion-heading a:hover { border: none; }

#content .gallery-item img {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#content a[href$=".pdf"], #content a[href$=".PDF"] { background-image: url(images/page_white_acrobat.png); background-position: 0 center; background-repeat: no-repeat; padding-left: 23px; }


#content.home_page { padding: 0 0 10px; }
#content #fb { background: transparent url(images/fbbox.png) scroll no-repeat 0 0; width: 287px; height: 429px; padding: 5px 0 0 3px; }
#content #fb iframe { background-color: #FFF; }
#content .reviewsites { margin-top: 25px; }
#content .reviewsites a { border: none; }




#partners { background-color: transparent; color: #555; position: relative; text-align: left; z-index: 5; height: 160px; margin-top: 44px; }
#partners h2 { font-family: 'Lobster Two', cursive; font-weight: normal; font-size: 38px; color: #a32e2b; margin: 0; }
#partners #logcabin { position: absolute; left: 185px; top: 50px; }
#partners #logcabin img { height: 70px; }
#partners #cafeitalia { position: absolute; left: 380px; top: 50px; }
#partners #cafeitalia img { height: 70px; }
#partners #coffee { position: absolute; left: 0; bottom: -70px; }
#partners #catering { font-weight: bold; font-size: 18px; color: #a32e2b; margin: 0; position: absolute; left: 185px; top: 135px; text-transform: uppercase;}
#partners #catering a { border: none; }
#partners #catering a:hover { opacity: 0.8; }


.normal_page { padding: 30px 0; }




/**************************** Footer ****************************/
#push { height: 130px; }
#footer { background-color: #a32e2b; color: #fff; height: 100px; padding: 15px 0; text-align: center; position: relative; z-index: 2; }
#footer .span12 { margin-left: 0; position: relative; }
#footer a { color: #fff; text-decoration: none; border-bottom: transparent dotted 1px; outline: none;}
#footer a:hover { border-color: #fee37c; color: #fee37c; }


#footer ul { margin: 0 0 20px; padding: 0; text-align: center; }
#footer ul li { display: inline-block; zoom: 1; *display: inline; list-style: none; margin: 0; padding: 0 10px; position: relative; }
#footer ul li a { color: #fff; text-decoration: none; border-bottom: transparent dotted 1px; outline: none; text-transform: uppercase; }
#footer ul li a:hover { color: #fee37c; text-decoration: none; border-color: #fee37c; }
#footer ul li.current_page_item a { color: #fee37c; text-decoration: none; border-color: #fee37c; }



/**************************** Menu ****************************/
#menu { background-color: transparent; position: relative;  text-align: center; z-index: 20; }
#menu .span12 { margin-left: 0; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { display: inline-block; zoom: 1; *display: inline; font-size: 15px; font-weight: bold; line-height: 40px; list-style: none; margin: 0; padding: 0 15px; position: relative; }
#menu ul li a { color: #23b363; text-decoration: none; border: none; text-transform: uppercase; border: transparent 2px solid; border-left: none; border-right: none; padding: 0 5px; }
#menu ul li a:hover { color: #a32e2b; text-decoration: none; border-color: #a32e2b; }
#menu ul li ul { left: 0; position: absolute; top: 40px; }
#menu ul li ul li { background-color: #FFF; display: none; height: 25px; line-height: 25px; padding: 5px 5px 5px 10px; text-align: left; width: 150px; }
#menu ul li:hover ul li { display: block; }

#menu ul li.current_page_item a { color: #a32e2b; text-decoration: none; border-color: #a32e2b; }


#content .ngg-album { border: none; display: inline-block; zoom: 1; *display: inline; width: 292px; }
#content .ngg-thumbnail img { border: none; padding: 0; margin: 0; }
#content .ngg-gallery-thumbnail img { border: none; padding: 0; }