/*blue working copy*/

body{
margin:0;padding:0;
font-family: 'Raleway',Arial,Helvetica,sans-serif;
font-size: 16px;
line-height: 26px;
color: #5e5e5e;
}
.wrapper{margin:0 auto;max-width:1200px;width:92%;padding:6% 4%;}

a {
color:#3e9dd3;
text-decoration:none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
a:hover {color:#07669c;}

#header-surround{
animation-duration: .5s;
animation-fill-mode: both;
position: fixed;
z-index: 1000;
right: 0;
left: 0;
top: 0;
box-shadow: 0 1px 6px rgba(0,0,0,0.4);
display: block;
background-color: #FFFFFF;
}
#header{
color: #2F2F2F;
background-color: #FFFFFF;
position: relative;
height:60px; /* added to my template due to the top menu position complexity */
margin:0 auto;max-width:1200px;width:92%;padding:10px 4%;
}
#showcase{
clear:both;
transition: all 0.5s ease-in-out;
background-image: url(images/backgrounds/showcase/preset1/bg.png);
background-repeat: repeat;
color: #FFFFFF;
background-color: #41a4dd;
display:block;
margin-top:80px; /* added to my template due to the top menu position complexity */
padding:2% 0;
text-align: center;
}
#showcase a{color:#07659e}




#top{
color: #8B8B8B;
background-color: #F5F6F8;
box-shadow: 0px 1px 0 #dde0e7;
position: relative;
}
#top .wrapper::after {
    color: #F5F6F8;
    text-shadow: 0px 2px 0 #dde0e7;
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 2.9em;
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -15px;
}
#top h2, #top h3, #top h4{color:#656565}
#top-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#top-box1{display:inline-block;vertical-align:top;}
#top-box2, #top-box3 {display:inline-block;margin-left:3%;vertical-align:top;}
#top-box1 img, #top-box2 img, #top-box3 img{width:100%;} 
.top-box-30{width:30%;}
.top-box-45{width:45%;}
.top-box-95{width:95%;}





#utility{
color: #6E6E6E;
background-color: #FFFFFF;
}
#utility h2, #utility h3, #utility h4{color:#656565}
#utility-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#utility-box1{display:inline-block;vertical-align:utility;}
#utility-box2, #utility-box3 {display:inline-block;margin-left:3%;vertical-align:utility;}
#utility-box1 img, #utility-box2 img, #utility-box3 img{width:100%;} 
.utility-box-30{width:30%;}
.utility-box-45{width:45%;}
.utility-box-95{width:95%;}







#feature{
background-image: url(images/backgrounds/feature/preset1/bg.png);
background-repeat: repeat;
color: #8B8B8B;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color:#656565}
#feature-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#feature-box1{display:inline-block;vertical-align:feature;}
#feature-box2, #feature-box3 {display:inline-block;margin-left:3%;vertical-align:feature;}
#feature-box1 img, #feature-box2 img, #feature-box3 img{width:100%;} 
.feature-box-30{width:30%;}
.feature-box-45{width:45%;}
.feature-box-95{width:95%;}






#maintop{
color: #6E6E6E;
background-color: #f5f6f8;
}
#maintop h2, #maintop h3, #maintop h4{color:#656565}
#maintop-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#maintop-box1{display:inline-block;vertical-align:maintop;}
#maintop-box2, #maintop-box3 {display:inline-block;margin-left:3%;vertical-align:maintop;}
#maintop-box1 img, #maintop-box2 img, #maintop-box3 img{width:100%;} 
.maintop-box-30{width:30%;}
.maintop-box-45{width:45%;}
.maintop-box-95{width:95%;}






#expandedtop{
color: #6E6E6E;
background-color: #FFFFFF;
}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}
#expandedtop-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#expandedtop-box1{display:inline-block;vertical-align:expandedtop;}
#expandedtop-box2, #expandedtop-box3 {display:inline-block;margin-left:3%;vertical-align:expandedtop;}
#expandedtop-box1 img, #expandedtop-box2 img, #expandedtop-box3 img{width:100%;} 
.expandedtop-box-30{width:30%;}
.expandedtop-box-45{width:45%;}
.expandedtop-box-95{width:95%;}








#contenttop{
color: #6E6E6E;
background-color: #FFFFFF;
}
#contenttop h2, #contenttop h3, #contenttop h4{color:#656565}
#contenttop-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#contenttop-box1{display:inline-block;vertical-align:contenttop;}
#contenttop-box2, #contenttop-box3 {display:inline-block;margin-left:3%;vertical-align:contenttop;}
#contenttop-box1 img, #contenttop-box2 img, #contenttop-box3 img{width:100%;} 
.contenttop-box-30{width:30%;}
.contenttop-box-45{width:45%;}
.contenttop-box-95{width:95%;}


#mainbody{
color: #6E6E6E;
background-color: #FFFFFF;
}


#contentbottom{
color: #6E6E6E;
background-color: #FFFFFF;
}
#contentbottom h2, #contentbottom h3, #contentbottom h4{color:#656565}
#contentbottom-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#contentbottom-box1{display:inline-block;vertical-align:contentbottom;}
#contentbottom-box2, #contentbottom-box3 {display:inline-block;margin-left:3%;vertical-align:contentbottom;}
#contentbottom-box1 img, #contentbottom-box2 img, #contentbottom-box3 img{width:100%;} 
.contentbottom-box-30{width:30%;}
.contentbottom-box-45{width:45%;}
.contentbottom-box-95{width:95%;}


#sidebar{
margin: 25px 10px;
background-color: #3e9dd3; /* or #78bf57 or #888888*/
color: #5e5e5e;
}
#sidebar h2, #sidebar h3{
color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);
}






#expandedbottom{
color: #8b8b8b;
background-color: #f5f6f8;
}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4{color:#3e9dd3}
#expandedbottom-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#expandedbottom-box1{display:inline-block;vertical-align:expandedbottom;}
#expandedbottom-box2, #expandedbottom-box3 {display:inline-block;margin-left:3%;vertical-align:expandedbottom;}
#expandedbottom-box1 img, #expandedbottom-box2 img, #expandedbottom-box3 img{width:100%;} 
.expandedbottom-box-30{width:30%;}
.expandedbottom-box-45{width:45%;}
.expandedbottom-box-95{width:95%;}




#mainbottom{
color: #6E6E6E;
background-color: #FFFFFF;
}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}
#mainbottom-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#mainbottom-box1{display:inline-block;vertical-align:mainbottom;}
#mainbottom-box2, #mainbottom-box3 {display:inline-block;margin-left:3%;vertical-align:mainbottom;}
#mainbottom-box1 img, #mainbottom-box2 img, #mainbottom-box3 img{width:100%;} 
.mainbottom-box-30{width:30%;}
.mainbottom-box-45{width:45%;}
.mainbottom-box-95{width:95%;}




#extension{
background-image: url(images/backgrounds/extension/preset1/bg.png);
background-repeat: repeat;
color: #2a6a8f;
background-color: #41a4dd;
font-size:122%;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#extension-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#extension-box1{display:inline-block;vertical-align:extension;}
#extension-box2, #extension-box3 {display:inline-block;margin-left:3%;vertical-align:extension;}
#extension-box1 img, #extension-box2 img, #extension-box3 img{width:100%;} 
.extension-box-30{width:30%;}
.extension-box-45{width:45%;}
.extension-box-95{width:95%;}




#fullwidth{
color: #6E6E6E;
background-color: #FFFFFF;
}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}
#fullwidth-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#fullwidth-box1{display:inline-block;vertical-align:fullwidth;}
#fullwidth-box2, #fullwidth-box3 {display:inline-block;margin-left:3%;vertical-align:fullwidth;}
#fullwidth-box1 img, #fullwidth-box2 img, #fullwidth-box3 img{width:100%;} 
.fullwidth-box-30{width:30%;}
.fullwidth-box-45{width:45%;}
.fullwidth-box-95{width:95%;}




#bottom{
background-image: url(images/patterns/noise.png);
background-repeat: repeat;
background-color: #2a6a8f;
color: #41a4dd;
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#bottom-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#bottom-box1{display:inline-block;vertical-align:bottom;}
#bottom-box2, #bottom-box3 {display:inline-block;margin-left:3%;vertical-align:bottom;}
#bottom-box1 img, #bottom-box2 img, #bottom-box3 img{width:100%;} 
.bottom-box-30{width:30%;}
.bottom-box-45{width:45%;}
.bottom-box-95{width:95%;}




#footer{
background-image: url(images/patterns/noise.png);
background-repeat: repeat;
color: #8f8f8f;
background-color: #363539;
box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
border-top: 1px solid rgba(0,0,0,0.2);
}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#footer-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#footer-box1{display:inline-block;vertical-align:footer;}
#footer-box2, #footer-box3 {display:inline-block;margin-left:3%;vertical-align:footer;}
#footer-box1 img, #footer-box2 img, #footer-box3 img{width:100%;} 
.footer-box-30{width:30%;}
.footer-box-45{width:45%;}
.footer-box-95{width:95%;}



#copyright{
background-image: url(images/patterns/noise.png);
background-repeat: repeat;
color: #5f5f5f;
background-color: #2d2d2d;
margin:0 auto;width:92%;padding:2% 4%;
box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset;
border-top: 1px solid rgba(0,0,0,0.2);
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright-boxes{max-width:1200px;width:100%; text-align:center;margin:0 auto;}
#copyright-box1{display:inline-block;vertical-align:copyright;}
#copyright-box2, #copyright-box3 {display:inline-block;margin-left:3%;vertical-align:copyright;}
#copyright-box1 img, #copyright-box2 img, #copyright-box3 img{width:100%;} 
.copyright-box-30{width:30%;}
.copyright-box-45{width:45%;}
.copyright-box-95{width:95%;}




#debug{
color: #6E6E6E;
background-color: #FFFFFF;
margin:0 auto;max-width:1200px;width:92%;padding:2% 4%;
}
#analytics{
color: #6E6E6E;
background-color: #FFFFFF;
margin:0 auto;max-width:1200px;width:92%;padding:2% 4%;
}




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

}

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

@media only screen and (max-width: 767px) {
#top-box1{width:90%;display:block;margin:0 auto;}
#top-box2, #top-box3 {width:90%;display:block;margin:104px auto 0;}
#top-box1 img, #top-box2 img, #top-box3 img{margin-bottom:16px;}
#utility-box1{width:90%;display:block;margin:0 auto;}
#utility-box2, #utility-box3 {width:90%;display:block;margin:104px auto 0;}
#utility-box1 img, #utility-box2 img, #utility-box3 img{margin-bottom:16px;}
#feature-box1{width:90%;display:block;margin:0 auto;}
#feature-box2, #feature-box3 {width:90%;display:block;margin:104px auto 0;}
#feature-box1 img, #feature-box2 img, #feature-box3 img{margin-bottom:16px;}
#expandedtop-box1{width:90%;display:block;margin:0 auto;}
#expandedtop-box2, #expandedtop-box3 {width:90%;display:block;margin:104px auto 0;}
#expandedtop-box1 img, #expandedtop-box2 img, #expandedtop-box3 img{margin-bottom:16px;}
#contenttop-box1{width:90%;display:block;margin:0 auto;}
#contenttop-box2, #contenttop-box3 {width:90%;display:block;margin:104px auto 0;}
#contenttop-box1 img, #contenttop-box2 img, #contenttop-box3 img{margin-bottom:16px;}
#contentbottom-box1{width:90%;display:block;margin:0 auto;}
#contentbottom-box2, #contentbottom-box3 {width:90%;display:block;margin:104px auto 0;}
#contentbottom-box1 img, #contentbottom-box2 img, #contentbottom-box3 img{margin-bottom:16px;}
#expandedbottom-box1{width:90%;display:block;margin:0 auto;}
#expandedbottom-box2, #expandedbottom-box3 {width:90%;display:block;margin:104px auto 0;}
#expandedbottom-box1 img, #expandedbottom-box2 img, #expandedbottom-box3 img{margin-bottom:16px;}
#mainbottom-box1{width:90%;display:block;margin:0 auto;}
#mainbottom-box2, #mainbottom-box3 {width:90%;display:block;margin:104px auto 0;}
#mainbottom-box1 img, #mainbottom-box2 img, #mainbottom-box3 img{margin-bottom:16px;}
#extension-box1{width:90%;display:block;margin:0 auto;}
#extension-box2, #extension-box3 {width:90%;display:block;margin:104px auto 0;}
#extension-box1 img, #extension-box2 img, #extension-box3 img{margin-bottom:16px;}
#fullwidth-box1{width:90%;display:block;margin:0 auto;}
#fullwidth-box2, #fullwidth-box3 {width:90%;display:block;margin:104px auto 0;}
#fullwidth-box1 img, #fullwidth-box2 img, #fullwidth-box3 img{margin-bottom:16px;}
#bottom-box1{width:90%;display:block;margin:0 auto;}
#bottom-box2, #bottom-box3 {width:90%;display:block;margin:104px auto 0;}
#bottom-box1 img, #bottom-box2 img, #bottom-box3 img{margin-bottom:16px;}
#footer-box1{width:90%;display:block;margin:0 auto;}
#footer-box2, #footer-box3 {width:90%;display:block;margin:104px auto 0;}
#footer-box1 img, #footer-box2 img, #footer-box3 img{margin-bottom:16px;}
#copyright-box1{width:90%;display:block;margin:0 auto;}
#copyright-box2, #copyright-box3 {width:90%;display:block;margin:104px auto 0;}
#copyright-box1 img, #copyright-box2 img, #copyright-box3 img{margin-bottom:16px;}
}

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

}