html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 24px;  }
body, button, input, select, textarea { font-family:Arial, Helvetica, sans-serif; color: #232323; }

::-moz-selection { background: #120761; color: #fff; text-shadow: none; }
::selection { background: #120761; color: #fff; text-shadow: none; }
a { color: #120761; text-decoration: underline; }
a:visited { color: #120761; }
a:hover { color: #232323; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* =============================================================================
	 Typography
	 ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { position: relative; margin:45px 30px 40px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
blockquote p {text-indent:50px;}
blockquote p:before{position:absolute; top:10px; left:-50px; content: '\201C'; font-family:Arial, Helvetica, sans-serif; font-size: 100px; font-style: normal;}
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #dee0e0; margin: 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
	 Lists
	 ========================================================================== */

ul, ol, dd, nav ul, nav ol { margin:0; padding:0; list-style: none; list-style-image: none; }


/* =============================================================================
	 Embedded content
	 ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* =============================================================================
	 Figures
	 ========================================================================== */

figure { margin: 0; }


/* =============================================================================
	 Forms
	 ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: middle; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { }

label {display:block; margin-top:12px; margin-bottom:4px; width:100%;}
input, textarea {display:block; padding:4px; width:100%; height:30px; background-color:#ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;}
textarea {height:120px;}
input,
textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
		  transition: border linear 0.2s, box-shadow linear 0.2s;}
input:focus,
textarea:focus {
  border-color: rgba(13, 184, 175, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(13, 184, 175, 0.6);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(13, 184, 175, 0.6);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(13, 184, 175, 0.6);}

label.error {
	display: inline-block;
	margin:0;
	padding: 2px 24px;
	background: url(../img/error.png) center left no-repeat;
	font-size:12px;
    font-weight: normal;
    color: red;}
label.valid {
	display: inline-block;
	margin:0;
	padding: 2px 24px;
	background: url(../img/valid.png) center left no-repeat;
	font-size:12px;
    font-weight: normal;
    color: green;}

button.btn {margin: 45px auto 0; padding:1px 0 0 2px; background:#fff;}

/* =============================================================================
	 Tables
	 ========================================================================== */

table {margin-bottom:14px; width:100%; border-collapse:collapse; border-spacing:0;
-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;}
th {background:#fff; font-weight:bold;}
tr:nth-of-type(odd) {background:#f9f9f9;}
td {vertical-align: top;}
td, th {padding:8px; border:1px solid #dddddd; text-align:left;}

.cc-cookies {width:100% !important;}


/* =============================================================================
	 apply a natural box layout model to all elements
	 ========================================================================== */

*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


/* =============================================================================
	 Structure
	 ========================================================================== */

body {position:relative; min-width:1200px; background:#f9fbfb; } /* #f7f7f7 */

.fullwidth {position:relative; width:100%;}
.container {margin-left:auto; margin-right:auto; width:1200px;}
.container.home {padding-top: 230px;}
.grid {display:inline; float:left; margin-left:10px; margin-right:10px;}
html body div.clear,
html body span.clear {display:block; float:none; clear:both;margin:0; padding:0; width:0; height:0; background:none; border:0; font-size:0; overflow:hidden; visibility:hidden;}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {position:relative; display:inline; float:left; margin-left:10px; margin-right:10px;}
.span1 {width: 80px;}
.span2 {width: 180px;}
.span3 {width: 280px;}
.span4 {width: 380px;}
.span5 {width: 480px;}
.span6 {width: 580px;}
.span7 {width: 680px;}
.span8 {width: 780px;}
.span9 {width: 880px;}
.span10 {width: 980px;}
.span11 {width: 1080px;}
.span12 {width: 1180px;}
.prefix1 {margin-left: 110px;}
.prefix2 {margin-left: 210px;}
.prefix3 {margin-left: 310px;}
.prefix4 {margin-left: 410px;}
.prefix5 {margin-left: 510px;}
.prefix6 {margin-left: 610px;}
.prefix7 {margin-left: 710px;}
.prefix8 {margin-left: 810px;}
.prefix9 {margin-left: 910px;}
.prefix10 {margin-left: 1010px;}
.prefix11 {margin-left: 1110px;}
.suffix1 {margin-right: 110px;}
.suffix2 {margin-right: 210px;}
.suffix3 {margin-right: 310px;}
.suffix4 {margin-right: 410px;}
.suffix5 {margin-right: 510px;}
.suffix6 {margin-right: 610px;}
.suffix7 {margin-right: 710px;}
.suffix8 {margin-right: 810px;}
.suffix9 {margin-right: 910px;}
.suffix10 {margin-right: 1010px;}
.suffix11 {margin-right: 1110px;}
.span3:hover{border:1px solid #120761;}
.visible-desktop { display: block !important; visibility: visible; } /* visible on desktop only */
.visible-tablet { display: none !important; visibility: hidden; } /* visible on tablet only */
.visible-mobile { display: none !important; visibility: hidden; } /* visible on mobile only */

.hidden-desktop { display: none !important; visibility: hidden; } /* hidden on desktop only */
.hidden-tablet { display: block !important; visibility: visible; } /* hidden on tablet only */
.hidden-mobile { display: block !important; visibility: visible; } /* hidden on mobile only */

/* =============================================================================
	 Typography
	 ========================================================================== */

h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-style:normal; color:inherit; text-transform:uppercase; text-rendering:optimizelegibility;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight:normal; color: #999999;}

h1 {font-size: 22px; line-height: 32px;}
h2 {font-size: 18px; line-height: 28px;}
h3 {font-size: 14px; line-height: 24px;}
h4 {font-size: 13px; line-height: 21px;}
h5 {font-size: 12px; line-height: 18px;}
h6 {font-size: 11px; line-height: 15px;}

p {margin: 0 0 14px; font-family:inherit; font-size:14px; font-weight:300; line-height:24px;}
small {font-size: 11px;}
span {color:#120761;}

.btn {position:relative; display:block; margin:45px auto 0; padding-top:10px; padding-left:2px; width:210px; height:46px; border:2px solid #120761; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700;  color:#120761; text-transform:uppercase; text-decoration:none; letter-spacing:2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;}
.btn:hover {background-color:#120761; border-color:#120761; color:#fff;}
.btn-small {margin:16px auto 0; padding-top:8px; width:120px; height:30px; font-size:12px; line-height:12px;}

.btn-green {border-color:#120761; color:#120761;}
.btn-green:hover {background-color:#120761; color:#fff;}

.btn-quiet {margin:14px auto 0 !important; padding-top:5px; padding-left:0; width:200px; height:36px; border-width:1px; font-size:12px; font-weight:300; text-transform:none; letter-spacing:0;}

/* =============================================================================
	 Masthead
	 ========================================================================== */

.masthead, .masthead-small {position:absolute; top:0; left:0; width:100%; height:270px;}
.masthead-small {height:270px;}
.masthead-image {height:500px;
	background-image: url(../img/head-bg.jpg); 
	background-position: center center;
	background-size: cover;
}
.masthead-image2 {height:500px;
	background-image: url(../img/banner2.jpg); 
	background-position: center center;
	background-size: cover;
}
.masthead-image3 {height:500px;
	background-image: url(../img/banner3.jpg); 
	background-position: center center;
	background-size: cover;
}
.masthead-image4 {height:500px;
	background-image: url(../img/banner4.jpg); 
	background-position: center center;
	background-size: cover;
}
.masthead-image5 {height:500px;
	background-image: url(../img/banner5.jpg); 
	background-position: center center;
	background-size: cover;
}

.masthead-content, .masthead-content-small {position:absolute; top:140px; left:0; width:100%; height:230px; text-align:center; z-index:3;}
.masthead-content h1, .masthead-content-small h1 {margin:90px auto 0; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; font-weight:900; color:#120761;}
.masthead-content-small h1 {margin:36px auto 0;}
.masthead-content p, .masthead-content-small p {margin:25px auto 0; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:20px; line-height:20px; font-weight:300; text-transform: none;}
.masthead-content a.btn {margin:65px auto 0; background-color:transparent; border-color:#fff; color:#fff;}
.masthead-content a.btn:hover {background-color:#120761; border-color:#120761; color:#fff;}

.masthead-content-small p.h1 {margin:36px auto 0; font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:48px; font-weight:900; color:#fff; text-transform:uppercase;}

/* =============================================================================
	 Header
	 ========================================================================== */

header {position:relative; background:transparent; z-index:2;}

@-webkit-keyframes fadeInDown {
	0% {opacity:0;-webkit-transform:translateY(-20px);}
	100% {opacity:1;-webkit-transform:translateY(0);}
	}
@-moz-keyframes fadeInDown {
	0% {opacity:0;-moz-transform:translateY(-20px);}
	100% {opacity:1;-moz-transform:translateY(0);}
	}
@-o-keyframes fadeInDown {
	0% {opacity:0;-o-transform:translateY(-20px);}
	100% {opacity:1;-o-transform:translateY(0);}
	}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-20px);}
	100% {opacity:1;transform:translateY(0);}
	}

.banner {height:250px;}
.banner.pinned {position:fixed; top:0; width: 100%; height:64px; z-index:999;
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	zoom: 1;
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 750ms;
	-moz-animation-duration: 750ms;
	-o-animation-duration: 750ms;
	animation-duration: 750ms;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.banner.pinned:nth-child(n) {filter:none;}

.logo {float:left; margin:46px 10px 0; width:240px; height:54px; background-size:240px 54px; background-image:url(../img/logo.png);}
.banner.pinned .logo {display:none;}

/* =============================================================================
	 Main Nav
	 ========================================================================== */

nav#nav select { display:none; }

nav#nav {float:right; margin:62px 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:700;}
nav#nav ul {font-size:0;}
nav#nav ul li {display:inline; margin-right:30px;}
nav#nav ul li:last-child {margin-right:0;}
nav#nav ul li a {padding:10px 0; color:#fff; font-size:13px; text-transform:uppercase; text-decoration:none;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
	border-bottom: 4px solid transparent;}
nav#nav ul li a:hover {border-top: 4px solid #fff;}
nav#nav ul li.current-menu-item a {border-top: 4px solid #fff;}
nav#nav ul li.current-page-ancestor a {border-top: 4px solid #fff;}

.banner.pinned nav#nav {margin-top:20px;}
.banner.pinned nav#nav ul li a:hover {border-top: 4px solid #fff;}
.banner.pinned nav#nav ul li.current-menu-item a {border-top: 4px solid #fff;}
.banner.pinned nav#nav ul li.current-page-ancestor a {border-top: 4px solid #fff;}

/* =============================================================================
	 Back to Top
	 ========================================================================== */

.banner .back-to-top {display:none;}
.banner.pinned .back-to-top {display:block;}
.back-to-top {float:right; margin:0; width:100px; height:26px;}

/* =============================================================================
	 Main
	 ========================================================================== */

section {padding:52px 0 60px; text-align:center;}
section h2 {padding-left:5px; letter-spacing:2px;}
section p {margin-bottom:50px; font-family:Arial, Helvetica, sans-serif; font-weight:300;}
section p.blockquote {position:relative; margin-bottom:16px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:italic;}
section p.blockquote span {position:relative; top:20px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:56px; color:#232323; font-style:normal;}
section#about p {margin-bottom:16px; float:left;}
section#about img {margin-top:14px; margin-bottom:14px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;}
section article {margin-bottom:20px; padding:20px; background:#fff; border:1px solid #dee0e0;}
section#about article {margin-bottom:0; padding:0; background:transparent; border:0;}
section article h3 {margin-bottom:8px;}
section article p {margin-bottom:0; font-family:inherit; font-weight:300;}
section article img {margin-bottom:14px;}

#services a.brand, #servicelist a.brand {margin:200px auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/icon-lightbulb.png);}
#services a.web, #servicelist a.web {margin:0 auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/icon-web.png);}
#services a.search, #servicelist a.search {margin:0 auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/icon-graph.png);}
#services a.marketing, #servicelist a.marketing {margin:0 auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/icon-marketing.png);}

.services a.brand, .servicelist a.brand {margin:0 auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/recycling.png);}
.services a.web, .servicelist a.web {margin:0 auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/shipyard.png);}
.services a.search, .servicelist a.search {margin:0 auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/ihm.png);}
.services a.marketing, .servicelist a.marketing {margin:0 auto 14px; width:80px; height:80px; background-size:80px 80px; background-image:url(../img/legis.png);}

#servicelist article {margin-bottom:20px;}
#servicelist ul {font-size:0;}
#servicelist ul li {display:inline-block; margin-right:14px;}
#servicelist ul li:nth-child(even) {margin-right:0;}

#portfolio ul {width:100%; font-size:0;}
#portfolio ul li {position:relative; display:inline-block; margin:0 10px 20px; width:380px; height:253px;}
#portfolio ul li img {width:100%; height:auto; z-index:4;
	-webkit-box-shadow: 0px 7px 5px -6px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 7px 5px -6px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 7px 5px -6px rgba(50, 50, 50, 0.5);}
#portfolio ul li .overlay {display: block; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; color:#fff; text-align:center;
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
	zoom: 1;
	opacity:0;
	transition: opacity 0.75s ease 0s;}
#portfolio ul li .overlay:nth-child(n) {filter:none;}
#portfolio ul li:hover .overlay {opacity: 1;}
#portfolio ul li .overlay h3 {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
#portfolio ul li .overlay p.last {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
#portfolio ul li .overlay p.view {position:absolute; left:50%; top:50%; margin-top:-20px; margin-left:-40px; width:80px; padding:6px 0; padding-left:5px; border-top:4px solid #120761; border-bottom:4px solid #120761; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:5px;}

/* Loaded / Done */
.btn.done{cursor:default; opacity:0.2; filter:alpha(opacity=20); }
.btn.loading:before {position:absolute; display:inline-block; left:5px; top:8px; width:30px; height:30px; background: transparent url(../img/ajax-loader.gif) no-repeat center center; content: ''; overflow: hidden; z-index: 100;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;}
.load-more-btn-wrap{display:block; padding:0; text-align:center; overflow:hidden;}

#latestnews article {padding:0;}
#latestnews article h2 {margin-bottom:8px; padding:0; font-size:14px; line-height:24px; letter-spacing:0;}
#latestnews ol {width:100%; font-size:0;}
#latestnews ol li {}
#latestnews ol li article .latestnews_image img {margin-bottom:0; width:100%; height:auto;}
#latestnews ol li article .latestnews_content {padding:16px 20px 24px;}
#latestnews ol li article .btn-small {margin-top:16px;}

#services a.btn, #servicelist a.btn, #portfolio a.btn, #latestnews a.btn {margin:25px auto 0;}

/* =============================================================================
	 Article Pages
	 ========================================================================== */

#article article {position:relative; padding:50px 50px; text-align:left;}
#article article .featured-image {margin:-50px -50px 20px; width:auto;}
#article article .featured-image img {width:100%; height:auto;}
#article article h1, #article article h2, #article article h3, #article article h4, #article article h5, #article article h6 {margin:26px 0 16px; padding:0; font-size:14px; color:#120761; letter-spacing:3px;}
#article article h1 {margin:0; font-size:24px; color:#232323;}
#article article p {margin-bottom:15px;}
#article article ul, #article article ol {margin:24px 0; margin-left:15px;}
#article article ul li, #article article ol li {margin-bottom:8px; list-style:disc; list-style-position:outsite; font-weight:300; line-height:24px;}
#article article ol li {list-style:decimal;}
#article article hr {margin:16px 0 20px;}
#article article .video-container {position:relative; margin:0 auto 14px; padding-bottom: 56.25%; padding-top:30px; height:0; overflow: hidden;}
#article article .video-container iframe,
#article article .video-container object,
#article article .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
#article article #author {margin-bottom:16px;}
#article article #author p {padding-top:8px; line-height:20px;}
#article article #author img.avatar {float:left; margin-right:10px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

#article article ul.wpsocialite {margin:14px 0 0 !important;}
#article article ul.wpsocialite li {padding-bottom:0 !important;}
#article article ul.wpsocialite li:first-child {padding-left:0 !important;}

#portfolio-container {padding:58px 0 60px;}
#portfolio-primary-image {position:relative; margin-bottom:20px; border:1px solid #dee0e0;}
#portfolio-primary-image img {width:100% !important; height:auto;}
#portfolio-article {padding:0;}
#portfolio-article article {position:relative; padding:50px; text-align:left;}
#portfolio-article article img {width:100% !important; height:auto;}
#portfolio-article article hr {margin:20px 0;}

#map_canvas {height:500px;}

/* =============================================================================
	 Aside
	 ========================================================================== */

aside {padding:52px 0 60px;}
aside .panel {margin-bottom:20px; padding:20px; background:#fff; border:1px solid #dee0e0;}
aside .panel h3 {margin-bottom:18px; letter-spacing:3px;}
aside .panel h4 {margin-bottom:18px; letter-spacing:1px;}
aside .panel ol li {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dee0e0;}
aside .panel ol li:first-child {padding-top:20px; border-top:1px solid #dee0e0;}
aside .panel ol li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
aside .panel ol li .recentpost_image {float:left; margin-right:10px;}
aside .panel ol li .recentpost_content {padding-top:9px;}
aside .panel ol li .recentpost_content h4 {font-size:12px; line-height:18px;}
aside .panel ol li .recentpost_content h4 a {color:#232323; text-decoration:none;}
aside .panel ol li .recentpost_content h4 a:hover {color:#120761;}

aside .panel input, aside .panel textarea, aside .panel select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #B2B2B2;
	margin: 0 0 12px;
	padding: 8px;
}
aside .panel button, aside .panel input, aside .panel textarea, aside .panel select {
	margin: 0;
	width: 100%;
	font-size: 100%;
	vertical-align: middle;
}

aside .panel#form {background:#120761; border:1px solid #120761;}

aside .menu-services-navigation-container {width:100%; background:#fff; border-top:1px solid #dee0e0; border-bottom:1px solid #dee0e0;}
aside .menu-services-navigation-container ul {width:100%;}
aside .menu-services-navigation-container ul li {position:relative; border:1px solid #dee0e0; border-top:0;}
aside .menu-services-navigation-container ul li:hover {background-color:#dee0e0; color:#fff;}
aside .menu-services-navigation-container ul li:last-child {border-bottom:0;}
aside .menu-services-navigation-container ul li ul {border-top:1px solid #dee0e0;}
aside .menu-services-navigation-container ul li ul li {border-left:0; border-right:0;}
aside .menu-services-navigation-container ul li ul li.current-menu-item {}
aside .menu-services-navigation-container ul li ul li.current-menu-item a {color:#120761;}
aside .menu-services-navigation-container ul li a {display:block; padding:10px 0 8px 18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#232323; line-height:14px; font-weight:700; text-decoration:none; text-transform:uppercase;}
aside .menu-services-navigation-container ul li a:hover {color:#120761;}
aside .menu-services-navigation-container ul li a:before {position:absolute; top:9px; left:5px; width:8px; height:8px; }
aside .menu-services-navigation-container ul li a.active {background:#f9fbfb;}
aside .menu-services-navigation-container ul li a.active:before {position:absolute; top:9px; left:5px; width:8px; height:8px; }
aside .menu-services-navigation-container ul li ul li a {padding:10px; padding-left:24px; border:0; font-size:13px; line-height:12px; font-weight:    00; text-transform:none;}
aside .menu-services-navigation-container ul li ul li a.active {background:#fff;}
aside .menu-services-navigation-container ul li ul li a:before {content:none;}
aside .menu-services-navigation-container ul li ul li a.active:before {content:none;}


/* =============================================================================
	 Footer
	 ========================================================================== */
#f-line{width:100%;height:150px;background-color:#333;margin-top:-40px;padding:0px;}
#footer{width:1180px;height:150px;margin:0 auto;padding:0px;}
#f-logo{float:left;width:240px;height:150px;padding:0px;margin:-40px 30px 0 0}
#f-services ul{margin-left:40px;}
#f-services ul li{float:left;margin:20px 10px 0 10px;text-align:center;}
#f-services ul li h5{margin-top:10px;color:#fff;font-size:10px; float:left;line-height:15px;margin-left:10px;}
#f-services ul li a h5:hover{text-decoration:underline;}
#f-services img{width:30px;height:30px; float:left;}
#f-nav ul{float:right;width:100px;line-height:150px;margin-right:15px;}
#f-nav ul li{float:left;width:100px;}
#f-nav ul li h5{color:#fff;font-size:10px; float:left;}
#f-nav ul li a h5:hover{text-decoration:underline;}
/* =============================================================================
	 Wordpress Classes
	 ========================================================================== */

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {padding: 5px 3px 10px; max-width: 96%; background: #fff; border: 1px solid #f0f0f0; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {margin: 0; padding: 0; width: auto; height: auto; max-width: 98.5%; border: 0 none;}
.wp-caption p.wp-caption-text {margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px;}

/* =============================================================================
	 common classes
	 ========================================================================== */

.alpha {margin-left:0 !important;}
.omega {margin-right:0 !important;}
.first {margin-top:0 !important;}
.last {margin-bottom:0 !important;}
.left {float:left !important;}
.right {float:right !important;}

.dl {width:0; height:0;}
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
.contact-map{width:380px; height:500px; background-color:#fff; float:left;margin-right:10px; border: 1px solid #dee0e0;padding:3px; text-align:left;}
.contact-detail{margin-top:10px;margin-left:10px;padding:10px;list-style-type:none;}
.contact-detail li img{width:20px;height:20px; margin-right:10px;}