/*----------------------------------------------------------------------
Donaldson Mechanical Style Sheet

version:	1.0
author:		Ben Viall
email:		ben@cyberworkshop.co.nz
website:	http://www.cyberworkshop.co.nz
---------------------------------------------------------------------- */

/* 1.BODY and PAGE
---------------------------------------------------------------------- */

body {

    /* background: url("../template/debut_light.png") repeat scroll 0 0 #F2EDEF; */
    color: #75787B;
    font-family: 'Droid Sans', sans-serif;
    margin: 0;
    padding: 0;
	-moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    color: #222222;
    font-size-adjust: none;
    font-stretch: normal;
    font-variant: normal;
    line-height: 1.2;
}

html, body {
height: 100%;
}


.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -92px;
}

#page-grapple .wrapper {
  min-height: auto;
height: auto;
margin: 0px;
}

.th {
    margin-bottom: 10px;
}


#page-contact .wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -92px;
}


#page-contactAlt .wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -92px;
}
    
}


.footer, .push {

clear: both;
}


.dropTitle .dropArrow a:hover{
      background-color: #eeeeee;
    }



.fourtyThree {
    margin-top:43px;
}

#contentContainer h1.alt {
    margin-bottom:20px;
}


/* Map Styles */

#map_canvas {
        /*width: 425px;*/
        height: 350px;
        background-color:#ccc;
      }



      #surabaya {
        width: 425px;
        height: 350px;
        background-color:#ccc;
      }



#background {
    background-image: url("../template/Duxson9.jpg"), url("../template/debut_light.png");
    background-repeat:  no-repeat, repeat;
    background-position: center bottom, center;
    background-size: cover, auto;

}

.background {
    background-image: url("../template/Duxson2.jpg"), url("../template/debut_light.png");
    background-repeat:  no-repeat, repeat;
    background-position: center bottom, center;
    background-size: cover, auto;

}

#page-home.background {
background-image: url("../template/NewBackground4.jpg");
background-position: center center;

}



#page-grapple.background {
background-image: url("../template/Duxson2.jpg"), url("../template/debut_light.png");
background-size: contain, auto;
}


.background {
    color: #45494D;
    font-family: 'Open Sans', sans-serif;	
    margin: 0;
    padding: 0;
	min-height:700px;
}

#contentContainer {
    text-shadow: 0 1px 0 #FFFFFF;
}

#page-home #contentContainer {
        padding-bottom: 58px;
    }




#DuxsonPanel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    border-image: none;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: block;
    opacity: 0.85;
    overflow: hidden;
    padding: 3%;
    position: relative;
    margin-bottom:47px;
    margin-top:32px;
}

#HomePanel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #EAEDF0;
    border-image: none;
    border-top: 1px solid #EAEDF0;    
    display: block;
    opacity: 1;
    overflow: hidden;
    padding: 3%;
    position: relative;
    margin-bottom:47px;
    margin-top:32px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.95);
    border: 3px solid #FFFFFF;
     border-radius: 5px;
}

#HomePanel p {
    margin-bottom:1em;
}



#contentContainer .duxsonCopy h1 {
font-size:1.15em;
margin:0px;
}

.cyber:hover {
    color: #5C5E5F;
}



/* Testimonial area
---------------------------------------------------------------------- */

ul, ol, dl {
    font-size: 0.9em;
}

.circle {
    border-radius: 50%;
}

.add-bottom {
    margin-bottom: 30px !important;
}

.sections p {
    font-size: 75%;
}

.sections a.btn:link, .sections a.btn:visited {
    color: #878787;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 85%;
    font-weight: 400;
}

h5.alt, footer h5.alt, .testimonials h5.alt, .recent-news h5.alt, .alpha h5.alt {
    border-bottom: 1px solid rgba(127,130,133, 0.2);
    font-size: 1.2em;
    margin-bottom: 20px;
    padding: 0 0 10px;
}

h1.alt {
    border-bottom: 1px solid rgba(127,130,133, 0.2);
    font-size: 1.2em;
    margin-bottom: 20px;
    padding: 0 0 10px;
}





#page-contact h5.alt, footer h5.alt, .testimonials h5.alt, .recent-news h5.alt, .alpha h5.alt {
    margin-top: 20px;
}

.testimonial-list {
    margin: 0 0 15px;
    overflow: hidden;
}

.testimonial-img {
    float: left;
    width: 68px;
}

.testimonial-txt {
    background: none repeat scroll 0 0 #F2EDE4;
    border: 5px solid #F2EDE4;
    border-radius: 5px;
    float: left;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: italic;
    font-weight: 400;
    margin: 4px 0 0 25px;
    padding: 12px;
    position: relative;
    width: 77%;
}

.testimonial-txt:before {
    border-color: #F2EDE4 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 20px 20px 0;
    content: "";
    left: -25px;
    position: absolute;
    top: 29px;
}


.interior > p {
    padding-top: 10px;
}


/* Colour the orbit arrows
---------------------------------------------------------------------- */

.orbit-container .orbit-next > span {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #555555;
    border-left-style: solid;
    left: 50%;
    margin-left: -4px;
}


.orbit-container .orbit-prev > span {
    border-color: rgba(0, 0, 0, 0) #555555 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-right-style: solid;
}

.orbit-container .orbit-timer .orbit-progress {
    background-color: rgba(85, 85, 85, 0.3);
    display: block;
    height: 3px;
    position: relative;
    right: 20px;
    top: 5px;
    width: 0;
}

#featured.orbit-slide img {
     margin: 0 auto;
     position: relative;
     display: block;
 }


#hero {
    margin: 0px 0 30px;
    position: relative;
    z-index: 1;
}

#hero h2 {
    color: #F4EFE4;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0 0 10px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
    text-transform: none;
}

#hero p {
    color: #F4EFE4;
    font-size: 0.85em;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}

.slide-wrap {
    height: 100%;
    left: 0;
    max-width: 1000px;
    position: absolute;
    right: 0;
}


.hero-description {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    margin: 0;
    padding: 80px 70px;
    text-align: left;
}


.panel {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #F2EDE4;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}

.caseStudy {
    background-color: #F2EDE4;
     border-top: 1px solid #D9D1C7;
    border-bottom: 1px solid #D9D1C7;
    padding: 25px 0;
}

.ourProcess {
    background-color:#f2ede4;
    padding: 25px 0;
}

/* Typography
---------------------------------------------------------------------------------------*/

p {
    color: #45494D;
    font-family: open sans;
    font-size: 0.9em;
}


#page-subcat #contentContainer h1, #page-subcat #contentContainer h2, #page-subcat #contentContainer h3, #page-subcat #contentContainer h4, #page-subcat #contentContainer h5, #page-subcat #contentContainer h6 {
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    text-rendering: optimizelegibility;
    text-transform: none;
}

#page-subcat #contentContainer h1 {
margin: 0 0 0.5rem 0;
text-align: left;
}

/* if no slider */
 #page-subcat #contentContainer {
padding-top: 25px;
} 


h1 {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    color: #222222;
    font-size: 44px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 44px;
	 -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
 }

h1 { font-family: 'open sans condensed', Arial, serif;
	font-weight:700;
  text-shadow:0 1px 0 rgba(255,255,255,0.75);
  color:#4E464E;
  -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
	}


#page-subcat #contentContainer h2 {
      font-size: 1.8em;
      font-weight: 300;
}

#page-subcat #contentContainer h3 {
    font-size: 1.6em;
    font-weight: 300;
    margin-top: 0px;
    text-align: left;
    color:#3F5666;
    }

    #page-subcat #contentContainer h4 {
    font-size: 1.4em;
    font-weight: 300;
    margin-top: 0px;
    text-align: left;
    }


   #page-subcat #contentContainer h5 {
    font-size: 1.2em;
    font-weight: 300;
    margin-top: 0px;
    text-align: left;
    }
  
 
p {
  font: 'Open Sans', Verdana, Helvetica, sans-serif;
  font-weight:400;
}


/* Social media icon colours */


.utility{
    float: right;
    margin: 12px 0 0;
    overflow: hidden;
    padding: 0;
}
.utility li{
    display: inline;
    float: left;
    padding: 0;
}
    .utility a:link,
    .utility a:visited{
        color: #666A73;
        display: block;
        font-size: 1.1em;
        padding: 8px 10px;
    }
    .utility li:first-child a{
        padding-left: 20px; }
    .utility li:last-child a{
        padding-right: 20px;    }
    .utility a:active,
    .utility a:hover{
        color: #8C8681;
    }
#utn-0,
#utn-1,
.utility .utn-0,
.utility .utn-1{
    display: none;
}

/* dropodown arrow colour in nav - needs modding in Foundation.css */
.dropdown.button:before {
    border-color: #F2EDEF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.dropdown.button:before {
    border-color: #F2EDEF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; } 


#footer  {
  font-size:0.95em;
  background-color:#eeeeee;
}

strong, b {
color:#75787B;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75)
}


#contentContainer h1 {
	font-size: 2em;
	margin: 26px 0px 0px 0px;
	font-weight:400;
}


#contentContainer h1 {
	font-size: 1.7em;
	margin: 26px 0px 0px 0px;
	font-weight: 600;
}



#contentContainer h3 {
	font-size: 1em;
    font-weight: normal;
    margin-top: -4px;
    text-align: center;
    color:#2f3540;
}

#page-packages .packages h3 {
   // font-family: 'Bree serif', Arial, serif; //
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #4E464E; 
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
	text-align:left;
	font-size:1.3em;
}

/* override the Orbit caption style */

.orbit-container .orbit-slides-container > * .orbit-caption {
    bottom: -1.7em;
    color: #000000;
    font-size: 0.875rem;
    padding: 10px 14px;
    position: absolute;
    text-align: center;
    width: 100%;
    background-color: transparent;
}


.orbit-bullets {
    top: 25px;
}


/* 5.LAYOUT
---------------------------------------------------------------------- */

#masthead {
	height:148px;
    background-color: rgba(255, 255, 255, 0.9); 

   /* background: url("../template/textureGrainV2.png") repeat scroll 0 0 transparent; */

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

}

#page-grapple #masthead {
    height:148px;
    background-color: rgba(255, 255, 255, 0.9);

 

   /* background: url("../template/textureGrainV2.png") repeat scroll 0 0 transparent; */

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

}

#page-contact #masthead {
    height:148px;
    background-color: rgba(255, 255, 255, 0.9);

 

   /* background: url("../template/textureGrainV2.png") repeat scroll 0 0 transparent; */

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

}


#page-contactAlt #masthead {
    height:148px;
    background-color: rgba(255, 255, 255, 0.9);

 

   /* background: url("../template/textureGrainV2.png") repeat scroll 0 0 transparent; */

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

}


.contentContainer {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	padding: 20px;
}

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

    background: url("../template/debut_light.png") repeat scroll 0 0 transparent; 

}

.contentContainerReversed {
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    padding: 20px;
}


#page-home #contentContainer {
box-shadow: none;
}


#page-home #contentContainer {
background: url("../template/debut_light.png") repeat scroll 0 0 #F2EDEF; 
}


#page-privacy #contentContainer {

}

#privacy {
	padding-top:40px;
	padding:20px;
}

/* #Logo2 {
    display: block;
    position: relative;
    top: 72px;
    width: 400px;
} */




 #Logo2 {
    display: block;
    position: relative;
    top: 57px;
    width: 510px;
} 

 #Logo3 {
    display: block;
    position: relative;
    top: 37px;
    width: 300px;
} 




#page-packages p {
	text-align:center;
}

#slideshow1 {
	margin-top:45px;
	overflow-x: hidden;
    overflow-y: hidden;
}

.packages {
	margin-bottom:20px;
	text-align:left;
}

#page-contact .panel {
	margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
	padding-bottom: 20px;
}

button.cyber, .button.cyber {
    background-color: #696969;
	float:right;
    border-color: #4f4f4f;
    color: white; }
    button.cyber:hover, button.cyber:focus, .button.cyber:hover, .button.cyber:focus {
      background-color: #4f4f4f; }
    button.cyber:hover, button.cyber:focus, .button.cyber:hover, .button.cyber:focus {
      color: white; }


.footer-to-top a {
    padding: 0 0 0 7px;
    position: absolute;
    right: 0;
    z-index: 5;
}
html, .footer-to-top a {
    background-color: #FBFBFB;
}


.footer-to-top .line {
    border-top: 1px solid #E6E6E6;
    float: left;
    height: 1px;
    margin-top: 9px;
    width: 90%;
}

.inline-icon-top {
    background-position: 0 -14px;
}
a:hover .inline-icon-top {
    background-position: -14px -14px;
}

.inline-icon-pdf, .inline-icon-video, .inline-icon-top {
    background-image: url("/enterprise/apps/images/common/ui_sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin: 0 6px -2px 0;
    width: 14px;
}


.inline-icon-pdf, .inline-icon-video, .inline-icon-top {
    background-image: url("../template/ui_sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin: 0 6px -2px 0;
    width: 14px;
}






/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 640px)
 {
 #page-portfolio #contentContainer p {
	 margin: 26px 20px;
 }
  #page-packages #contentContainer p {
	 margin: 26px 20px;
 }
 #slideshow1 .pics img {
	 display:none;
 }
}



figure {
    height: 364px;
    position: relative;
    width: 280px;
}

figure img {
    display: block;
}

.ie figure img {
    float: left;
}

figure.web {
    background: none repeat scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

figure.web header {
    background: url("../images/figure-web-header.png") repeat-x scroll left top #DDDDDD;
    border: 1px solid #BFBFBF;
    border-radius: 4px 4px 0 0;
    height: 15px;

}
figure.web footer {
    background: url("../images/figure-web-footer.png") repeat-x scroll left top #DDDDDD;
    border: 1px solid #BFBFBF;
    border-radius: 0 0 4px 4px;
    height: 5px;
}

figure.web .border {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    bottom: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 15px;
	}

article.grey, section.grey, div.grey, form.grey {
    background: none repeat scroll 0 0 #F4F4F4;
    border-top: 1px solid #F4F4F4;
    padding-bottom: 40px;
	border-radius:5px 5px 5px 5px;
}
.ie article.grey, .ie section.grey, .ie div.grey, .ie form.grey {
}

figure {
    height: auto;
    margin: 0px auto;
    width: 75%;
}

#page-portfolio .orbit-container {
	position:absolute;
	height:85px;
	background-color: transparent;
	top:18px;
	right:0px;
}





/* 6.FOOTER
---------------------------------------------------------------------- */

#footer {
	color: #666666;
    font-size: 0.95em;
    font-weight: normal;
    line-height: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
    padding-top: 0px;
	border-top: 1px solid #FFFFFF;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) inset;
}

#footer .nav-footer > li, #footer #nav-legal > li {
    border-right: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 5px;
    margin-right: 8px;
    margin-top: 5px;
    padding-right: 8px;
}

#footer #copyright {
    border-right: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 5px;
    margin-right: 8px;
    margin-top: 5px;
    padding-right: 8px;
}

#footer #m-copyright {
    border-right: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
  
}




.main-navigation {  
	display: block;
    float: right;
    position: relative;
    text-align: right;
    top: 37px;
    width: 70%
}

.main-navigation ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a {
}
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a {
}
.main-navigation a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    border-radius: 2px 2px 2px 2px;
    color: #AAAAAA;
    display: block;
    padding: 3px 18px;
    text-decoration: none;
}

.main-navigation li {
    display: inline-block;
    margin: 0 0 0 3px;
    position: relative;
}


.main-navigation a:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}



.button {
    background: none repeat scroll 0 0 #00A6FC;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 1;
    padding: 9px 34px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.button.nice {
    background: url("../images/misc/button-gloss.png") repeat-x scroll 0 -34px #00A6FC;
    border: 1px solid #0593DC;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28);
    transition: background-color 0.15s ease-in-out 0s;
}

.black.button {
    background-color: #141414;
}

.black.button:hover {
    background-color: #000000;
}

.medium.button {
    font-size: 13px;
    width: auto;
}

.nice.black.button {
    border: 1px solid #000000;
}


#modulesContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    color: #666666;
    font-size: 100%;
    font-weight: normal;
    line-height: 14px;
}



#header {
    position: relative;
    z-index: 200;
	height:120px;

}


#header .disclaimer {
    color: #999999;
    display: block;
    padding: 100px 0 7px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
#header .disclaimer a {
    color: #CCCCCC;
}


#Logo {
    display: block;
    float: left;
    height: 75px;
    position: absolute;
    width: 278px;
	top:5px;
}



ul.cybernav {
	margin:0;
	padding:0;
	list-style:none;
	background: #FAA819 repeat-x;
	
	  background: -moz-linear-gradient(center top , #796B6B, #464645) repeat scroll 0 0 transparent;
    border-color: #535352;
    border-left: 4px solid #535352;
    border-right: 4px solid #535352;
    border-style: solid;
    border-width: 4px;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
	position: relative;
    top: 35px;
	float: right;
	
	
	}

ul.cybernav li {
	float:left;
}

ul.cybernav a {
	display: block;
	padding: 0 2em;
	line-height: 2.1em;
	text-decoration:none;
	color: #fff;
}


button:hover, button:focus, .button:hover, .button:focus {
    color: red;
}




ul.topnav {
    list-style: none outside none;
    float: right;
    position: relative;
	z-index:20000;
	top: 17px;
}



ul.topnav li {
    margin: 0;
    padding: 0 0px 0 0;
    position: relative;
}
ul.topnav li a {
   background: none;
    border-radius: 2px 2px 2px 2px;
    color: #F2EDEF;
    display: block;
     padding: 3px 18px;
    text-decoration: none;
   

	
}

ul.topnav li a:hover {
     background-color:transparent;
    }

    #drop li a:hover {
          background-color:#F2EDEF;
          color:#2F3540;
    }

ul.topnav li a:hover {
     background-color: rgba(0, 0, 0, 0);
     color:#e6e1d8;
    }

ul.topnav li span {
    background: url("../template/subnav_btn.gif") no-repeat scroll center top transparent;
    float: left;
    height: 35px;
    width: 17px;
}
ul.topnav li span.subhover {
    background-position: center bottom;
    cursor: pointer;
}
ul.topnav li ul.subnav {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #111111;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 35px;
    width: 170px;
}
ul.topnav li ul.subnav li {
    border-bottom: 1px solid #444444;
    border-top: 1px solid #252525;
    clear: both;
    margin: 0;
    padding: 0;
    width: 170px;
}
html ul.topnav li ul.subnav li a {
    background: url("../template/dropdown_linkbg.gif") no-repeat scroll 10px center #333333;
    float: left;
    padding-left: 20px;
    width: 145px;
}
html ul.topnav li ul.subnav li a:hover {
    background: url("../template/dropdown_linkbg.gif") no-repeat scroll 10px center #222222;
}
#header img {
    margin: 20px 0 10px;
}
#page-home .link-home a, #page-portfolio .link-portfolio a, #page-services .link-services a, #page-packages .link-packages a, #page-contact .link-contact a, #page-about .link-about a {
    background: none repeat scroll 0 0 #115A7D;
    color: #ffffff;
}


.pics {  
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
   	height: 571px;
} 
 
.pics img {  
    padding: 0px; 
    top:  0; 
    left: 13px;
	text-align:center;
} 



#copyBlock {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    color: #75787B;
    margin: 0 auto 0;
    position: relative;
	padding:1px;
	margin-top:10px;   
	margin-bottom:5px;   
} 



#slideshow {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    margin: 0 auto 0;
    position: relative;
	padding:1px;
	margin-top:10px;   
	margin-bottom:5px;   
} 

#slideshow2{
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 3px;
    color: #FFFFFF;
    position: relative;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.post {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 20px;
    position: relative;
	margin-top:10px; 
 }
 
 
 
 #indented ul {
	margin: 10px 0; padding: 0;
	list-style: none;
	margin-bottom:none;
	margin-top:10px;
}
#indented ul li {
	border-top: 1px solid #333;
	border-bottom: 1px solid #111;
	border-left: 3px solid #555555;
}
#indented ul li:first-child {border-top: none;}
#indented ul li:last-child {border-bottom: none;}
#indented ul li a {
	padding: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
}
#indented ul li:hover {
	background: #111;
	border-left: 3px solid #C5E86A;
	}
 
 
 footer.row {
    margin-top: 45px;
    padding-top: 20px;
}


#featured { 
	width: 626px;
	height: 466px;
	background: #000 url('../template/loading.gif') no-repeat center center;
	overflow: hidden; 
	z-index: 10;
}
#featured img,  
#featured div { display: none; }	





#featured .content {
    background: url("../images/coffee.jpg") repeat scroll 0 0 transparent;
}
#featured .content h1 {
    color: #2F260F;
    font-family: 'ProximaNovaRegular','Georgia',serif;
    font-size: 40px;
    font-weight: normal !important;
    margin-top: 190px;
    text-align: center;
    text-shadow: 1px 1px 0 #F8F0D1, 2px 2px 0 #F8F0D1, 3px 3px 0 #1A5774;
    text-transform: uppercase;
}
#featured .content h3 {
    color: #7F6B37;
    font-family: 'ProximaNovaRegular','Georgia',serif;
    font-size: 20px;
    font-weight: normal !important;
    text-align: center;
    text-transform: uppercase;
}



.desc {
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 10px;
    width: 680px;
	background: none repeat scroll 0 0 #111111;
    margin-top: 10px;
	line-height:2em;
}


/* Pre-loading animation; try a base64 encoded animated gif for best results */
.slideshow
{
    background: url(../images/loading.gif) center center no-repeat;
}

/* Prevent bullets showing before .orbit-container is loaded */
.slideshow ul
{
    list-style-type: none;
    margin: 0;
}

/* Hide all list items... */
.slideshow ul li
{
    display: none;
}

/* ...and their captions... */
.slideshow ul li .orbit-caption
{
    display: none;
}

/* ...except for the first one. */
.slideshow ul li:first-child
{
    display: block;
}

/* Override default Foundation Orbit background color */
.slideshow .orbit-container
{
    background-color: transparent;
}

/* Show list items when .orbit-container is loaded */
.slideshow .orbit-container li
{
    display: block;
}

/* Show captions too */
.slideshow .orbit-container li .orbit-caption
{
    display: block;
}


.compare_col_left_wrapper {
    margin: 0 0px 0 0;
}
.compare_col_wrapper {
    margin: 0px 0 0;
    position: relative;
}
.compare_col_wrapper_mobile {
    background-color: #FFFFFF;
    border-radius: 10px 0 10px 0;
    box-shadow: 2px 2px 6px 3px #999999;
    margin: 0;
    position: relative;
}
.compare_col_padding {
    padding: 5px;
}
.compare_col {
}
.compare_col_sml {
    height: 350px;
}
.compare_col_sml2 {
    height: 376px;
}
.compare_col_header_wrapper {
    border-bottom: 1px solid #323232;
}
.compare_col_header_padding {
    padding: 3px 0 0;
}
.compare_col_header {
    left: -37px;
    position: relative;
}
.compare_col_image_wrapper {
    left: 45px;
    position: relative;
    top: -15px;
}
.compare_col_text_wrapper {
}
.compare_col_text_padding {
    padding: 0 15px;
}
.compare_col_text {
    color: #666666;
    font-size: 14px;
    line-height: 15px;
	padding-top:0.5em;
	padding-bottom:1.25em;
	padding-left:30px;
	padding-right:30px;
}
.compare_col_text ul {
    list-style: disc outside none;
    margin: 0 0 0 5px;
    padding: 0 0 0 25px;
}

.large.button {
    font-size: 18px;
    padding: 11px 48px 13px;
    width: auto;
}

.da-thumbs {
	list-style: none;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	padding: 8px;
	position: relative;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
		box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
   border-bottom-width: 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
border-bottom:1px solid #b4b4b4;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(255,255,255,0.7);
	width: 100%;
	height: 100%;
	background-image:url("http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/debut_light.png");
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(78, 70, 78, 0.8);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 0px 0 rgba(255,255,255,0.3);
	    text-align: center;
	font-family: 'open sans condensed';
   
    text-transform: uppercase;
	font-size:1.2em;
}

.da-thumbs li a div span span {

	text-transform: uppercase;
	font-weight: normal;
	margin: 0px 20px 0px 20px;
	padding: 0px 0;
	color: rgba(78, 70, 78, 0.6);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    text-align: center;
	font-family: 'open sans';
       text-transform: uppercase;
	box-shadow: none;
	border-bottom: none;
	font-size:0.7em;
}

.da-thumbs li a div p {

	text-transform: uppercase;
	font-weight: normal;
	margin: 0px 20px 0px 20px;
	padding: 0px 0;
	color: rgba(78, 70, 78, 0.6);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    text-align: center;
	font-family: 'open sans';
       text-transform: lowercase;
	box-shadow: none;
	border-bottom: none;
	font-size:0.7em;
}


.divider {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 26px;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}
	





.cyberworkshop-footer-top .global {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.cyberworkshop-footer-top {
    color: #FFFFFF;
    padding: 20px 0;
}

.cyberworkshop-footer-top .property {
    text-align: center;
}

.cyberworkshop-footer-top .property a {
    color: #FFFFFF;
    font-weight: bold;
}

.cyberworkshop-footer-top .learn-links, .cyberworkshop-footer-top .support-links, .cyberworkshop-footer-top .connect-links {
    background: url("../img/../img/icons/footer-top-icons.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(175, 175, 175, 0.2);
    height: 220px;
    margin-bottom: 30px;
    padding: 50px 0 0;
}


.cyberworkshop-footer-top .property p, .cyberworkshop-footer-top .property li, .cyberworkshop-footer-top .property a {
    color: #666A73;
    font-size: 13px;
    line-height: 21px;
}

.cyberworkshop-footer-top .property h3 {
 font-family:'open sans condensed',Arial,serif;
 color:##4E464E;

    color: #4E464E;
    font-family: 'open sans condensed',Arial,serif;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);

 }

.cyberworkshop-footer-top .property .property-info {
    padding-top: 37px;
}

.cyberworkshop-footer-top .property h4 {
    color: #2F3540;
    font-size: 1.1rem;
    font-weight: 200;
    margin-bottom: 10px;
}

.cyberworkshop-footer-top .learn-links ul, .cyberworkshop-footer-top .support-links ul, .cyberworkshop-footer-top .connect-links ul {
    list-style: none outside none;
    margin-left: 0 !important;
}


.cyberworkshop-footer-bottom {
    background: linear-gradient(to bottom, #40494D 0%, #2B3133 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 24px 0 10px;  
    
    
background-image: -webkit-gradient(
	linear,
	right top,
	right bottom,
	color-stop(0, #404448),
	color-stop(1, #292D31)
);
background-image: -o-linear-gradient(bottom, #404448 0%, #292D31 100%);
background-image: -moz-linear-gradient(bottom, #404448 0%, #292D31 100%);
background-image: -webkit-linear-gradient(bottom, #404448 0%, #292D31 100%);
background-image: -ms-linear-gradient(bottom, #404448 0%, #292D31 100%);
background-image: linear-gradient(to bottom, #404448 0%, #292D31 100%);
}
    
    
    

}
.fi-telephone {
    color:red;
}


.cyberworkshop-footer-bottom .design-border {
    border-bottom: 1px solid #484848;
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.cyberworkshop-footer-bottom a.zurb-logo {
    background: url("../img/icons/footer-icons.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    color: #858585;
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    padding: 23px 0 0;
    width: 90px;
}
.cyberworkshop-footer-bottom a.zurb-logo:hover {
    opacity: 0.8;
}
.cyberworkshop-footer-bottom ul.zurb-links {
    display: inline-block;
    margin: 0;
    padding-bottom: 0;
}
.cyberworkshop-footer-bottom ul.zurb-links li {
    display: block;
    float: left;
    font-size: 0.75rem;
    font-weight: 700;
    margin-left: 6px;
    text-transform: uppercase;
}
.cyberworkshop-footer-bottom ul.zurb-links li a {
    color: #696B6C;
    padding: 3px 6px;
}
.cyberworkshop-footer-bottom ul.zurb-links li a:hover {
    color: #51595d;
}
.cyberworkshop-footer-bottom p.copyright {
    color: #696B6C;
    font-size: 0.75rem;
    margin: 6px 0 0;
}
.cyberworkshop-footer-bottom ul.home-social {
    display: block;
    float: right;
    margin-bottom: 8px;
    margin-left:0px;
}
.cyberworkshop-footer-bottom ul.home-social li {
    display: block;
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}

.cyberworkshop-footer-bottom ul.home-social li:first-child {
    margin-left: 0;
}
.cyberworkshop-footer-bottom ul.home-social li a {
    background: url("../img/icons/social.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
}
.cyberworkshop-footer-bottom ul.home-social li a:hover {
    opacity: 0.8;
}
.cyberworkshop-footer-bottom ul.home-social li a.twitter {
    background-position: center 0;
}
.cyberworkshop-footer-bottom ul.home-social li a.facebook {
    background-position: center -200px;
}
.cyberworkshop-footer-bottom ul.home-social li a.mail {
    background-position: center -400px;
}


.cyberworkshop-footer-top.bg-blue {
    background: none repeat scroll 0 0 #2DAEBF;
}
.cyberworkshop-footer-top.bg-fblue {
    background: none repeat scroll 0 0;
}




.cyberworkshop-footer-top.bg-fblue {
  /*  background-image: url("../img/footer-clouds-with-rainbow.png"); */
    background-repeat: no-repeat;
    bottom: 0;
    background-position: 97% 180%; 
    z-index: 1;
}





.orbit-container .orbit-slides-container img {
    display: block;
    max-width: 100%;
}
#main-content .centered-text {
    text-align: center;
}
button, .button {
    background-color: #AFAFAF;
    font-family: 'Open Sans',sans-serif;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #9C9C9C;
}
a {
    color: #666d71;
    line-height: inherit;
    text-decoration: none;
}
.button.large.active {
    background-color: #FFFFFF;
    color: #000000;
}




.button-group > * > button, .button-group > * .button {
    border-bottom-color: rgba(255, 255, 255, 0.5);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-top-color: rgba(255, 255, 255, 0.5);
    border-right:1px solid rgba(255, 255, 255, 0.2);
}
button.alert, .button.alert {
    background-color: rgba(0, 0, 0, 0);
    color: #F2EDEF;
}




 button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: transparent;
      color: #AAAAAA;
       }




         button:hover, button:focus, .button:hover, .button:focus {
    color: #222222; }

.icon-primary {
    border-radius: 5px;
}

    .icon-primary {
    font-size: 166%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
}

/* .icon-primary, .icon-primary-small {
    background: none repeat scroll 0 0 #2B93CB;
    color: #FFFFFF;
    float: left;
} */

.icon-primary, .icon-primary-small {
    background: none repeat scroll 0 0 #D9D1C7;
    color: #FFFFFF;
    float: left;
}

.sections {
    float: left;
    margin: 12px 0 0 15px;
    width: 75%;
}


#contentContainer .sections h3 {
    font-size: 1.25em;
    text-align: left;
    margin-top:0px;
    text-shadow: none;
    font-weight: 600;
    position: relative;
    top:0px;
}   

.services h3 {
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
    color: #555555;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}


.services {
    background: url("../img/service-bkg3.png") repeat-x scroll left top rgba(0, 0, 0, 0);

} 



.services {

background: url("../template/service-bkg.png") repeat-x scroll left top rgba(0, 0, 0, 0);



    background-color:rgba(217, 209, 199, 1);
    height:49px;
    border-radius: 5px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    
} 

/* little arrow in nav should be in foundation *
.dropdown.button:before {
    border-color: #555555 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
}


: background repeat scroll 0 0 #F2EDE4;
    border-radius: 5px;

.add-bottom {
    margin-bottom: 30px !important;
}


.size-12 { font-size: 12px; }
      
      .size-14 { font-size: 14px; }
      
      .size-16 { font-size: 16px; }
      
      .size-18 { font-size: 18px; }
      
      .size-21 { font-size: 21px; }
      
      .size-24 { font-size: 24px; }
      
      .size-36 { font-size: 36px; }
      
      .size-48 { font-size: 48px; }
      
      .size-60 { font-size: 60px; }
      
      .size-72 { font-size: 72px; }


   /*   .style2 {
    color: #ffffff;
    font-size: 48px;
    text-shadow: 0 1px 0 #0092B3, 0 2px 0 #0087A6, 0 3px 0 #008099, 0 4px 0 #00758C, 0 5px 0 #555555, 0 6px 0 #006A80, 0 0 0 #006073, 0 8px 7px #005566;
} 


.style2 {
    color: #FFFFFF;
    font-size: 48px;
    text-shadow: 0 1px 0 #666a73, 0 2px 0 #666a73, 0 3px 0 #666a73, 0 4px 0 #666a73, 0 5px 0 #666a73, 0 6px 0 #666a73, 0 0 0 #666a73, 0 8px 7px #666a73;
    top: px;
    position: relative;
    bottom: 8px;
}*/



.style2 {
    bottom: 8px;
    color: #FFFFFF;
    font-size: 48px;
    position: absolute;
    text-shadow: 0 1px 0 #666A73, 0 2px 0 #666A73, 0 3px 0 #666A73, 0 4px 0 #666A73, 0 5px 0 #666A73, 0 6px 0 #666A73, 0 0 0 #666A73, 0 8px 7px #666A73;
    top: -2px;
}


.services {
    position: relative;
}

.icon-primary {
    position:absolute; 
    left:-50px;
}

.bg {

    background: url("../img/service-bkg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
}


.f-dropdown {
    width: 200%;
    background-color: #2F3540;
    border-top:none;
 border-left: 1px solid rgba(97, 101, 109, 0.5);
 border-right: 1px solid rgba(97, 101, 109, 0.5);
 border-bottom: 1px solid rgba(97, 101, 109, 0.5);
}


.f-dropdown:before {
    display: none;
}

.f-dropdown:after {
    display: none;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #e6e1d8;
}




#panel1a {
    background-image: url("../img/servers.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    border: 1px solid #EFEFEF;
    height: 15em;
    width: 100%;
}
#panel1a p {
    font-family: 'Oswald',sans-serif;
    font-size: 1.8em;
    margin-top: 0.5em;
    text-align: center;
}


.cta-button a:hover {
    color:#ffffff;
}



    /*
      |---------------------------------
      | Foundation 5 Mega Menu CSS Hacks
      |---------------------------------
      */
      
      * {
        font-family: 'Open Sans', sans-serif;
      }


/* .top-bar-section ul li > a {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    display: block;
    font-family: 'Droid Sans',sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    padding: 12px 0 12px 15px;
    width: 100%;
} */


#hover1 {
    color:black;
    background-color: #ffffff;
}


#hover2 {
    color:black;
    background-color: #ffffff;
}

.top-bar-section .left li .dropdown {
   background-color: #333333;
}

      
.mega-menu strong, b {
      text-shadow: none;
      color:inherit;
}

   
      
      /* Change tab hover state to same colour as content background */
      .mega-menu .top-bar .top-bar-section li:hover > a {
        color: #66686a;
        background-color:  #FFFFFF;
      }


        /* Change tab hover state to same colour as content background */
      .mega-menu .top-bar .top-bar-section li:hover > a.noDrop {
        color: #66686a;
        background: #FFF;
        background:transparent;
      }
      
      
      /* Remove Foundation dropdown arrow */
      .mega-menu .f-dropdown:before,
      .mega-menu .f-dropdown:after {
        border-style: none;
      }
      
      /* Remove content top border, align to left and add gradient to bottom of content */
      .mega-menu .open {
      
        border: 1px solid #EAEDF0;
        background-color: #ffffff;  
        margin-left:13px; 
        margin-top:-8px; 
      }

      .mega-menu .content ul li {
        float: none;
        width: 100%;

      }
      
      /* Remove hover state and background colour from content headings */
      .mega-menu .content[class*="content"] label,
      .mega-menu .content[class*="content"] label:hover {
        height: 3em;
        line-height: 3em;
        font-weight: bold;
        color: #66686a;
        background-color: transparent;
        border-bottom: none;
      }
      
      /* Change content link colour background to same as content background */
      .mega-menu .top-bar .content[class*="content"] a {
        padding: 0;
        color: #222;
        background: none;
      }
      
      /* Add hover state to content links */
      .mega-menu .content[class*="content"] a:hover {
        background: #ffffff;
        text-decoration: underline;
      }
      
      .mega-menu .spacer {
        width: 29px;
      }




.top-bar {
    background: #404448;
}


/* .top-bar-section li:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #2F3540;
    line-height: 35px;
    padding: 0 15px;
} */

 .top-bar-section li:not(.has-form) a:not(.button) {
  background: #404448;
}

.mega-menu .top-bar-section li:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 transparent;
}






.mega-menu .top-bar {
    background: none repeat scroll 0 0 transparent;
    overflow: visible;
}

.mega-menu .top-bar-section ul {
    background: none repeat scroll 0 0 transparent;
 }

 .mega-menu {
    position: absolute;
    right: 0px;
    /* top: 103px; */
    top: 56px;
    width: 100%;
}

.top-bar-section ul li > .dropTitle  {

font-family: 'Open Sans',sans-serif;
   font-size:16px;
   font-weight: normal;
   color:#7F8285;
   font-weight: 600;
   /* text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px; */


}


.dropArrow:before {
    border-color: #F2EDEF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropArrow:before {
    border-color: #F2EDEF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropArrow:before {
    border-color: #555555 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropArrow:before {
    border-width: 0.375rem;
    margin-top: -0.15625rem;
    right: 1.40625rem;
}



.dropGrapple:before {
    border-color: #F2EDEF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropGrapple:before {
    border-color: #F2EDEF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropGrapple:before {
    border-color: #555555 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dropGrapple:before {
    border-width: 0.375rem;
    margin-top: -0.15625rem;
    right: 1.40625rem;
}



/*
.dropArrow:before {
    border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
}



.dropArrow:before {
    border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 85px;
    position: relative;
    top: 4px;
    width: 0;
}






.dropArrow:before {
    border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    content: "";
    display: inline-block;
    height: 0;
    left: 380px;
    position: relative;
    top: 4px;
    width: 0;
}

*/

.dropArrow:before {
    border-color: #7F8285 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 109px;
    top: 23px;
    width: 0;
    z-index: 10;
}

.dropGrapple:before {
    border-color: #7F8285 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 405px;
    top: 23px;
    width: 0;
    z-index: 10;
}






.top-bar.expanded .title-area {
    background: linear-gradient(to bottom, #40494D 0%, #2B3133 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}




.Flexible-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 85.25%;
    padding-top: 0px;
    position: relative;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




 
/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* CSS */

.services {
      right: 0px;
}

.fi-cloud, .fi-link, .fi-upload-cloud, .fi-monitor, .fi-laptop  {
    display:none;
}


 .mega-menu {
    position: absolute;
        top: 50px;
}
    
 
    #page-contact .wrapper {
    height: auto !important;
    margin: 0;
    min-height: 100%;
}
    
        #page-contactAlt .wrapper {
    height: auto !important;
    margin: 0;
    min-height: 100%;
}
    
    
    
    
.fourtyThree {
    margin-top:0px;
}
    
    

    .Flexible-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 85.25%;
    padding-top: 0;
    position: relative;
}

}

    .Flexible-container.map-container {
     	height: auto;
        padding-bottom: 15px;
        width: 100%;
    }





#DuxsonPanel {    
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}












/* For screens smaller than 640px */
/* ++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 40em) {

.top-bar {
    background: linear-gradient(to bottom, #40494D 0%, #2B3133 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #2B3133;
}


.cyberworkshop-footer-top .learn-links, .cyberworkshop-footer-top .support-links, .cyberworkshop-footer-top .connect-links {
    background: url("../img/../img/icons/footer-top-icons.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(175, 175, 175, 0.2);
    height: 100%;
    margin-bottom: 0px;
    padding: 0px 0 0;
}


.cyberworkshop-footer-bottom ul.home-social {
    display: block;
    float: left;
    margin-bottom: 8px;
    margin-left:0px;
}



.wrapper {
min-height: auto;
height: inherit;
margin: 0px;
}


#page-contact .wrapper {
min-height: auto;
height: inherit;
margin: 0px;
}
    
#page-contactAlt .wrapper {
min-height: auto;
height: inherit;
margin: 0px;
}
    
    
    
    
#masthead {
height:115px;
}

#page-contact #masthead{
     height:115px;
}  
    
    
#page-grapple #masthead{
     height:115px;
}   



}


#hover1 li {

    width:100%;



}


#hover1 li a {

    color: #7F8285;
    width:100%;
      font-family: 'Open Sans', sans-serif;  
       line-height: 35px; 
       font-size: 14px;
}

#hover1 li a:hover {

    color: #66686A;
    width:100%;
    font-weight: 600;
  
    
}


#hover2 li {

    width:100%;



}


#hover2 li a {

    color: #7F8285;
    width:100%;
      font-family: 'Open Sans', sans-serif;  
       line-height: 35px; 
       font-size: 14px;
}

#hover2 li a:hover {

    color: #66686A;
    width:100%;
    font-weight: 600;
  
    
}



#panel2-1, #panel2-2, #panel2-2, #panel2-3, #panel2-4 {
    min-height:405px;
    background-color: rgba(255, 255, 255, 0.5);
    padding:1.2em;
}



.cyberworkshop-footer-bottom span {

   color:#7F8285;
}

.homeslideshow > img {
  background-color: transparent !important;
}

@media (max-width: 465px) {
    .carousel li {
        width: 100%;
        text-align: center;    
    }
}
@media (min-width: 466px) and (max-width: 1119px) {
    .carousel {
       text-align: center;   
    }
    .carousel li {
       display: inline-block;
       float: none;
    }
}