/* 
	Theme Name: AMT
	Theme URL: http://www.exsite.ie
	Description: AMTeam website
	Author: Graziano Muscas
	Version: 1.0
*/

/* #Reset & Basics
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px 'Lato', Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
		display:none;
 }


/* #Typography
================================================== */
	
   h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;font-weight: bold;}
   p {margin-bottom: 15px;font-size:0.9em;}
   h1 {font-size: 1.5em; line-height: 1em; }
   h2 {font-size: 1.375em; line-height: 1.0909em;}
   h3 {font-size: 1.25em; line-height: 1.2em;}
   h4 {font-size: 1.125em; line-height: 1.333em; }
   h5, h6 {font-size: 1em;line-height: 1.5em; }
   @font-face {
    font-family: 'market_decoregular';
    src: url('font/market_deco-webfont.eot');
    src: url('font/market_deco-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/market_deco-webfont.woff') format('woff'),
         url('font/market_deco-webfont.ttf') format('truetype'),
         url('font/market_deco-webfont.svg#market_decoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }



/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/* #General
================================================== */

.container{
	width:960px;
	margin:0 auto;
	position:relative;
}

#headbox{
	width:960px;
	margin:0 auto;
	}
#content{
	background:white;
	margin-top:100px;
	position:relative;
	z-index:3;
	}
#content_box{
	width:960px;
	margin:0 auto;
	}
header{
	background:white;
	height:107px;
	width:100%;
	position:fixed;
	z-index:1000000;
	top:0;
	}
footer{
	clear:both;
	padding:20px 0;
	margin-top:10px;
	text-align:right;
	border-top:1px solid #dbdada;
	background:white;
	position:relative;
	z-index:9999999;
}


/* #Header
================================================== */
#logo{
    width:372px;
    height:77px;
    margin:10px 0;
    float:left;
}
#logo a{
	background: url(images/logo.png) no-repeat 0 0;
	  width:372px;
    height:77px;
}
/* #PagesUp
================================================== */
nav#pagesup{
	margin-bottom:0;
	width:528px;
    height:77px;
    padding:10px 0;
    float:right;
    font-family: 'market_decoregular';
	text-transform:uppercase;
	font-weight:normal;
	margin-top:5px;
}
#pagesup li{
	float:right;
	position:relative;
	list-style:none;
	height:77px;
}
#pagesup li a{
	padding:5px 20px;
	display:block;
	color:white;
	text-decoration:none;
	line-height:62px;
	color:#6d6f71;
	text-transform:uppercase;
}
#pagesup li a:hover{
	color:#233067;
}

/* #Content
================================================== */
.boxpost {
	margin:20px 0px;
	padding:20px;
	opacity:0.95;
	background:white;
	width:900px;
	}
.boxpost h2 {
	margin-bottom:0;
	padding-bottom:10px;
	border-bottom:1px solid #DBDADA;
	}
.boxpost ul, .boxpost ol {
	margin-left:20px;
	}
.read{
	float:right;
	background:#535353;
	padding:8px;
	}
.read a{
	font-weight:bold;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.9em;
	}
.error_msg{
	padding:10px;
	margin:10px 0;
	border:1px dotted #777;
	background:#ddd;
	}
.alignright{
	float:right;
	 margin-top: -20px;
	}
.alignleft{
	width:70%;
	}
.navigation{
	clear:both;
	margin:10px 0;
	}
h4.pagetitle{
	margin:10px 0;
	}
.thumbnail{
	float:left;
	margin-right:10px;
	}
.contact_left{
	float: left;
	padding-right:2%;
	width:60%;
}
.contact_right{
	float: left;
	margin-left:2%;
	width:35%;
}
/* #Backgrounds Panels
================================================== */

#navibox{
	
	background:url(images/navibox.png) repeat-x;
	height:240px;
	z-index:2000;
	position:relative;
}
#navibox1{
	
	background:url(images/navibox.png) repeat-x;
	height:140px;
	z-index:2000;
	position:relative;
	
}
#navi{
	width:960px;
	margin:0 auto;
	
}
#navi_page{
	width:960px;
	margin:0px auto 0 auto;
	position:relative;
	z-index:99999;
	height:110px;
	
}
.panel{
	width:172px;
	float:left;
	margin:10px;
	background:white;
}
.panel h3{
	padding:0 5px;
	color:#13215c;
	margin-bottom:5px;
	font-family: 'market_decoregular';
	text-transform:uppercase;
	font-weight:normal;
	font-size: 1.15em;
}
h1.slogan{
	position:absolute;
	z-index:200px;
	text-transform:uppercase;
	opacity:0;
	font-size:3.4em;
}
.slogbox{
	width:960px;
	margin:0 auto;
	position:relative;
	
}
#container
        {
	margin: 0 auto;
	padding: 150px 0 100px;
	width: 960px;
	position:absolute;
	color:white;
	text-shadow: 2px 2px 2px #333;
	font-family: 'market_decoregular';
	font-weight:normal;
	color:white;
	font-size:4em;
	z-index:3;
	line-height:60px;
	text-align:center;
	left:50%;
	margin-left:-480px;
        }
.slogan
        {
	
	margin: 0 auto;
	padding: 150px 0 100px;
	width: 960px;
	position:absolute;
	color:white;
	text-shadow: 2px 2px 2px #333;
	font-family: 'market_decoregular';
	font-weight:normal;
	color:white;
	font-size:5.4em;
	z-index:3;
	line-height:100px;
	text-align:center;
        }
#slogan1{
	top:140px;
	left:50%;
	width:960px;
	margin-left:-480px;
	color:white;
	text-shadow: 2px 2px 2px #333;
	 font-family: 'market_decoregular';
	 font-weight:normal;
}
#slogan2{
	top:140px;
	left:50%;
	width:960px;
	margin-left:-480px;
	color:white;
	text-shadow: 2px 2px 2px #333;
	 font-family: 'market_decoregular';
	 	 font-weight:normal;
}
#slogan3{
	top:140px;
	left:50%;
	width:960px;
	margin-left:-480px;
	color:white;
	text-shadow: 2px 2px 2px #333;
	 font-family: 'market_decoregular';
	 	 font-weight:normal;
}
#slogan4{
	top:140px;
	left:50%;
	width:960px;
	margin-left:-480px;
	color:white;
    text-shadow: 2px 2px 2px #333;
     font-family: 'market_decoregular';
     	 font-weight:normal;
}
#slogan5{
	top:140px;
	left:50%;
	width:960px;
	margin-left:-480px;
	color:white;
	text-shadow: 2px 2px 2px #333;
		 font-weight:normal;
	 font-family: 'market_decoregular';
}
.panel p{
	padding:0 5px;
}
#img5 {
	display:none
}
#img4 {
	display:none
}
#img3 {
	display:none
}
#img2 {
	display:none
}
#img1 {
	display:none
}
img.bg {
	/* Set rules to fill background */
	min-width: 1024px;
	height:auto;
	max-height:500px;
	height:auto !important; 
    height: 500px; 
	/* Set up proportionate scaling */
	width: 100%;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}
img.bg_page {
	/* Set rules to fill background */
	min-height: 200px;
	height:auto;
	max-height:500px;
	height:auto !important; 
    height: 500px; 
	/* Set up proportionate scaling */
	width: 100%;
	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
	z-index:-2;
}

.panel img{
	border:3px solid white;
}

/* #Footer
================================================== */
#credits{
	width:960px;
	margin:0 auto;
	font-family: 'Actor', sans-serif;
}
#credits span{
	width:480px;
	float:left;
	text-align:left;
}	
#social{
	width:180px;
	float:right;
}
#social a{
	width:30px;
	height:30px;
	 display:block;
	overflow:hidden;
	text-indent:-999999px;
}
#facebook:hover, #twitter:hover, #youtube:hover, #linkedin:hover, #mail:hover{
	opacity:1;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#facebook{
	background:url(images/facebook_small.png) no-repeat 0 0;
	width:30px;
	height:30px;
	float:left;
	margin:0 3px;
	opacity:0.8;
}
#twitter{
	background:url(images/twitter_small.png) no-repeat 0 0;
	width:30px;
	height:30px;
	float:left;
	margin:0 3px;
	opacity:0.8;
}
#youtube{
	background:url(images/youtube_small1.png) no-repeat 0 0;
	width:30px;
	height:30px;
	float:left;
	margin:0 3px;
	opacity:0.8;
}
#linkedin{
	background:url(images/linkedin_small.png) no-repeat 0 0;
	width:30px;
	height:30px;
	float:left;
	margin:0 3px;
	opacity:0.8;
}
#flickr{
	background:url(images/flickr_small.png) no-repeat 0 0;
	width:30px;
	height:30px;
	float:left;
	margin:0 3px;
	opacity:0.8;
}
/* #Wordpress
================================================== */
.nolink{
    display:block;
	overflow:hidden;
	text-indent:-999999px;
	}
.boxpost h2{
	font-family: 'market_decoregular';
	text-transform:uppercase;
	font-size:1.7em;
	font-weight:normal;
	color: #13215C;
	}
.boxpost img.alignright{
	float:right;
	margin:0 0 1em 1emfont-family: 'market_decoregular';
	}
.boxpost img.alignleft {
	float:left;
	margin:0 1em 1em 0
	}
.boxpost img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
	}
.boxpost a img.alignright {
	float:right;
	margin:0 0 1em 1em
	}
.boxpost a img.alignleft {
	float:left;
	margin:0 1em 1em 0
	}
.boxpost a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
	}
#home{height: 380px; }
#navmobile{display:none;}

.addthis_toolbox.addthis_pill_combo a {
    float: left;
	
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}
#social_container{
height:150px;
}
/* #Devices
================================================== */

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	#home{height: 380px;}
	.panel{width:42%;margin:20px 2%;height:200px;padding:2%;text-align:center;}
	.panel img{margin:0 auto;width:80%;}
	#container{font-size:2.6em;width:70%;margin:0 auto;left:15%;line-height:50px;top:0px}
	#navipage,#navi {width:100%}
	#navibox{height:100%;background:white;}
	#navibox1{display:none;}
	#content_box, .boxpost {width:95%;}
	#navmobile{display:block !important;right:40px;top:40px;z-index:99999999;position:absolute;}
	#pagesup {display:none}
	#credits {width:94%;margin:0 3%}
	#logo a{background: url(images/logo_small.png) no-repeat 0 0;width:250px;height:52px;}
	#logo{margin-left:40px;margin-top:20px;width:250px;height:52px;}
	#home{height:0 !important;}
	img.bg_page{position:relative;}
	.contact_left{float: left;width:100%;}
    .contact_right{float: left;width:100%;}
	
	}
    @media only screen and  (max-width: 580px) {
	#logo{width:100%;height:52px;margin-left:0;}
	#logo a{background: url(images/logo_small.png) no-repeat 0 0;width:250px;height:52px;margin:0 auto;}
	#navmobile{display:block !important;z-index:99999999;position:relative;width:100%;right:0px;top:10px;}
	#navmobile select{width:250px;margin:0 auto;}
	#headbox{width:100% !important}
	.panel{width:92%;margin:20px 2%;height:200px;padding:2%;text-align:center;}
	.panel img{margin:0 auto;width:80%;}
	#container{display:none !important;}
	header{width:100%;height:160px;position:relative;}
	#social {margin:20px 0;float:none;margin:0 auto;}
	#credits span {float: left;margin-bottom: 20px;text-align: left;width:100%;font-size:0.8em;text-align:center;}
	img.bg {display:none}
	#banner {height:230px !important;overflow:hidden;width:100% !important;}
	.flex-control-nav {display: none;}
	.contact_left{float: left;width:480px;overflow:hidden;}
    .contact_right{float: left;width:100%;}
	}
     @media only screen and  (max-width: 480px) {
	#logo{width:100%;height:52px;margin-left:0;}
	#logo a{background: url(images/logo_small.png) no-repeat 0 0;width:250px;height:52px;margin:0 auto;}
	#navmobile{display:block !important;z-index:99999999;position:relative;width:100%;right:0px;top:10px;}
	#navmobile select{width:250px;margin:0 auto;}
	#headbox{width:100% !important}
	.panel{width:92%;margin:20px 2%;height:200px;padding:2%;text-align:center;}
	.panel img{margin:0 auto;width:80%;}
	#container{display:none !important;}
	header{width:100%;height:160px;position:relative;}
	#social {margin:20px 0;float:none;margin:0 auto;}
	#credits span {float: left;margin-bottom: 20px;text-align: left;width:100%;font-size:0.8em;text-align:center;}
	img.bg {display:none}
	#banner {height:160px !important;overflow:hidden;width:100% !important;}
	.flex-control-nav {display: none;}
	.contact_left{float: left;width:480px;overflow:hidden;}
    .contact_right{float: left;width:100%;}
	}
    
    
    @media only screen and (min-width: 959px) and (max-width: 1200px) {
	#home{height: 350px;}
	}
	@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	#home{height: 430px;}
	}
	@media only screen and (min-width: 1400px) and (max-width: 1500px) {
	#home{height: 380px;}
	img.bg {max-height:800px;}img.bg_page {max-height:800px;}
	h1.slogan{font-size:3.8em}
	}
	@media only screen and (min-width: 1500px) and (max-width: 1600px) {
	#home{height: 500px;}
	img.bg {max-height:800px;}img.bg_page {max-height:800px;}
	h1.slogan{font-size:4.0em}
	}
	@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	#home{height: 550px;}
	img.bg {max-height:800px;}img.bg_page {max-height:800px;}
	h1.slogan{font-size:4.3em}
	}
	@media only screen and (min-width: 1700px) and (max-width: 1800px) {
	#home{height: 600px;}
	img.bg {max-height:800px;}img.bg_page {max-height:800px;}
	h1.slogan{font-size:4.3em}
	}
	@media only screen and (min-width: 1800px) and (max-width: 1900px) {
	#home{height: 670px;}
	img.bg {max-height:800px;}img.bg_page {max-height:800px;}
	h1.slogan{font-size:4.3em}
	}
	@media only screen and (min-width: 1900px) and (max-width: 2000px) {
	#home{height: 670px;}
	img.bg {max-height:800px;}img.bg_page {max-height:800px;}
	h1.slogan{font-size:4.3em}
	}
	


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


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

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 90%;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }