/* holds all layout styles and anything that overrides main.css */
@import url(/css/reset.css);
@import url(/css/main.css);

/* palette
navy            :   #0e3862
light blue      :   #0773ec
muted blue      :   #2e668d
ice blue        :   #e2ecf3
lime            :   #58d632
grey            :   #9e9e9e
*/

/* branding */
#branding, #top, #bottom {width:960px; height:50px;}
#branding {height:150px;}
#search {float:left; width:420px; height:30px; padding-top:18px; position:relative;}
.search_input {border: 1px solid #2e668d; background-color:#0e3862; width:290px; height:19px; padding-left:8px; padding-top:3px; color:#2e668d; float:left;}
.search_button {position:absolute; right:117px; top:15px; padding-top:8px;}
.social {height:36px; width:250px; padding-top:12px; float:left; margin-left:50px; list-style-type:none; display:inline;}
.social li {float:left;}
.social li a {float:left; display:block; height:35px; width:40px; text-indent:-9999px}
.social li .book {margin-right:10px; width:120px; text-indent:0px; height:30px;}
.social li .facebook {background: transparent url('/assets/social-fb.png') no-repeat;}
.social li .facebook:hover {background: transparent url('/assets/social-fb-hover.png') no-repeat;}
.social li .twitter {background: transparent url('/assets/social-twitter.png') no-repeat;}
.social li .twitter:hover {background: transparent url('/assets/social-twitter-hover.png') no-repeat;}
.social li .blog {background: transparent url('/assets/social-blog.png') no-repeat;}
.social li .blog:hover {background: transparent url('/assets/social-blog-hover.png') no-repeat;}
.social li .lymm {background: transparent url('/assets/lymm.png') no-repeat;}
.social li .lymm:hover {background: transparent url('/assets/lymm-hover.png') no-repeat;}
.phone {text-align:right; margin-top:10px; float:right;}
.phone .phone_number {font-size:20px; color:#fff; background: transparent url('/assets/phone.png') left no-repeat; width:170px; float:right; padding-top:1px;}
.phone p {margin-bottom:0px;}
.phone .contact_email {clear:right;}
.logo {float:left; width:223px; height:44px; display:block; text-indent:-9999px; background: transparent url('/assets/logo.png') no-repeat; margin-top:23px;}

/* menu */
.menu {width:700px; height:91px; padding:0px; margin:0px; float:right; margin-top:2px;}
.menu li {float:left; text-indent:0px; text-align:center;}
.menu li a {display:block; float:left; width:100px; height:91px; text-indent:-9999px; background-image:url('/assets/menu.png')}
.menu li a.menus {background-position: 0 0;}
.menu li a.blog {background-position: -100px 0;}
.menu li a.aiden_sarah {background-position: -200px 0;}
.menu li a.reviews_awards {background-position: -300px 0;}
.menu li a.thegallery {background-position: -400px 0;}
.menu li a.shop {background-position: -500px 0;}
.menu li a.contact {background-position: -600px 0;}
.menu li a.menus:hover, .selected_menus {background-position: 0 -90px;}
.menu li a.blog:hover, .selected_blog {background-position: -100px -90px;}
.menu li a.aiden_sarah:hover, .selected_aiden_sarah {background-position: -200px -90px;}
.menu li a.reviews_awards:hover, .selected_reviews_awards {background-position: -300px -90px;}
.menu li a.thegallery:hover, .selected_gallery {background-position: -400px -90px;}
.menu li a.shop:hover, .selected_shop {background-position: -500px -90px;}
.menu li a.contact:hover, .selected_contact {background-position: -600px -90px;}

/* homepage */
#outer_wrapper {position:relative; margin-left:auto; margin-right:auto; text-align:center; width:100%;}
#wrapper {text-align:left; width:960px; position:relative; margin-left:auto; margin-right:auto; clear:both; height:auto !important; min-height:750px; background: #0e3862 url('/assets/back.jpg') top center no-repeat;}
#main {height:auto !important; min-height:550px;}
.box {border:1px solid #2e668d; padding:20px; background:transparent url('/assets/box.png') repeat; position:relative;}
.box_main, .box_awards {margin-top:10px; width:578px; min-height:443px; float:left;}
.box_nav {margin-top:10px; width:278px; min-height:443px; float:right; position:relative;}
.box_nav img, .box_profile img, .box_awards img, .entrybody img {padding:10px; margin:10px; border:1px solid #2e668d;}
.box_nav .left {margin-left:0px}
.box_nav .right {margin-right:0px}
.box_nav #specials {position:absolute; top:-5px; right:-5px;}
.box_nav #specials img {border:none; padding:0px; margin:0px;}
.box_sup_small {margin-top:20px; width:178px; height:268px;}
.box_sup_large {margin:20px 20px 0px 20px; width:438px; height:268px;}
#the_gallery {position:absolute; top:120px; left:-10px;}
#the_reviews_awards {position:absolute; top:95px; left:10px; z-index:0}
#the_shop {position:absolute; top:140px; left:-10px;}

/* the menus */
#menu_list {display:inline; text-align:center;}
#menu_list li {float:left;}
#menu_title {margin-top:20px;}
#menu_list li a {float:left; width:120px; height:20px; margin:10px; display:block; text-align:center;}
#menu_frame {padding-top:10px; margin-left:10px; clear:both;}

/* aiden & sarah */
.box_profile {width:430px; height:500px; margin:0px;}

/* blog */

/* footer */
#footer {width:100%; height:100px; clear:both; background: #0e3862 url('/assets/stripe.png') top repeat-x; padding-top:50px; z-index:2;}
#footer_container, #bottom {width:960px; height:80px; margin-left:auto; margin-right:auto; position:relative;}
.footer_hr {position:absolute; top:-20px; left:108px; z-index:1;}
#bottom {width:760px;}
.copy {margin-top:5px; text-align:left;}
#footer_container .social {width:290px;}
#bottom .phone { width:220px; margin-top:5px;}

/* contact form */
#contact_form, #hq_map {width:430px; min-height:800px; float:left; background:transparent url('/assets/box.png') repeat; border:1px solid #2e668d; padding:20px; padding-bottom:0px; color:#e2ecf3; margin-bottom:20px;}
#hq_map {float:right;}
#hq_map #map {width:430px; height:430px;}
.info_error {background-color:#5e0f00; border: 1px solid red; margin-bottom:20px; padding:10px; color:#fff;}
#contact_form label {width:110px; float:left;}
#contact_form input {border: 1px solid #2e668d; background-color:#0e3862; width:303px; height:20px; padding-top:5px; padding-left:5px; color:#e2ecf3; margin:5px;}
#contact_form textarea {border:none; width:288px; height:204px; border: 1px solid #2e668d; background-color:#0e3862; overflow:hidden; color:#e2ecf3; padding:10px; margin:5px;}
#contact_form select {border: 1px solid #2e668d; background-color:#0e3862; width:308px; height:25px; clear:both; color:#e2ecf3; padding-left:5px; margin:5px;}
#hq_map #map {color:#0e3862;}

/* search */

/* gallery */
#gallery {visibility: hidden;}
.gallery {background: none; border: 1px solid #2e668d; padding: 5px;}
.loader {background: url(/js/loader.gif) center center no-repeat #0e3862; }
.panel {}
.panel .panel-overlay,
.panel .overlay-background {height:60px; padding: 0 1em;}
.panel .overlay-background {background: #000;}
.panel .panel-overlay h3 {margin-top:10px; margin-bottom:0px; color:#fff;}
.filmstrip {margin: 10px;}
.frame {}
.frame .img_wrap {border: 1px solid #000;}
.frame.current .img_wrap {border-color: #e2ecf3;}
.frame img {border: none;}
.frame .caption {text-align: center;}
.frame.current .caption {color: #e2ecf3;}
.pointer {border-color: #e2ecf3;}

/* misc */
.label {text-align:left;}
.left {float:left;}
.right {float:right;}
.center{text-align:center;}
.clear {clear:both;}
.button {background: transparent url('/assets/button.png') center no-repeat; width:120px; height:30px; text-align:center; display:block; text-transform:lowercase; text-decoration:none; color:#fff; padding-top:8px; border:none; outline:none;}
.button:hover {background: transparent url('/assets/button-hover.png') center no-repeat; cursor:pointer; text-decoration:none; color:#fff;}