/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


/* LSM MODS */


/* SEE From athena/css/layout.css (960px changed to 1022px) */





  
  

body {
    /*background: none repeat scroll 0 0 #5F636A;*/
    background: none repeat scroll 0 0 #777c83;
    color: #FFFFFF;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
    line-height: 1.618;
    text-rendering: optimizelegibility;
    text-shadow: 0 0.077em 0 rgba(0, 0, 0, 0.2);
}


/*777C83*/
/* main background colour */
#wrapper {
    background: url("images/shine.png") no-repeat scroll center top #55585c;
}


/* No hyphenation */
p {
  -webkit-hyphens: none;
  -moz-hyphens: none;
}

/* no 100% search width for responsive */
#header .search_main{
 left:auto;
 float: right;
}


/* iphone retina */
@media screen and (max-device-width: 639px) and (orientation:portrait) {
	#header .search_main{display: none;}
}




#contactLeftField {
    margin-right: 3.8%;
}

#contact-page ol.forms li .error{
	color: #fed134;
}

/* ankaa colour strip */
#header {
    background-image:url('http://www.ankaa-engineering.com//images/ankaa_strip.gif');
    background-repeat:repeat-x;
	background-position:left top;
	background-size: 100% 5px;
	margin: 0 0 40px 0;
}

/* remove black keyline */
#header {
    border-bottom: 0;
}

/* ankaa colour strip above photos*/
/*
#featured-slider {
    background-color: #2A2A2A;
    background-image: url("http://www.ankaa-engineering.com//images/ankaa_strip.gif");
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 100% 5px;
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 0 #888888;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: 5px 0 0 0;
}
*/



/* remove margin to right of nav menu */
#navigation ul.nav {
    border-width: 0;
    margin: 0;
    padding: 0.5em 1.2em;
    width: auto;
}


/* wider default width */
#main.fullwidth, .layout-full #main, .col-full {
    margin: 0 auto;
    /*max-width: 960px;*/
    max-width: 1022px;
}

/* remove bookends */
#main-nav:before, #main-nav:after {
    background: none repeat scroll 0 0 #C7C8CE;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    margin: 0.8em 0 0;
    position: absolute;
    /*width: 1px;*/
    width: 0px;
}


/* underlnie to all links */
a{text-decoration: underline !important;}

#navigation a{text-decoration: none !important;}
#content_OFF a{text-decoration: underline !important;}

#navigation a:hover{text-decoration: underline !important;}
#content_OFF a:hover{text-decoration: none !important;}



.widget_text div{
	/*background-color: #333333;*/
	max-width: 940px;
	padding: 0px 0px 0px 0px;
}

.widget_text div div{
	max-width: 940px !important;
}


.widget {
    margin-bottom: 0px;
    padding-left:5px;
}


.textwidget div{
    max-width: 500px !important;
    width: auto !important;    
}



#footer {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.19);*/
    background: none repeat scroll 0 0 #F4F5F6;
    border-top: 1px solid #676D76;
    color: #2A2A2A; 
    padding: 10px 0px 0px 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



#credit{
	text-shadow: none;
	font-size: 0.8em;
}


#flaggenmast ul{
	float: right;
	list-style:none;
	margin-top: 5px;
	margin-right: 40px;
}

#flaggenmast ul li{
	float: left;
	margin-left: 15px;
}

#flaggenmast ul li a{
	color: #6A6D78;
	text-shadow: none;
	text-decoration: none !important;
	font-size: 0.8em;
}

#flaggenmast ul li a:hover{
	color: #D4463A;
	text-decoration: underline !important;
}





/* 
NARROW STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the narrow layout of your site */

@media only screen and (max-width: 1022px) {
	/* Desktop styles go here */
	
	/* hide icons/text on homepage */
	#homepage_icons{
		display: none;
	}
	
	#header .search_main{display: none;}
	
}










/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/* LSM .flexslider .slides img {width: 100%; display: block;}*/
.flexslider .slides img {width: 100%; max-width: 1000px; display: block; margin-left: auto; margin-right: auto; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme
*********************************/
/* LSM .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}*/


.flexslider_wrapper {
width: 100%; 
max-width: 100%; 
margin-left: auto; 
margin-right: auto; 
background-image: url("http://www.ankaa-engineering.com//images/ankaa_strip.gif");
background-position: left top;
background-repeat: repeat-x;
background-size: 100% 5px;
padding: 5px 0 0 0;
}

.flexslider {
width: 100%; 
max-width: 1000px; 
margin: 0; 
position: relative; 
zoom: 1; 
border: none; 
border-radius:none; 
box-shadow: none; 
margin-left: auto; 
margin-right: auto; 
background: none;
}


/*.flex-viewport {width: 100%; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}*/
.flex-viewport {width: 100%; max-width: 1000px; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}



.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
/* LSM .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav {width: 100%; max-width: 1000px; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


.flex-caption {
	position: absolute; 
	bottom: 0em; margin: 2em; 
	font-size: 2em; 
	text-shadow: 0 0.077em 0 rgba(0, 0, 0, 0.4);
} /* LSM */

@media screen and (max-width: 1022px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
  .flex-caption {font-size: 1.5em;}
  


  
}




#portfolio article {
  position: relative;
  margin: 0 auto 2.244em;
  max-width: 210px;
}
#portfolio article img {
  -webkit-border-radius: 0;/*lsm*/
  border-radius: 0;/*lsm*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0;
  zoom: 1;
  width: 189px;/*lsm*/
  height: 120px;/*lsm*/
}
#portfolio article .mask {
  position: absolute;
  display: block;/*lsm*/
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  background: #D4463A;
  -webkit-border-radius: 0em;/*lsm*/
  border-radius: 0em;/*lsm*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  opacity: 1;/*lsm*/
  filter: alpha(opacity=@opacity * 100);
}
#portfolio article .mask span.title {
  display: block;
}
#portfolio article .mask span.title,
#portfolio article .mask span.tags {
  font-weight: bold;
}

span.tags {
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
}

.tag-hr {
    background-color: #ffffff; 
    height:1px; 
    border:none; 
    margin-top: 10px; 
    margin-bottom: 0;
}

#portfolio article .mask .content {
  /*background: url(images/ico-mask.png) no-repeat top center;*/
  background: none;
  margin: 0 0 0;/*lsm*/
  padding: 5px 5px 0 5px;/*lsm*/
  display: block;
}
#portfolio article:hover .mask {
  display: block;
}
#portfolio article:active .mask {
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);/*lsm*/
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);/*lsm*/
}
#portfolio article .hide {
  display: block;/*lsm*/
}

/* keep last jobs listings centered vertically */
.last {
    clear: right;
    /*/margin-right: 0px !important;*/
    margin-right: auto !important; /*lsm*/
}



.port-cat a{
	white-space:nowrap; 
}