@font-face {font-family:"BandaRegular";src:url("fonts/banda/regular.eot?") format("fonts/banda/eot"),url("fonts/banda/regular.woff") format("fonts/banda/woff"),url("fonts/banda/regular.ttf") format("truetype"),url("regular.svg#BandaRegular") format("svg");font-weight:normal;font-style:normal;}
html, body{
margin:0;
padding:0;

}

html, body, #gallery,#main{
height:100%;
}

html {
overflow-y: scroll;

width: 100%;
font-size:16px;
}

body{
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
font-family: Trebuchet MS, sans-serif !important;
color:#9b8780;
font-size:14px;
}

.button{
background: rgb(255,103,15);
background: -moz-linear-gradient(top,  rgba(255,103,15,1) 0%, rgba(217,81,33,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,103,15,1)), color-stop(100%,rgba(217,81,33,1)));
background: -webkit-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(217,81,33,1) 100%);
background: -o-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(217,81,33,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(217,81,33,1) 100%);
background: linear-gradient(to bottom,  rgba(255,103,15,1) 0%,rgba(217,81,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#d95121',GradientType=0 );
color: #fff;
width: 100px !important;
border: none;
border-radius: 3px;
cursor:pointer;
height: 30px;
}

.button:hover{
background: rgb(217,81,33);
background: -moz-linear-gradient(top,  rgba(217,81,33,1) 0%, rgba(217,81,33,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,81,33,1)), color-stop(100%,rgba(217,81,33,1)));
background: -webkit-linear-gradient(top,  rgba(217,81,33,1) 0%,rgba(217,81,33,1) 100%);
background: -o-linear-gradient(top,  rgba(217,81,33,1) 0%,rgba(217,81,33,1) 100%);
background: -ms-linear-gradient(top,  rgba(217,81,33,1) 0%,rgba(217,81,33,1) 100%);
background: linear-gradient(to bottom,  rgba(217,81,33,1) 0%,rgba(217,81,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95121', endColorstr='#d95121',GradientType=0 );

}

#main{
width:100%;
position:relative;
zoom: 1;
clear: both;
}

.banner{
width:964px;
margin:auto;
}

.nav-wrapper{
position: absolute;
width: 100%;
margin: 25px 0;
z-index:999;
}

.nav-wrapper nav{
width:965px;
margin:auto;
padding: 0 10px;
}

h1,h2,h3,h4,h5{
font-family: "BandaRegular", Trebuchet MS, sans-serif; 
}

/* APPLE STYLE NAVIGATION MENU */
#appleNav { margin:0; list-style:none;

    /* Lucinda Grande is the font used on the website from Apple. */
    font-family: "BandaRegular", Trebuchet MS, sans-serif; letter-spacing:-0.5px; font-size:15px;
    
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #808080;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:100%; height:35px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    /*-moz-box-shadow: 0px 4px 4px #cecece;
    -webkit-box-shadow: 0px 4px 4px #cecece;
    box-shadow: 0 4px 4px #cecece;*/
	padding: 0;
}

#appleNav li { display:block; float:left; border-left:1px solid #CE5403; width: 12%; height:34px; border-bottom:1px solid #9e3300; border-top:1px solid #f75700;

    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ef4e00), color-stop(0.5, #F15306), color-stop(0.51, #f66014), color-stop(1, #f76822));
    background-image: -moz-linear-gradient(center bottom, #ef4e00 0%, #F15306 50%, #f66014 51%, #f76822 100%);
    background-color: #f76822; /* Fallback */
}

/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav li:hover {
  background: rgb(140,45,1);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4YzJkMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNhMzM1MDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGMyZDAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(140,45,1,1) 0%, rgba(163,53,3,1) 49%, rgba(140,45,1,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(140,45,1,1)), color-stop(49%,rgba(163,53,3,1)), color-stop(100%,rgba(140,45,1,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(140,45,1,1) 0%,rgba(163,53,3,1) 49%,rgba(140,45,1,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(140,45,1,1) 0%,rgba(163,53,3,1) 49%,rgba(140,45,1,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(140,45,1,1) 0%,rgba(163,53,3,1) 49%,rgba(140,45,1,1) 100%);
background: radial-gradient(ellipse at center,  rgba(140,45,1,1) 0%,rgba(163,53,3,1) 49%,rgba(140,45,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c2d01', endColorstr='#8c2d01',GradientType=1 );

    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering 
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;*/
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") 
#appleNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
   /* -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}*/

#appleNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

/* Styling of the search field */
#appleNav form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;

    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: url("../website/assets/img/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #e64a00), color-stop(0.5, #e64a00), color-stop(0.51, #f75b06), color-stop(1, #f75b06));
    background-image: url("../website/assets/img/magnifier.png"), -moz-linear-gradient(center bottom,  #e64a00 0%, #e64a00 50%, #f75b06 51%, #f75b06 100% );
    background-repeat: no-repeat;
    
    background-color:#e64a00; /* Fallback */
    
    -moz-box-shadow: inset 0 2px 1px 1px #757575;
    -webkit-box-shadow: inset 0 2px 1px 1px #757575;
    box-shadow: inset 0 2px 1px 1px #757575; 
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#appleNav li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    border-bottom:1px solid #9e3300;
    border-left:1px solid #9e3300;
	color:transparent;
}

#appleNav li:first-child a{

	color:transparent;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#appleNav li:first-child a img {
   vertical-align:middle; margin-top:-4px;
}

#appleNav li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    border-bottom:1px solid #9e3300;
    border-right:1px solid #9e3300;
   
}

/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#appleNav {
     -webkit-animation: showMenu 1s; position:relative;
}

/* Apple Navigation Brown */

#appleNav-brn { margin:0; list-style:none;

    /* Lucinda Grande is the font used on the website from Apple. */
    font-family: "BandaRegular", Trebuchet MS, sans-serif; letter-spacing:-0.5px; font-size:15px;
    
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #808080;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:100%; height:35px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    /*-moz-box-shadow: 0px 4px 4px #cecece;
    -webkit-box-shadow: 0px 4px 4px #cecece;
    box-shadow: 0 4px 4px #cecece;*/
	padding: 0;
}

#appleNav-brn li { display:block; float:left; border-right:1px solid #747474; border-left:1px solid #747474; width: 14.06%; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;

    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #77655f), color-stop(0.5, #81706A), color-stop(0.51, #85706A), color-stop(1, #BE9C91));
    background-image: -moz-linear-gradient(center bottom, #77655f 0%, #81706A 50%, #85706A 51%, #BE9C91 100%);
    background-color:#77655f; /* Fallback */
}

/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav-brn li:hover {
 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */

    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering 
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;*/
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") 
#appleNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
   /* -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}*/

#appleNav-brn li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

/* Styling of the search field */
#appleNav-brn form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;

    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: url("../website/assets/img/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #e64a00), color-stop(0.5, #e64a00), color-stop(0.51, #f75b06), color-stop(1, #f75b06));
    background-image: url("../website/assets/img/magnifier.png"), -moz-linear-gradient(center bottom,  #e64a00 0%, #e64a00 50%, #f75b06 51%, #f75b06 100% );
    background-repeat: no-repeat;
    
    background-color:#e64a00; /* Fallback */
    
    -moz-box-shadow: inset 0 2px 1px 1px #757575;
    -webkit-box-shadow: inset 0 2px 1px 1px #757575;
    box-shadow: inset 0 2px 1px 1px #757575; 
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#appleNav-brn li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;

}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#appleNav-brn li:first-child a img {
   vertical-align:middle; margin-top:-4px;
}

#appleNav-brn li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;

   
}

/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#appleNav-brn {
     -webkit-animation: showMenu 1s; position:relative;
}

/* Apple Navigation White */

#appleNav-white { margin:0; list-style:none;

    /* Lucinda Grande is the font used on the website from Apple. */
    font-family: "BandaRegular", Trebuchet MS, sans-serif; letter-spacing:-0.5px; font-size:15px;
    
    /* Apply a subtle text-shadow to the text */
    

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:100%; height:35px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    /*-moz-box-shadow: 0px 4px 4px #cecece;
    -webkit-box-shadow: 0px 4px 4px #cecece;
    box-shadow: 0 4px 4px #cecece;*/
	padding: 0;
}

#appleNav-white li { display:block; float:left; border-right:1px solid #C2C2C2; border-left:1px solid #C2C2C2; width: 14.06%; height:34px; border-bottom:1px solid #8B8B8B; border-top:1px solid #797979;

    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E7E7E7), color-stop(0.5, #CCCCCC), color-stop(0.51, #DADADA), color-stop(1, #E4E4E4));
    background-image: -moz-linear-gradient(center bottom, #E7E7E7 0%, #CCCCCC 50%, #DADADA 51%, #E4E4E4 100%);
    background-color:#E7E7E7; /* Fallback */
}

/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav-white li:hover {
 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FDFDFD), color-stop(0.5, #CCCCCC), color-stop(0.51, #DBDBDB), color-stop(1, #FFFFFF));
    background-image: -moz-linear-gradient(center bottom, #FDFDFD 0%, #CCCCCC 50%, #DBDBDB 51%, #FFFFFF 100% );
    background-color:#FDFDFD; /* Fallback */

    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering 
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;*/
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") 
#appleNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
   /* -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}*/

#appleNav-white li a { color:#d95121; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

/* Styling of the search field */
#appleNav-white form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;

    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: url("../website/assets/img/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #e64a00), color-stop(0.5, #e64a00), color-stop(0.51, #f75b06), color-stop(1, #f75b06));
    background-image: url("../website/assets/img/magnifier.png"), -moz-linear-gradient(center bottom,  #e64a00 0%, #e64a00 50%, #f75b06 51%, #f75b06 100% );
    background-repeat: no-repeat;
    
    background-color:#e64a00; /* Fallback */
    
    -moz-box-shadow: inset 0 2px 1px 1px #757575;
    -webkit-box-shadow: inset 0 2px 1px 1px #757575;
    box-shadow: inset 0 2px 1px 1px #757575; 
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#appleNav-white li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    border-bottom:1px solid #8B8B8B;
    border-left:1px solid #8B8B8B;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#appleNav-white li:first-child a img {
   vertical-align:middle; margin-top:-4px;
}

#appleNav-white li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    border-bottom:1px solid #8B8B8B;
    border-right:1px solid #8B8B8B;
   
}

/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#appleNav-white {
     -webkit-animation: showMenu 1s; position:relative;
}


#footer-outer{
	height:40px;
	background-color:#77655f;
	color:#fff; 
	position:fixed;
	bottom:0;
	left:0;
	margin:0;
	width:100%;
	clear:both;
	z-index:999;
}
 
#inner-footer{
width:75%;
margin: auto;
height: 100%;
text-align: right;
line-height: 40px;
font-family: Trebuchet MS, sans-serif !important;
font-size:small;
position: relative;
}

.footer-nav{
position:absolute;
right: 0;
}

.slider-container-inner{
margin:auto;
width:965px; 
height:100%; 
position:relative;
display:table;
}

.slider-image{
height: 100%;
width: 50%;
display: table-cell;
vertical-align: bottom;
text-align: center;
}

.slider-image img{
max-width:100%;
margin-bottom:-5px;
}

.slide-elements{
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: left;
}

.enhance_head{
			color: #d95121; 
			text-shadow: none; 
			font-weight: normal; 
			font-size: 30px !important; 
			line-height: 28px !important; 
			border-style: none; 
			font-family: "BandaRegular", Trebuchet MS, sans-serif !important;
			padding: 10px;
			padding-left: 0;
		}
		
.enhance_p{
			color: #78655f; 
			text-shadow: none; 
			font-size: 20px !important; 
			line-height: 24px !important; 
			border-style: none; 
			font-family: Trebuchet MS, sans-serif !important;
			padding: 10px;
			padding-left: 0;
		}
	
.enhance_a_orange{	
		padding: 10px;
		padding-left: 0;
		}
		
.enhance_a_orange a{
			color: #d95121; 
			text-shadow: none; 
			font-weight: normal; 
			font-size: 15px !important; 
			line-height: 18px !important; 
			border-style: none; 
			font-family: Trebuchet MS, sans-serif !important;
			text-decoration: none;
			
		}
p{
font-family: Trebuchet MS, sans-serif !important;
}
		
.logo-slider-inner{
padding:40px 10px 10px;
padding-left: 0;
display:none;
}

#logo{
float:right;
position: relative;
top: 50%;
margin-top: -35px;
}

#about{
position: relative;
top: 50%;
margin-top: -27px;
}

#logo-slider img{
float:right;
}


.slide-bg-color-1{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

}

.slide-bg-color-2{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

}

.slide-bg-color-3{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

}

.slide-bg-color-4{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

}

#top-container{
width:100%;
padding-top: 75px;
height:350px !important;
background-image: url(http://enhancesys.com/img/screen1_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-color: #D95121;
text-align:center;
}

#top-container a{
color:#fff;
}

#center-container{
width:100%;
padding-bottom: 70px;
}

.textured-background{
background-image: url(http://enhancesys.com/img/bg_texture.jpg);
background-repeat: repeat;
}

#top-container-inner{
width:975px;
margin: auto;
padding:10px 15px;
color:#fff;
display:inline-block;
text-align:left;
}

#top-container-inner h1{
margin-top:0;
font-size:32px;
}

#center-container-inner{
width:975px;
margin: auto;
padding:10px 15px;
}

.center-container-inner{
width:975px;
margin: auto;
padding:10px 15px;
}

.inner-container .content-part{
width: 47%;
padding: 0 10px;
float: left;
}

.inner-container .content-part ul{
margin:0;
text-indent: 0px;
padding: 0;
}

.inner-container .content-part ul li{
line-height:22px;
font-family: Trebuchet MS, sans-serif !important;
color: #b09a93;
margin-bottom: 20px;
list-style: none;
height:75px;
padding-left: 60px;
font-size:14px;
}

.inner-container{
width: 100%;
display: inline-block;
}

#center-container h3{
color: #796761;
font-size: 26px;
line-height: 27px;
font-weight: normal;
}

.content-part{
width: 50%;
padding: 0 10px;
font-size: 16px;
}

.content-part h1{
font-size: 32px;
}

.video-part{
width: 46%;
padding: 10px;
}

.pull-left{
float:left !important;
}

.pull-right{
float:right !important;
}

.inside-shaddow {
width: 980px;
margin: 0 auto;
background-image: url(http://enhancesys.com/img/header_under.png);
background-position: top center;
background-repeat: no-repeat;
height: 20px;
}

.bottom-info{
background-color: #fff;
width: 100%;
border-top: 1px solid #ddd;
}

.bottom-info-inner{
width:975px;
margin:auto;
font-family: Trebuchet MS, sans-serif !important;
color: #796761;
height: 270px;
padding-bottom: 40px;
}

.bottom-info-inner .content-part{
width: 47%;
padding: 0 10px;
float:left;
}

.bottom-info-inner input{
width: 93%;
height: 20px;
padding: 5px;
}

.bottom-info-inner input[type="submit"]{
width: 50px;
height:30px;
}

a{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #d95121;
font-size: 14px;
}

.contact-us-form-left{
width: 49%;
float: left;

margin-right: 9px;
margin-top: 10px;
}

.contact-us-form-right{
width: 49%;
float: left;

margin-top: 10px;
}

.contact-us-msg{
width:100%;

}

#contact-us-form label,#group1 label{
font-size:14px;
}

#contact-us-form input[type="text"], #contact-us-form input[type="email"], #contact-us-form select, #contact-us-form textarea,
#group1 input[type="text"], #group1 input[type="email"], #group1 select, #group1 textarea{
width:99%;
}

#contact-us-form input[type="text"], #contact-us-form input[type="email"], #contact-us-form select,
#group1 input[type="text"], #group1 input[type="email"], #group1 select{
height:28px;
}

#contact-us-form input[type="text"],#contact-us-form input[type="email"],
 #group1  input[type="text"], #group1  input[type="email"]{
padding-left:3px;
width: 96%;
}

.icon-sets{
background-repeat: no-repeat;
background-size: 43px;
}

.cross-sell{
background-image: url(./images/inner-pages/SPOC-cross-selling.png);
}

.time-2-market{
background-image: url(./images/inner-pages/SPOC-time-2-market.png);
}

.social-networks{
background-image: url(./images/inner-pages/SPOC-social-networks.png);
}

.interface{
background-image: url(./images/inner-pages/SPOC-interface.png);
}

.customer-engagement{
background-image: url(./images/inner-pages/SPOC-customer-engagement.png);
}

.snoc-stock-mgmt{
background-image: url(./images/inner-pages/SNOC-stock-mgmt.png);
}

.snoc-mobile-app{
background-image: url(./images/inner-pages/SNOC-mobile-app.png);
}

.snoc-heirarchy{
background-image: url(./images/inner-pages/SNOC-hierarchy.png);
}

.snoc-delivery{
background-image: url(./images/inner-pages/SNOC-delivery.png);
}

.sece-single-screen{
background-image: url(./images/inner-pages/SECE-single-screen.png);
}

.sece-reduction{
background-image: url(./images/inner-pages/SECE-reduction.png);
}

.sece-shortening{
background-image: url(./images/inner-pages/SECE-training.png);
}

.sece-fcr{
background-image: url(./images/inner-pages/SECE-FCR.png);
}

.background-parallax{
background-attachment: scroll;
background-repeat: no-repeat;
height: 300px;
position: relative;
background-position: center 76%;
background-size: 980px auto;
}

.background-parallax-spoc{
background-attachment: scroll;
background-repeat: no-repeat;
height: 300px;
position: relative;
background-position: center 10%;
background-size: 980px auto;
}

.background-parallax-sece{
background-attachment: scroll;
background-repeat: no-repeat;
height: 300px;
position: relative;
background-position: center 47%;
background-size: 980px auto;
}

.bg-snoc{
background-image: url(images/inner-pages/SNOC-bg.jpg);
} 

.bg-spoc{
background-image: url(images/inner-pages/parallax_bg.jpg);
}

.bg-sece{
background-image: url(images/inner-pages/SECE-bg.jpg);
}

.parallax-caption-outer{
display: table;
width: 75%;
margin: auto;
height: 100%;
}

.parallax-caption-inner{
display: table-cell;
vertical-align: middle;
text-align: center;
}

.parallax-caption-inner h3 span{
color:#fff;
background: #D95121;
width: auto;
padding: 10px;
}

footer a {
color: #bca59e;
text-decoration: none;
}

footer a:hover {
color: #fff;
}

.sub_pageheader_news {
background-image: url(../img/sub_pageheader_say.png);
background-repeat: no-repeat;
height: 289px;
background-position-y: -17px;
}

.sub_pageheader_thanks {
background-image: url(img/sub_pageheader_thanks.png);
background-repeat: no-repeat;
height: 289px;
background-position-y: -17px;
}
.sub_pageheader_people {
background-image: url(../img/sub_pageheader_people.png);
background-repeat: no-repeat;
height: 225px;
background-position-y: -10px;
background-position-x: -30px;
background-size: 240px;
}

.sub_pageheader_contact {
background-image: url(../img/sub_pageheader_contact.png);
background-repeat: no-repeat;
height: 240px;
background-position-y: -20px;
background-position-x: -20px;
}

.sub_pageheader_board{
background-image: url(../img/sub_pageheader_board.png);
background-repeat: no-repeat;
height: 289px;
background-position-y: -10px;
}

.heading-bg  h3{
color: #fff !important;
font-size: 17px !important;
padding-top: 2px;
padding-left: 10px;
background-image: url(../img/underbox_600.png);
height: 35px;
background-repeat: no-repeat;
}

.heading-bg-300  h3{
color: #fff !important;
font-size: 17px !important;
padding-top: 2px;
padding-left: 10px;
background-image: url(../img/underbox_300.png); 
height: 35px;
background-repeat: no-repeat;
}

#news-element {
padding-right: 30px;
margin-top: 10px;
margin-bottom: 40px;
}

#news-element .news-title {
color: #796761;
font-size: 26px;
display: block;
text-decoration: none;
}

#news-element .news-info {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #d95121;
font-size: 14px;
font-weight: bold;
}

#news-element p {
margin-top: 10px;
}

#news-element .news-link {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #d95121;
font-size: 13px;
text-decoration: none;
display: block;
background-image: url(../img/minico_doc.png);
background-repeat: no-repeat;
padding-left: 20px;
}

#news-nav {
padding-top: 10px;
border-top: 1px dashed #ccc;
text-align: right;
}

#news-nav a:hover, #news-nav a.selected {
background-color: #d95121;
}

#news-nav a {
display: block;
float: left;
width: 20px;
height: 20px;
text-align: center;
font-size: 12px;
line-height: 20px;
font-weight: bold;
color: #FFF;
background-color: #796761;
margin: 5px;
text-decoration: none;
}

.spacer {
height: 30px;
}

#down-element li a {
display: block;
text-decoration: none;
background-image: url(../img/minico_down.png);
background-repeat: no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #d95121;
font-size: 14px;
padding-left: 20px;
}

#down-element li {
list-style: none;
margin-top: 5px;
margin-left: 20px;
}

ul#down-element {
padding: 0;
margin: 15px 0;
}

#snoc-features-table{
width: 100%;
background: url(images/inner-pages/S-NOC-features.png) no-repeat center center;
height: 400px;
background-size: 1055px;
}

#snoc-features-table tr td{
font-size: 13px;
color: #fff;
vertical-align: middle;
padding-top: 10px;
width:30%;
}

#sece-features-table{
width: 100%;
background: url(images/inner-pages/S-ECE-features.png) no-repeat center center; 
height: 325px;
background-size: 974px; 
}

#sece-features-table tr td{
font-size: 13px;
color: #fff;
vertical-align: middle;
width:24%;
}

#sece-features-table tr td:first-child{
width:26%;
}

#sece-features-table tr td:first-child div{
padding: 0 68px 0 10px;
}

#sece-features-table tr td:last-child{
width:26%;
}

#sece-features-table tr td:last-child div{
padding: 0 2px 0 70px;
}

.facebook {
background-image: url(../img/social_mini_facebook.png);
display: inline-block;
width: 22px;
height: 22px;
margin-left: 5px;
background-repeat: no-repeat;
top: 5px;
position: relative;
}

.linkedin {
background-image: url(../img/social_mini_linkedin.png);
display: inline-block;
width: 22px;
height: 22px;
margin-left: 5px;
background-repeat: no-repeat;
top: 5px;
position: relative;
}

.linkedin-head{
color: #333;
font-weight: bold;
font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif !important;
font-size: 11px;
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
}

.youtube {
background-image: url(../img/social_mini_youtube.png);
display: inline-block;
width: 22px;
height: 22px;
margin-left: 5px;
background-repeat: no-repeat;
top: 5px;
position: relative;
}
		
.enhance_head{
	width: 100%;
}

.enhance_head span{
	color: #fff;
	background-color:#D95121;
	line-height:50px;
	padding:3px;
}
	
.enhance_p{
	width: 100%;
}
	
.enhance_a_orange{	
	width: 100%;
}

.slider-container-inner {
	padding-top:60px;
}

#top{
	height:75%;
}

#bottom-wrapper{
width:965px;margin:auto;height:100%;
}

#bottom{
height: 20%;
background-color: #f3f3f3;
}

#main
{
	min-height:750px;
}

@media only screen and (max-height: 700px) {

}

@media only screen and (max-width: 1100px) {
.slides-navigation a.prev {
display:none;
}

.slides-navigation a.next {
display:none;
}

}

@media only screen and (max-width: 500px) {

#footer-outer {
position:relative !important;
}

/*
.nav-wrapper nav {
width: 98%;
}

#top-container-inner {
width: 98%;
}

.center-container-inner {
width: 98%;
}

.bottom-info-inner {
width: 98%;
}
*/
}
/* Dropdown Button */
.dropbtn {
    background-color: #CE5403;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
	height: 40px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	height: 40px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f76822;
    min-width: 116px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	height: 40px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    
    text-decoration: none;
    display: block;
	height: 40px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background: rgb(140,45,1);height: 40px;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;height: 40px;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background: rgb(140,45,1);height: 40px;}