/*
Theme Name: AMT 2011
Theme URI: 
Description: 
*/

/**
 *	SNAPPR
 *	
 *	@media			all
 *	@copyright		2011 Phil Thompson
 *	@author			Phil Thompson
 *	@since			26/09/2011
 *	@hugsandkisses	html5boilerplate
 */
 
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym,  cite, code, em, img, q, 
small,  strong, sub, sup, 
b, u, i,
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 {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	font-family: 'Neo Sans Medium', sans-serif;
	font-size: 15px;
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

cite{
	color: #00aeef;
	font-size: 11px !important;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root{
	overflow-y: scroll;
}

strong, b{
	font-weight: bold;
}

em, i{
	font-style: italic;
}

a img{ 
	border: none;
}

/* HTML tags styling */

body{
	background: #000 url(images/body.png) center top no-repeat;
	color: #fff;
	font: 13px/1.3 sans-serif;
	margin: 0 auto;
	width: 850px;
}

a{
	color: #00aeef;
	text-decoration: none;
}

	a:visited{
		
	}
	
	a:hover{
		text-decoration: underline;
	}

h1, h2, h3, h4, h5, h6, .h{
	color: #00aeef;
	font-weight: bold;
	padding: 20px 0 0;
}

h1, .h1,
h2, .h2,
h3, .h3{
	
}

h1,
.h1{
	color: #fff;
	font-family: 'Neo Sans Medium', sans-serif;
	font-size: 22px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
}

h1 span{
	color: #fff !important;
}

.ie7 h1{
	margin-bottom: 5px;
}



p, ul, ol, dl{
	padding: 20px 0 0;
}

ul li, ol li{
	margin-left: 1em;
	padding-bottom: .25em;
}


/* Forms */
form{
	margin: 0;
	padding: 0;
}

fieldset{
	padding: 20px 10px;
}

legend{

}

label{
	clear: both;
	color: #fff;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 7px 15px 0 0;
	width: 100px;
}

	label[for]{	
		cursor: pointer;
	}

input, select, textarea, .input{
	border: 1px solid #dbdbdb;
	color: #666;
	display: block;
	float: left;
	font: normal 100% sans-serif;
	padding: 5px;
	width: 345px;
}

	input:focus, select:focus, textarea:focus{
		color: #222;
	}
	
	input[type="radio"],
	input[type="checkbox"]{
		border: none;
		padding: 0;
		width: auto;
	}
	
	select{
		width: auto;
	}
	
	textarea{
		resize: vertical;
	}

button, input[type="button"], input[type="submit"],
a.button{
	background: #00aeef;
	border: none;
	color: #fff !important;
	clear: both;
	cursor: pointer;
	display: inline-block;
	font: normal 14px/1 'Neo Sans Medium', sans-serif;
	padding: 10px;
	text-align: center;
	width: auto;
}
	
	button{
		margin-left: 115px;
	}

	button:hover, 
	input[type="button"]:hover, 
	input[type="submit"]:hover{
		background: #333;
		color: #fff;
	}
	
	a.button{
		margin: 20px 0 0;
	}
	
	a.link-button{
		background: #1e1e1e url(images/arrow-blue.png) right 0 no-repeat;
		color: #fff;
		display: block;
		margin: 20px 0 0;
		padding: 7px 35px 7px 10px;
		font-size: 13px;
	}
	
hr{
	clear: both;
	float: left;
	position: relative;
	width: 100%;
}

/* Common classes */
.group{
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	/*display: none;*/
}

.column{
	float: left;
	position: relative;
	width: 50%;
}

.field{
	margin: 0 0 10px;
}

.decoration{
	display: block;
	bottom: 0;
	left: 0;
	position: absolute;
}


	
	.input{
		border: none;
		color: #fff;
		font-size: 12px;
		padding: 0 0 10px;
	}
	
	.input-no-label{
		margin-left: 115px;
	}

/* Image replacement */
.ir { 
	background-repeat: no-repeat; 
	direction: ltr; 
	display: block; 
	overflow: hidden; 
	text-indent: -999em; 
	text-align: left; 
}      

.hidden { 
	display: none; 
	visibility: hidden; 
} 


/* Hidden but visible to screenreaders */
.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 */
.clearfix:before, 
.clearfix:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden; 
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }  


/* WordPress classes */
.alignleft{
	display: block;
	float: left;
	margin: 0 20px 20px 0;
}

.alignright{
	display: block;
	float: right;
	margin: 0 0 20px 20px;
	
}

.aligncenter{
	display: block;
	float: none;
	margin: 20px auto;
}


.gallery{
	background: transparent url(images/home-primary.png) 0 0 repeat;
}

.wp-caption{
	background: transparent url(images/home-primary.png) 0 0 repeat;
	padding: 11px;
}

.wp-caption-text{
	color: #fff;
	font-size: 11px !important;
	padding: 6px 0 0 !important;
}

.gallery .wp-caption{
	background: transparent;
}



/* Post classes */
.entry-meta,
.entry-utility{
	color: #666;
	padding: 0; /* Set left and right values the same as p tag's */
}

div.navigation{
	clear: both;
}

	div.navigation a span.meta-nav{
		color: #666;
	}
	

/* Social media icons */
a.social{
	display: inline-block;
}
	
a.twitter{
	background: transparent url(images/twitter.png) 0 0 no-repeat;
	height: 13px;
	width: 62px;
}

a.facebook{
	background: transparent url(images/facebook.png) 0 0 no-repeat;
	height: 13px;
	width: 62px;
}

/* Banner / Slider Indicators */
.indicators{
	padding: 0 !important;
	position: relative;
}

.indicators li{
	display: inline-block;
	list-style: none;
	margin: 0;
	width: 9px;
}

	.ie .indicators li{
		display: inline;
	}

	.indicators li a{
		background: transparent url(images/indicators.png) -9px 0 no-repeat;
		display: block;
		height: 6px;
		overflow: hidden;
		outline: none;
		text-indent: -99999px;
		width: 6px;
	}

	.indicators li.current a{
		background-position: 0 0;
	}



/* Layout */

#container{
	
}

header{
	border-bottom: 1px solid #7f7f7f;
	margin: 0 0 37px;
	padding: 50px 0 17px;
}

	#branding{
		float: left;
		height: 37px;
		width: 200px;
	}
	
		header .logo{
			background: transparent url(images/logo.png) 0 0 no-repeat;
			display: block;
			font-weight: normal;
			font-size: 36px;
			height: 37px;
			padding: 0;
			width: 200px;
		}
		
			header .logo a{
				color: inherit;
				display: block;
				text-decoration: none;
			}
	
	header nav.group{
		clear: none;
		float: right;
		width: 650px;
	}
	
	header nav ul{
		float: right;
		margin: 25px 0 0;
		padding: 0;
	}
	
	header nav ul li{
		display: inline-block;
		list-style: none;
		margin: 0 0 0 12px;
		padding: 0;
		position: relative;
	}
	
		.ie6 header nav ul li,
		.ie7 header nav ul li{
			display: block;
			float: left;
		}
	
		header nav ul li a{
			color: #fff;
			display: block;
			font: 13px 'Neo Sans Medium', sans-serif;
			height: 11px;
			overflow: hidden;
			outline: none;
			padding: 0;
			text-decoration: none;
			text-indent: -99999px;
			text-transform: uppercase;
		}
		
		header nav ul li a:hover{
			color: #00aeef;
		}
		
		header nav ul li a:hover,
		header nav ul li.current-menu-item a{
			background-position: 0 -11px;
		}
		
		header nav ul li.current_page_item a,
		header nav ul li.current_page_parent a,
		header nav ul li.current_page_ancestor a,
		header nav ul li.current_menu_item a,
		header nav ul li.current_menu_parent a,
		header nav ul li.current_menu_ancestor a{
			color: #00aeef;
		}

		.menu-item-home a{
			background: transparent url(images/menu/home.png) 0 0 no-repeat;
			width: 35px;
		}
		
		.menu-item-about a{
			background: transparent url(images/menu/about.png) 0 0 no-repeat;
			width: 40px;
		}
		
		.menu-item-technology a{
			background: transparent url(images/menu/technology.png) 0 0 no-repeat;
			width: 79px;
		}
		
		.menu-item-aerospace a{
			background: transparent url(images/menu/aerospace.png) 0 0 no-repeat;
			width: 69px;
		}
		
		.menu-item-healthcare a,
		.menu-item-environment a{
			background: transparent url(images/menu/environment.png) 0 0 no-repeat;
			width: 85px;
		}
		
		.menu-item-solutions a{
			background: transparent url(images/menu/solutions.png) 0 0 no-repeat;
			width: 66px;
		}
		
		.menu-item-marine a{
			background: transparent url(images/menu/marine.png) 0 0 no-repeat;
			width: 45px;
		}
		
		.menu-item-contact a{
			background: transparent url(images/menu/contact.png) 0 0 no-repeat;
			width: 53px;
		}
		
		.menu-item-news a{
			background: transparent url(images/menu/news.png) 0 0 no-repeat;
			width: 33px;
		}


			header nav ul li ul{	
				display: none;
				left: 0;
				margin: 10px 0 0;
				padding: 24px 0 0;
				position: absolute;	
				top: 0;
			}
			
				header nav ul li:hover ul,
				header nav ul li.current_page_ancestor ul{
					display: block;
				}
			
				header nav ul li ul li{
					background: #807f83;
					display: block;
					margin: 0;
					min-width: 146px;
				}
			
				header nav ul li ul li a{
					background: transparent !important;
					color: #fff !important;
					display: block;
					font-size: 13px;
					height: auto;
					padding: 3px 12px;
					text-indent: 0;
					text-transform: none;
					width: auto;
				}

#content{
	
}



#search form{
	padding: 0;
}

	#search form fieldset{
		padding: 10px;
	}
	
		#search form input{
			display: inline-block;
			width: 160px;
		}
		
		#search form button{
			clear: none;
			display: inline-block;
		}



#social{
	margin: 40px 0 8px;
}

footer{
	border-top: 1px solid #7f7f7f;
	color: #808184;
	font-size: 10px;
	padding: 10px 0;
}

	footer a{
		color: #808184;
	}
	
		footer a:hover{
			color: #fff;
		}
	
	footer small{
		float: right;
		padding: 0 10px;
	}
	
	/* Footer menu */
	footer ul{
		float: left;
		margin: 0;
		padding: 0;
	}
	
		footer ul li{
			display: inline;
			margin: 0 .5em 0 0;
		}
		
			footer ul li a{
				text-transform: uppercase;
			}
			
			footer ul li ul{ 
				display: none;
			}



/* Individual sections/pages */

/* Home */
body.home #content .primary{
	background: transparent url(images/home-primary.png) 0 0 repeat;
	color: #00aeef;
	font-size: 14px;
	float: right;
	margin: 0;
	padding: 0 0 19px;
	width: 279px;
}

	body.home #content .primary p{
		padding: 17px 19px 0;
	}

	body.home #content .primary p:first-child{
		color: #fff;
	}

body.home #banner{
	margin: 0;
	padding: 0 0 20px;
	width: 550px;
}

	body.home #banner .slides_container div{
		height: 209px;
	}

	body.home #banner .indicators{
		bottom: 18px;
		position: absolute;
		right: 0;
	}

body.home #banner small{
	color: #807f83;
	float: left;
	font-size: 10px;
	display: block;
	width: 505px;
}

body.home #sections{
	border: 2px solid #3f3f3f;
	border-width: 2px 0;
	margin: 0 0 25px;
	padding: 25px 0 20px;
}

body.home .column{
	font-size: 11px;
	margin: 0 0 10px 19px;
	width: 198px;
}

body.home .column-double{
	margin-left: 0;
	width: 414px;
}


.module p{
	background: transparent url(images/module-aerospace.png) 0 0 repeat;
}

	.module h2{
		background: transparent url(images/module-aerospace.png) 0 0 repeat;
		color: #fff !important;
		line-height:1;
		padding: 10px 11px;
		text-transform: uppercase;
	}
	
	.module img{
		border-bottom: 1px solid #000;
		display: block;
	}

	body.home .module p{
		padding: 10px 11px;
	}

	body.home .module p a{
		color: #fff;
	}


	body.home #sections .aerospace{
		margin-left: 0;
	}
	
	
		body.home #sections .aerospace h2 .onbrand{
			color: #00aeef;
		}

	body.home #sections .healthcare p{
		background-image: url(images/module-healthcare.png);
	}
	
		body.home #sections .healthcare h2 .onbrand{
			color: #00b5a1;
		}

	body.home #sections .solutions p{
		background-image: url(images/module-solutions.png);
	}
	
		body.home #sections .solutions h2 .onbrand{
			color: #ec1c24;
		}

	body.home #sections .marine p{
		background-image: url(images/module-marine.png);
	}
	
		body.home #sections .marine h2 .onbrand{
			color: #00ac24;
		}
		
body.home .box{
	border: 1px solid #252525;
	margin-bottom: 10px;
	padding-bottom: 12px;
}

body.home .alt-box{
	background: #161616;
}

body.home .box blockquote{
	font-size: 15px;
}
	
	body.home .box blockquote cite{
		font-size: 9px;
	}

body.home #twitter .column{
	margin: 0;
	width: 303px;
}

body.home #twitter .column + .column{
	border-left: 2px solid #000;
	font-size: 9px;
	width: 107px;
}

	body.home #twitter .column + .column p{
		padding-top: 6px;
	}

	body.home #twitter .column li.tweet{
		font-size: 12px;
		list-style: none;
		margin: 0;
	}

body.home .eco{
	background: #161616 url(images/home-eco.png) 0 0 no-repeat;
	color: #5db100;
	font: bold 15px 'Neo Sans Medium', sans-serif;
	height: 86px;
	width: 198px;
}

body.home .tertiary .column h2,
body.home .tertiary .column h3,
body.home .tertiary .column p,
body.home .tertiary .column ul{
	padding: 12px 12px 0;
}

body.home .row1{
	height: 115px;
}

body.home .row2{
	height: 96px;
}

body.home .col3{
	height: 220px;
}



body.home #how h2{
	text-transform: uppercase;
}

body.home #how p{
	padding-top: 6px;
}

body.home #ccft{
	
}

	body.home #ccft h2{
		background: transparent url(images/home-ccft.png) 0 0 no-repeat;
		border-bottom: 1px solid #252525;
		color: #fff;
		height: 52px;
		padding: 0;
		width: 198px;
		
	}


/* Blog listings */

/* Blog post */

ol.commentlist{
	padding: 0;
}

	ol.commentlist li{
		list-style: none;
		margin: 0;
		padding: 0 0 40px;
	}
	
	.comment-body{
		padding: 0 0 20px;
	}
	
	.says{
		display: none;
	}
	
	.comment-author{
		color: #666;
	}
	
	.comment-meta{
		color: #666;
	}

/* Default page */

.default-page{
	width: 100%;
}


.default-page .main{
	background: transparent url(images/main.png) 0 0 repeat-y;
	padding-left: 10px;
}

	.default-page .main h2{
		padding-top: 10px;
	}
	
	.default-page .main + h2{
		padding-top: 20px;
	}



.default-page p,
.default-page ul,
.default-page ol{
	padding: 0 400px 8px 0;
}

.default-page blockquote{
	border: 1px solid #323232;
	width: 449px;
}

	.default-page blockquote p{
		padding: 12px;
	}
	
	.default-page .alignright,
	.default-page .gallery{
		clear: both;
		float: right;
		margin: 0 0 40px;
		width: 367px;
	}
	
	
	.default-page .alignright h3{
		padding-top: 0;
	}
	
	
	.default-page .alignright p{
		padding-right: 12px;
	}
	
	.default-page .gallery{
		min-height: 270px;
	}
	
	.default-page .gallery .indicators{
		bottom: -17px;
		float: right;
		height: 6px;
		margin: 0;
		position: relative;
	}
	
	.default-page .gallery .alignright{
		margin: 0;
	}
	
		.default-page .gallery .wp-caption{
			clear: both;
			padding-bottom: 0;
		}
		
		.gallery .wp-caption{
			min-height: 250px;
		}
		
		
		.default-page .wp-caption.alignright{
			padding: 11px 0 11px 11px;
		}
	
.default-page a.button.alignright{
	clear: both;
	display: inline-block;
}

	.default-page h2{
		font-size: 15px;
		padding-bottom: 5px;
		padding-top: 0;
	}
	
	.default-page .alignright + h2,
	.default-page p + h2{
		padding-top: 7px;
	}

.hr{
	background: #7f7f7f;
	height: 1px;
	margin: 0 0 25px;
}


/* In the News */
body.in-the-news h1{
	padding-left: 0;
}

body.in-the-news #content li{
	border-top: 1px solid #7f7f7f;
	list-style: none;
	margin: 0;
	padding: 15px 0;
}

	body.in-the-news #content li:first-child{
		border-top: none;
	}

	body.in-the-news li h2,
	body.in-the-news li p{
		font-size: 13px;
		padding: 0;
	}

	body.in-the-news li a.more{
		color: #fff;
	}
	
	body.in-the-news #content .column + .column{
		float: right;
		width: 370px;
	}
	
	body.in-the-news .wp-caption{
		margin: 20px 0 0;
		width: auto;
	}

/* colour coding for sections */
.healthcare h1,
.healthcare h2,
.healthcare h3,
.healthcare h4,
.healthcare .h,
.healthcare cite,
.healthcare #content a:link{
	color: #00b5a1;
}

.healthcare .button{
	background-color: #00b5a1;
}

.module.healthcare h2{
	background: #0C3939;
}

.solutions h1,
.solutions h2,
.solutions h3,
.solutions h4,
.solutions .h,
.solutions cite,
.solutions #content a:link{
	color: #ec1c24;
}

.solutions .button{
	background-color: #ec1c24;
}

.module.solutions h2{
	background: #54131A
}


.marine h1,
.marine h2,
.marine h3,
.marine h4,
.marine .h,
.marine cite,
.marine #content a:link{
	color: #00c429;
}

.marine .button{
	background-color: #0a4d14;
}

.module.marine h2{
	background: #0A4D14;
}


.marine .main p{
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.marine blockquote{
	
}

	.marine blockquote p{
		padding: 12px 12px 0;
	}
	
	.marine blockquote p + p{
		padding: 0 12px 12px;
	}

/* Contact */
body.contact .primary{
	width: 495px;
}

body.contact .sidebar{
	float: right;
	font-size: 12px;
	padding-top: 27px;
	width: 298px;
}	

	body.contact .sidebar .links{
		color: #00aeef;
	}	
	

/**
 * Colorbox
 */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#00AEEF;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}