/*
================================================================================================================================
Title:				    Style sheet - amk.css
Author:				    Michal Balazi
E-mail:				    michal_balazi@yahoo.com
Website:			    http://www.musenuovo.co.uk
Created:			    14th Oct 2011
================================================================================================================================
*/

/* Reset Browsers setting
----------------------------------------------------------- */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form fieldset, input, p, blocquote, th, td
{margin:0; padding:0;}

/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/* Removes list-style from lists */
ol, ul
{list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/* Reset tables */
table
{border-collapse: collapse; border-spacing: 0;}

/* Removes border from fieldset and img */
fieldset, img
{border: 0;}

/* Left-aligns text in caption and th */
caption, th
{text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{content:'';}

/* Removes dashed outline in mozilla */
*:focus { outline: none }

/* Clears all floated elements */
.clear {content:".";height:0;visibility:hidden;display:block;clear:both;}

.msg_er {
line-height:1.5em;
font-size:12px;
color:#900;
padding:5px 20px;
text-align:center;
background-color: #FFCECF;
border:1px double  #BF0000;
background-image:url(../images/cross.png);
background-repeat:no-repeat;
background-position: 6px 6px;
}

.msg_er a {
color:#900;
}

.msg_ok {
line-height:1.5em;
font-size:12px;
color:#060;
padding:5px 20px;
text-align:center;
background-color:#D5EED6;
border:1px double #88C75A;
background-image:url(../images/tick.png);
background-repeat:no-repeat;
background-position: 4px 7px;
}

.msg_ok a {
color:#060;
}



/* Page Layout
----------------------------------------------------------- */
body{font-family: 'Univers Bold', Arial, Helvetica, sans-serif;font-size:15px;color:#000;background:#d0f0fd url(../images/bg.jpg) no-repeat center top;}
.container{width:1086px;position:relative;margin:0 auto;}


/* Header
----------------------------------------------------------- */
#header{width:100%;background:#fff;}
#branding{height:145px;}
#header #branding h1 a{display:block;width:283px;height:106px;background:url(../images/amk_logo.jpg) no-repeat 0 0;text-indent:-9999px;position:absolute;top:20px;left:40px;}
#tag{font-size:24px;color:#1451a6;position:absolute;top:36px;right:0;width:180px;font-weight:bold;}

/* Info Line
----------------------------------------------------------- */
#info_line{height:40px;width:100%;background:#1451a6;}
#info_line p{color:#fff;font-size:36px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-align:right; line-height:40px;}
#info_line p span{color:#009fef;font-size:15px;font-weight:100;font-style:italic;font-weight:bold;}
#nav_header{font-size:20px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; position:absolute;top:153px;color:#fff;left:123px;text-transform: uppercase;}


#content_main{background:#fff;}



/* Nav Features
----------------------------------------------------------- */
#nav_features{width:306px;float:left;}
#nav_features.home{background:url(../images/navimg_home.jpg) no-repeat 0 bottom;}
#nav_features.about{background:url(../images/navimg_about.jpg) no-repeat 0 bottom;}
#nav_features.reactive{background:url(../images/navimg_home.jpg) no-repeat 0 bottom;}
#nav_features.quote{background:url(../images/navimg_about.jpg) no-repeat 0 bottom;}
#nav_features.customers{background:url(../images/navimg_home.jpg) no-repeat 0 bottom;}
#nav_features.staff{background:url(../images/navimg_about.jpg) no-repeat 0 bottom;}
#nav_features.coverage{background:url(../images/navimg_home.jpg) no-repeat 0 bottom;}
#nav_features.testimonials{background:url(../images/navimg_about.jpg) no-repeat 0 bottom;}
#nav_features.gallery{background:url(../images/navimg_home.jpg) no-repeat 0 bottom;}
#nav_features.contact{background:url(../images/navimg_about.jpg) no-repeat 0 bottom;}

#nav_features ul{background:url(../images/bg_nav.png) repeat;padding:36px 0 305px 64px;width:206px; margin-left:36px;min-height:400px;}
#nav_features li{margin-bottom:20px;}
#nav_features li a{color:#fff;font-weight:bold;font-size:15px; text-decoration:none; padding-left:25px;font-family:Arial, Helvetica, sans-serif;}
#nav_features .selected a, #nav_features li a:hover{color:#009fef;background:url(../images/list.png) no-repeat;}



/* Content Right
----------------------------------------------------------- */
#content_right{float:left;width:700px;padding:30px 0 0 48px;position:relative;}
#content_right a{color:#003f95;text-decoration:none;}
#content_right img.right{float:right;}
#content_right ul li{font-weight:bold;}

/* Home */
#content_right.home h1{font-size:27px;font-weight:bold;margin-bottom:30px;}
#content_right.home h2{font-size:30px;color:#003f95;margin:40px 0;}
#content_right.home p{margin-bottom:38px;}
#content_right.home ul{margin-bottom:38px;}
#content_right.home ul li{padding-left:35px;background:url(../images/arrow.jpg) no-repeat;margin-bottom:8px;}
#content_right.home .intro{font-weight:bold;font-style:italic;font-size:14px;}
#content_right.home img.right{margin-top:-10px;}

/* Slides */
#slides {position:absolute;top:480px;left:418px;height:140px;width:308px;font-size:12px;color:#fff;background:#1d54a4;}
.slides_container{height:140px;width:308px;}
.slides_container div{display:block;height:140px;width:308px;}


/* About */
#content_right.about p{font-size:12px;margin-bottom:13px;}
#content_right.about img.right{float:right;margin:40px 0 30px 20px;}
#content_right.about img{margin-top:20px;}
#content_right.about .intro{font-size:14px; color:#003f95;margin-bottom:20px;font-weight:bold;}
#content_right.about h3{color:#0072c8;font-size:16px;margin-bottom:13px;}

/* Reactive Maintentance */
#content_right.maintenance p{font-size:12px;margin-bottom:13px;}
#content_right.maintenance h1{color:#003f95;font-size:25px;margin-bottom:20px;}
#content_right.maintenance ul{margin-bottom:40px;}
#content_right.maintenance ul li{font-size:12px;background:url(../images/list_maintanance.png) no-repeat 0 5px; padding-left:5px;}
#content_right.maintenance .contact_quote{font-size:18px;color:#003f95;font-weight:bold;}
#content_right.maintenance img{margin-top:40px;}

/* Repair Work */
#content_right.repair .intro{color:#003f95;font-size:14px;font-weight:bold;}
#content_right.repair p{font-size:12px;margin-bottom:20px;}
#content_right.repair img{margin-left:-10px;margin-top:20px;}
#content_right.repair ul li{background:none;padding:0;width:210px;float:left; margin-right:18px;}
#content_right.repair .last{margin:0;}
#content_right.repair h3{font-size:13px;color:#003f95;font-weight:bold;margin-bottom:15px;}

/* Customers */
#content_right.customers{background:url(../images/shop_flor.jpg) no-repeat bottom right; padding-bottom:180px;}
#content_right.customers h1{font-size:25px;color:#003f95;margin-bottom:30px;}
#content_right.customers p{font-size:13px;}
#content_right.customers ul{margin-bottom:20px;}
#content_right.customers ul li{font-size:13px;background:url(../images/list_maintanance.png) no-repeat 0 5px; padding-left:7px;}
#content_right.customers .example{color:#003f95;font-size:14px;margin:20px 0;font-weight:bold;}
#content_right.customers span{color:#009fef;}

/* Staff */
#content_right.staff{background:url(../images/company_structure.jpg) no-repeat bottom right; padding-bottom:500px;}
#content_right.staff p{font-size:13px;}
#content_right.staff .intro{font-weight:bold; margin-bottom:30px;}

/* Coverage */
#content_right.coverage{background:url(../images/amk_coverage.jpg) no-repeat 50px 120px; padding-bottom:60px;}
#content_right.coverage .intro{font-size:14px;font-weight:bold; margin:80px 0 0 200px;margin-bottom:15px;}
#content_right.coverage p{font-size:13px;margin-left:200px;}
#content_right.coverage h3{margin:30px 0 10px;;margin-left:350px;color:#009fef;font-weight:bold;font-size:18px;}
#content_right.coverage ol{margin-left:350px;padding-left:20px;margin-bottom:40px;}
#content_right.coverage h3.green{padding-left:20px;background: url(../images/bg_green.jpg) no-repeat 0 5px;}
#content_right.coverage h3.yellow{padding-left:20px;background: url(../images/bg_yellow.jpg) no-repeat 0 5px;}
#content_right.coverage h3.red{padding-left:20px;background: url(../images/bg_red.jpg) no-repeat 0 5px;}
#content_right.coverage em{font-weight:bold;}
#nav_features.coverage ul{min-height:550px;}

/* Testimonials */
#content_right.testimonials{background:url(../images/testimonials.jpg) no-repeat bottom right; padding-bottom:600px;color:#003f95;}
#content_right.testimonials .intro{font-size:13px;color:#003f95;font-weight:bold;}
#content_right.testimonials #cineworld{width:270px;position:absolute;top:210px;left:70px;font-size:14px;text-align:center;font-weight:bold;font-style:italic;line-height:1.4em;}
#content_right.testimonials #nhs{width:330px;position:absolute;left:430px;top:210px;font-size:14px;text-align:center;font-weight:bold;font-style:italic;line-height:1.4em;}
#content_right.testimonials #talarius{width:630px;position:absolute;top:440px;left:90px;font-size:14px;text-align:center;font-weight:bold;font-style:italic;line-height:1.4em;}
#content_right.testimonials #coral{position:absolute;top:640px;left:90px;font-size:14px;text-align:center;font-weight:bold;font-style:italic;line-height:1.4em;}
#content_right.testimonials #allianceboots{position:absolute;left:510px;top:620px;font-size:14px;text-align:center;width:230px;font-weight:bold;font-style:italic;line-height:1.4em;}

/* Contact */
#content_right.contact .intro{font-size:14px; font-weight:bold;}
#content_right.contact img{margin-left:-20px;}
#content_right.contact h3{font-size:16px;color:#0072c8;width:180px;margin-bottom:20px;}
#content_right.contact li{font-size:13px;}
#content_right.contact ol{margin-bottom:30px;}
#content_right.contact p{margin-bottom:15px;}
#content_right.contact #address{float:left; width:325px;margin:30px 0;}
#content_right.contact #address .last{margin-bottom:20px;}
#content_right.contact form{float:left;background:#7fcff7; width:298px; padding:20px 10px 10px;-moz-box-shadow: -5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc;margin:30px 0;}
#content_right.contact form ul{padding:0;margin:0;}
#content_right.contact form li{padding:0;margin:0;background:none;margin-bottom:10px;}
#content_right.contact label{float:left; width:80px;font-weight:bold;padding:2px;}
#content_right.contact input, #content_right.contact #comment{border:1px solid #fff;-moz-box-shadow: -5px 5px 5px #5286a0;-webkit-box-shadow: 5px 5px 5px #5286a0;box-shadow: 5px 5px 5px #5286a0;padding:2px;}
#content_right.contact .missing, #content_right.contact #comment.missing{background-color:#FFCECF;border:1px double #BF0000;}
#content_right.contact #submit{margin-left:84px;border:none;background:#0066CC;color:white;padding:2px;cursor:pointer;}
#content_right.contact em{font-weight:bold;}


/* Gallery */
#content_right.gallery .intro{color:#003f95;font-size:14px;font-weight:bold;margin-bottom:30px;}
#content_right.gallery #gallery_container{margin:40px 140px;}
#content_right.gallery #gallery_container li{background-image:none;}
#content_right.gallery h3{color:#0072c8;font-size:22px;font-weight:bold;text-align:center;}
.jcarousel-container{margin:0 100px;}

/* Footer
----------------------------------------------------------- */
#footer{background:#fff url(../images/bg_footer.gif) repeat-x;padding-top:21px;}
#footer p{font-size:11px;padding:31px 0 10px; background:url(../images/footer_arrow.gif) no-repeat 0 0; margin-top:-21px;}
#footer p a{color:#000;}
#footer em{font-weight:bold;}


/* jCarousel
----------------------------------------------------------- */
/*
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}
*/

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 420px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  420px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 120px;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: -5px;
    width: 45px;
    height: 35px;
    cursor: pointer;
    background:  url(../images/nav_right.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../images/nav_right.jpg);
}

/*
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
*/

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left:-15px;
    width: 45px;
    height: 35px;
    cursor: pointer;
    background: transparent url(../images/nav_left.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/nav_right.jpg);
}

/*
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}