/**
 * Your Inspiration Themes
 * 
 * In this files the framework register default metaboxes.
 * 
 * @package WordPress
 * @subpackage Your Inspiration Themes
 * @author Your Inspiration Themes Team <info@yourinspirationthemes.com>
 *
 * This source file is subject to the GNU GENERAL PUBLIC LICENSE (GPL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.gnu.org/licenses/gpl-3.0.txt
 */

/********************************************

In this file you can add your custom CSS.
It will always override rules in style.css.
Good work... and good luck! :)

********************************************/

#header{ background-color:FAFAFB;}
#LinkArea{ width:100%; background-color:#009E47;height: 46px; }
/* === NAVIGATION  - This code works with both standard WP menus and Theme menus */
.menu-select { display:none; overflow:hidden; position:relative; width:75%; margin:20px auto; }
.menu-select select { width:100%; border:1px solid #ddd; background:none; -webkit-appearance: none; padding:8px 10px; cursor:pointer; font-family:'Rokkitt', sans-serif; color:#373636; font-size:14px; position:relative; z-index:1; }
.gecko .menu-select select { width:120%; }
.menu-select select option { background:none; width:100%; }
.menu-select .arrow-icon { position:absolute; height:100%; width:100%; background:#d8dbdb url('images/menu-select-arrow.png') no-repeat 95% center; top:0; }
.Address-homeArea{ width:100%; }
.Address-home .map{ width:100%; max-width:300px; line-height:1.5;}
.Address-home p{font-family:'Rokkitt', sans-serif; font-size:18px; line-height:1.5; color:#000000;}
#page-meta .service h3 { font-size: 28px; font-family: 'Rokkitt', sans-serif; color: #2b2c31;text-align:left; font-style: normal; font-weight: normal; float:left; margin-top:15px; }

#portfolio.three-columns .overlay1 a {
	display: block;
	float: left;
	height: 100%;
	width: 59%;
	line-height: 9999px;
	overflow: hidden;
}
#portfolio.three-columns .overlay1 a.overlay_project {
	background: url('../images/icons/project.png') 10% center no-repeat
}
#portfolio.three-columns .overlay1 a.overlay_img {
	background: url('../images/icons/zoom.png') 90% center no-repeat
}

#LinkArea div.menu { }

#LinkArea .menu {
    height: 46px;
    padding: 17px 0 0;
    position: relative;
}

#LinkArea .menu ul {
    list-style: none;
    background-color:#009E47; 
}

#LinkArea .menu ul li {
    position: relative;
    padding: 0 24px;
}

#LinkArea .menu.classic ul li {
   /* padding-bottom:10px;*/ padding-bottom:0px;
}

#ie8 #LinkArea .menu ul li {
    padding: 0 28px;
}

#LinkArea .menu ul li a {
    color:#FFFFFF;
    display: block;
    font-family: 'Rokkitt', 'Georgia', 'Times New Roman', serif;
    font-size: 18px;
    text-align: left;
}

#LinkArea .menu ul li a:hover {
    color:#000000;
}

#LinkArea .menu > ul {
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 28px;
    z-index: 9999;
}

#LinkArea .menu.classic > ul {
    overflow:visible;
}

#LinkArea .menu > ul > li {
    float: left;
    height: 28px;
    position: relative;
    text-align: center;
    z-index: 1000;
}

#LinkArea .menu > ul > li > a {
    font-size: 20px; 
    line-height: 28px;
    padding-right: 14px;
}

#LinkArea .menu > ul > li:first-child { padding-left: 0px; }
#LinkArea .menu > ul > li:last-child  { border-right: none; padding-right: 0px; }
#LinkArea .menu > ul > li:last-child > a { padding-right: 0px; }

#LinkArea .menu > ul > li:first-child > ul > li { padding-left: 0px; }

/* active item */
#LinkArea div.menu .current-menu-item > a, #header div.menu .current-menu-ancestor > a,
#LinkArea div.menu .current_page_item > a, #header div.menu .current_page_ancestor > a,
#LinkArea div.menu .current_page_parent > a, #header div.menu .current_page_item > a {
    color: #000;
}

/* 2nd & 3rd uls - childs */
#LinkArea .menu.megamenu > ul ul {
    margin-top: 15px;
    position: absolute;
    top: 13px;
    left: 0px;
    width: 100%;
    z-index: 1000;
}

#LinkArea .menu.megamenu > ul ul li {
    min-width: 100px;
}

#LinkArea .menu.megamenu > ul ul li a {
    font-family: 'Droid Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 11px;
    min-height: 25px;
    line-height: 25px;
}

/* 3rd ul - usually last child */
#LinkArea .menu.megamenu > ul ul ul {
    margin-top: 0;
    position: static;
    padding: 0px;
}

#LinkArea .menu.megamenu > ul ul ul li {
    padding-left: 10px;
}

/* === INDICATORS */
#LinkArea .sub-indicator {
    font-size: 18px;
    line-height: 13px;
}

#LinkArea .sub-menu .sub-indicator, #header .children .sub-indicator {
    font-size: 13px;
}

/* === SHADOW */
.box-shadow { -moz-box-shadow: 0px 2px 2px -2px #CFCFCF; -webkit-box-shadow: 0px 2px 2px -2px #CFCFCF; box-shadow: 0px 2px 2px -2px #CFCFCF; }
/*
#menu-shadow {
    background: url(images/shadows/shadow-menu.png) repeat-x bottom left;
    position: absolute;
    bottom: 28px;
    height: 6px;
}
*/

/* Handle the menu without Javascript */
.no_js #LinkArea  .menu > ul ul > li :hover ul {
    display: block;
}

.no_js #LinkArea .menu > ul:hover {
    margin:10px 0 0 0; 
	/* margin: 17px 0 0;*/
    overflow: visible;
    height: auto !important;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 28px;
    z-index: 99999;
}
/*.no_js #header .menu > ul:after, .no_js #header .menu > ul ul:after{
	clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}*/

/* === MENU CLASSIC */
/* second level */
.classic #nav ul.sub-menu, .classic #nav ul.children { font-size: 1.05em; display:none; position:absolute; left:23px; top:30px; text-transform: none; padding:0; margin:0; width:220px; background:#fff; border:1px solid #d3d3d3; z-index:100000; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
.classic #nav li:first-child ul.sub-menu, .classic #nav li:first-child ul.children { left:-10px; }
.classic #nav ul.sub-menu li, .classic #nav ul.children li { float:none; display:block; line-height:1em; font-size: 14px; margin:0; padding:0; }
.classic #nav ul.sub-menu li:first-child a, .classic #nav ul.children li:first-child a { border:0; }
.classic #nav ul.sub-menu li a, #nav ul.children a { color:#8c969e; letter-spacing:0; display: block; padding:10px 0; margin:0 10px; border-top: 1px solid #DDD; }
.classic #nav a:hover, .classic #nav .current_page_item a, .classic #nav ul.sub-menu li a:hover, .classic #nav ul.children a:hover { color:#4CB847; }

/* third level */
.classic #nav ul.sub-menu li ul, .classic #nav ul.children li ul { margin:0; z-index:100; padding-top:0; top:0; left:150px;}   

/* nojs */  
body.no_js .classic #nav ul li:hover > ul { display:block }
body.no_js .classic #nav ul li ul.submenu li:hover > ul, body.no_js .classic #nav ul li ul.children li:hover > ul { display:block } 
.text-quote-quote{ margin-top:30px; line-height:.5;}

.gws-logo{vertical-align: middle; margin-top:10px;}
.gws-logo a img{ vertical-align:middle; }

/****/
.clients{ width:100%; float:left;}


.margin-bottom{ padding-bottom:300px;}


.button-area{ width:100%; text-align:right;margin-top:30px;}
/*.button-area a{ width:800px; height:28px; line-height:28px; background:#009e47; color:#ffffff; font-size:22px;
font-family: 'Rokkitt', sans-serif; padding:5px 8px; font-weight:normal; font-style:normal; border-radius:6px;}
.button-area a:hover { color: #000000; }*/

.button-green{ width:800px; height:28px; line-height:28px; background:#009e47; color:#ffffff; font-size:22px;
font-family: 'Rokkitt', sans-serif; padding:5px 8px; font-weight:normal; font-style:normal; border-radius:6px;}
.button-green:hover { color: #000000; }

.button-red{ width:800px; height:28px; line-height:28px; background:#e22b1f; color:#ffffff; font-size:22px;
font-family: 'Rokkitt', sans-serif; padding:5px 8px; font-weight:normal; font-style:normal; text-transform:capitalize; border-radius:6px;}
.button-red:hover { color: #000000; }