/* 

client: Intelligent Access Systems
author: Atlantic BT - www.atlanticbt.com

colors:
	blue:			#0076a3
	bright blue:	#1996c5
	green:			#93b52b
	vivid green:	#a1c436
	rust red:		#a62811
	

==================================================================================================================*/




/* =Normalize/Reset
==================================================================================================================*/

* {	margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } ul, ul li { list-style: none; list-style-position: outside; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } em, strong { /* left out from above */ } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content: ""; } hr { display: none; }
.clear { clear: both; } /* not to be confused with clearfix */
a:focus { outline: none; }


/* =Base
==================================================================================================================*/

body { text-align: center; background: #7d7d7d; font: 10px/1.5em Tahoma, Arial, Helvetica, sans-serif; color: #1a1a1a; }
div { font-size: 100%; text-align: left; }

/* hide accessibility, but leave there for readers */
.access { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }



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

p { font-size: 1em; }
.content p { margin: 0 0 1.5em; }

/* base anchor colors/style */
a { color: #0076a3; }
a:hover, a:focus { color: #93b52b; }
	
h1 { margin: 0 0 .9em; font: normal 1.67em/.9em Eurostile, "Droid Sans Mono", "Lucida Console", Monaco, monospace; text-transform: uppercase; color: #000; }
h2, legend { margin: 0 0 1em; font: normal 1.50em/1em Eurostile, "Droid Sans Mono", "Lucida Console", Monaco, monospace; color: #0076a3; }
	legend { color: #93b52b; font-weight: bold; font-size: 1.67em; }
h3 { margin: 0 0 1.12em; font: bold 1.33em/1.12em Eurostile, "Droid Sans Mono", "Lucida Console", Monaco, monospace; color: #000; }
h4 { margin: 0 0 1.26em; font: bold 1.17em/1.26em Eurostile, "Droid Sans Mono", "Lucida Console", Monaco, monospace; text-transform: uppercase; color: #000; }
h5,	h6 { margin: 0 0 1.5em; font: bold 1em/1.5em Eurostile, "Droid Sans Mono", "Lucida Console", Monaco, monospace; text-transform: uppercase; color: #000; }

	
/* =Element Styles
==================================================================================================================*/

ul { list-style: none; margin: 0 0 1.5em 1.5em; }
ul li { margin: 0; padding-left: 14px; background: url(../images/i_bullet.gif) no-repeat 0 .6em; }
ol { margin: 0 0 1.5em 3em; }
ol li { margin: 0; }
ul ul, ol ol { margin-top: 1.5em; }	
	
dl { margin: 0 0 1.5em; }
dl dt { margin: 0; font-weight: bold; }
dl dd { margin: 0 0 0 1.5em; }

abbr { cursor: help; }

blockquote { margin: 1em 0; padding: 0 1em; }
blockquote p { margin: 0 0 1.5em; }
blockquote p.cite { text-align: right; }

table { width: 100%; font: inherit; }
th, td { padding: .5em; border: 1px solid #000; }
th { font-weight: bold; }

.logos, table.logos td, table.logos th { padding: 0; border: 0; text-align: center; vertical-align: middle; }
	
	
/* =Base Form Styles
==================================================================================================================*/

input, textarea, select { padding: 4px; width: 275px; border: 1px solid #c2c2c2; border-right-color: #d7d7d7; border-bottom-color: #d7d7d7; background: #fff;	font: inherit; }
input { padding: 5px; }
select { width: auto; }
textarea { height: 15em; }

input:focus, textarea:focus, select:focus { background-color: #ffffce; }

/* input overrides based on type */
input.radio, input.checkbox,
.buttons input, input.button, input.submit, input.image { border: 0; padding: 0; width: auto; background: none; }

.buttons input, input.button { padding: 4px 10px; background: #93b52b; color: #fff; text-align: center; cursor: pointer; text-transform: uppercase; font-weight: bold; }


/* specific input types */
.postal-code input { width: 5em; }
input.prefix { margin: 0 .25em 0 0; width: 2.5em; }
input.area-code { margin: 0 .25em; width: 2.5em; }
input.suffix { width: 3em; }

/* fieldset defaults */
fieldset fieldset legend { font-size: 1em; margin: 0; }
	
/* form list items */
form ol { margin: 0; }
form li, div.field { clear: both; position: relative; margin: 0 0 1.5em; padding: 0; list-style: none; height: 1%; }

/* labels */
label { float: left; display: inline; margin: 0 5px 0 0; padding-top: 5px; width: 100px; text-align: right; }
.extended label { color: #999; } /* extended address */
.long label, label.long,
.textarea label { float: none; display: block; margin: 0 0 5px; padding: 0; width: auto; text-align: left; }
.checkboxes label, .radios label { float: none; margin: 0 0 0 5px; padding: 0; }

/* radio & checkbox lists */
ul.radios, ul.checkboxes { margin: 0; }
ul.radios li, ul.checkboxes li { margin-right: 20px; }

/* summary / input descrition items */
em.summary { display: block; margin: 5px 0 0 110px; font-style: normal; font-size: .857em; color: #999; }

/* error messages */
/*form .error-message { display: block; width: 230px;	padding: 4px 10px 3px 30px; border: 1px solid #e5a3a3; background: #ffcfcf url(/i_exclamation.gif) no-repeat 10px 5px;	color: #801b1b; font-style: normal; }*/
.error-message { margin-left: 110px; }

div.field span {  }


/* =Navigation
==================================================================================================================*/

#navigation { position: absolute; left: 0; top: 0; float: left; display: inline; width: 100%; height: 100px; background: url(../images/bg_masthead.png) repeat 0 0; z-index: 1000; }
	#main-nav, #main-nav li, #main-nav li a, #main-nav li strong { float: left; display: inline; margin: 0; padding: 0; height: 27px; background: none; }
	#main-nav { position: absolute; right: 50%; top: 51px; margin-right: -522px; width: 752px; }

	#main-nav li a { width: 91px; text-indent: -9000em; background: url(../images/sp_nav.png) no-repeat 0 0; }
	#main-nav li#n-about a { width: 89px; background-position: -91px 0; }
	#main-nav li#n-markets a { width: 105px; background-position: -180px 0; }
	#main-nav li#n-services a { width: 107px; background-position: -285px 0; }
	#main-nav li#n-projects a { width: 110px; background-position: -392px 0; }
	#main-nav li#n-partners a { width: 112px; background-position: -502px 0; }
	#main-nav li#n-support a { width: 106px; background-position: -614px 0; }
	#main-nav li#n-contact a { width: 122px; background-position: -724px -27px; }
	
	#main-nav li#n-home:hover a { background-position: 0 -27px; }
	#main-nav li#n-about:hover a { width: 89px; background-position: -91px -27px; }
	#main-nav li#n-markets:hover a { width: 105px; background-position: -180px -27px; }
	#main-nav li#n-services:hover a { width: 107px; background-position: -285px -27px; }
	#main-nav li#n-projects:hover a { width: 110px; background-position: -392px -27px; }
	#main-nav li#n-partners:hover a { width: 112px; background-position: -502px -27px; }
	#main-nav li#n-support:hover a { width: 106px; background-position: -614px -27px; }
	#main-nav li#n-contact:hover a { width: 122px; background-position: -724px -27px; }
	
	
#site-nav { position: absolute; right: 50%; top: 10px; margin: 0 -517px 0 0; font-size: 1.1em; }
	#site-nav li { display: inline; padding: 0 15px; background: none; border-left: 1px solid #555554; }
	#site-nav a { color: #fff; text-decoration: none; }
	#site-nav a:hover { color: #a1c436; }
	#site-nav li#n-blog { border: 0; }
	
	a#n-contact { position: absolute; top: 5px; right: 50%; margin: 0 -540px 0 0; padding: 5px 10px; background: #0076A3; color: #fff; text-align: center; text-decoration: none;  }
	a#n-contact:hover { background: #a1c436; }
	
.section-nav { float: left; display: inline; margin: 0 0 20px; width: 220px; }
.section-nav h2 { position: relative; padding: 0 10px; text-transform: uppercase; font-size: 1em; line-height: 19px; color: #fff; background: #000 url(../images/bg_down-arrow.gif) no-repeat right center; }
.section-nav ul, .section-nav li { float: left; display: inline; margin: 0; width: 220px; }
.section-nav li { padding: 0; border-bottom: 1px solid #d9d9d9; background: none; }
.section-nav a, .section-nav strong { float: left; display: inline; padding: 4px 10px 4px 25px; width: 185px; background: url(../images/i_bullet.gif) no-repeat 10px 1em; color: #1a1a1a; text-decoration: none; font-weight: bold; }
	.section-nav strong { background-color: #e6e6e6; }

.section-nav li ul { padding: 5px 0 10px; }
.section-nav li li { border: 0; }
.section-nav li li a { padding: 0 10px 0 45px; width: 165px; background-position: 30px .7em; font-weight: normal; }
	
.section-nav ul li.selected a { background-color: #0076a3; background-image: url(../images/i_bullet-wht.gif); color: #fff; position: relative; }
.section-nav ul li a span.selected { position: absolute; top: .5em; left: 6px; display: block; width: 10px; height: 8px; text-indent: -9000em; background: url(/images/icons/i_check.gif) no-repeat 0 0; }
.section-nav ul li.selected li a { background-color: transparent; color: #1a1a1a; background-image: url(/images/i_bullet.gif); }

.section-nav ul li.selected a:hover,
.section-nav a:hover { background-color: #3a3a3a; background-image: url(../images/i_bullet-wht.gif); color: #fff; }


/* =Layout Styles
==================================================================================================================*/

/* for centered design */
.wrap { margin: 0 auto; width: 940px; }
.header, .main-area, .footer { float: left; display: inline; width: 100%; }

#graphics-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 297px; z-index: 1; overflow: hidden; text-align: center; }
#graphics { margin: 0 auto; height: 297px; width: 1100px; }
.nivo-controlNav { position: absolute; right: 80px; bottom: 10px; z-index: 1300; width: 120px; }
.nivo-controlNav a { float: left; display: inline; margin-left: 6px; width: 12px; height: 12px; border: 1px solid #fff; text-indent: -9000em; }
.nivo-controlNav a.active { background: #fff; }
#graphics img:first-child { z-index: 10; }

#masthead { position: relative; height: 297px; background: #000; }
#logo, #logo a { float: left; display: inline; width: 194px; height: 55px; }
#logo { position: absolute; top: 20px; left: 50%; margin-left: -454px; z-index: 1100; text-indent: -9000em; background: url(../images/l_ias.png) no-repeat 0 0; }

.main-area { padding: 20px 0 40px; font-size: 1.2em; line-height: 1.5em; background: #fff url(../images/bg_main-area.gif) repeat-x left bottom; overflow: hidden; }
.content { float: right; display: inline; padding: 0 20px; width: 660px; }
.secondary-content { float: left; display: inline; margin-right: 20px; width: 220px; }

.footer { background: #606060 url(../images/bg_site-info.gif) repeat-x 0 0; font-size: 1.1em; line-height: 1.5em; color: #e3e3e3; }
.footer .wrap { padding: 20px 0 0; height: 80px; background: url(../images/bg_footer.gif) no-repeat 0 0; }
	.footer a { color: #e3e3e3; text-decoration: underline; }
	#abt-brand, #abt-brand a { color: #c9c9c9; text-decoration: none; }
	#site-info a:hover { color: #fff; text-decoration: underline; }
.social { float: right; display: inline; margin: 0; width: 300px; }
.social li, .social a { float: right; display: inline; margin: 0; padding: 0; width: 30px; height: 31px; text-indent: -9000em; background: url(../images/sp_social-icons.png) no-repeat 0 0; }
	.social li { margin-left: 10px; }
	.social li.facebook, .social .facebook a { background-position: -40px 0; }
	.social li.linkedin, .social .linkedin a { background-position: -80px 0; }
	
	
/* =Homepage Specific Styles
==================================================================================================================*/

body#index h1 { position: absolute; left: 50%; top: 340px; margin: 0 0 0 -470px; padding: 10px; width: 420px; color: #fff; font-size: 1.3em; line-height: 1.5em; font-weight: normal; background: url(../images/bg_tagline.png) repeat 0 0; font-family: Eurostile, "Droid Sans Mono", "Lucida Console", Monaco, monospace; text-transform: uppercase; z-index: 1102; }

body#index #graphics-wrap,
body#index #graphics { height: 460px; }
body#index #masthead { height: 460px; }
body#index .content, body#index .secondary-content { padding: 0; width: 460px; }

.module { float: left; display: inline; margin: 0 0 20px; }
.index-markets { margin-right: 20px; clear: left; width: 220px; }
.index-services { width: 220px; }
.secondary-content .module { padding: 0 10px; width: 440px; }

.module h2 { position: relative; float: left; display: inline; padding: 0 10px; text-transform: uppercase; font-size: 1em; line-height: 19px; color: #fff; background: #000; }
	.secondary-content h2 { padding-right: 25px; }
	.index-markets h2 { background-color: #93b52b; }
	.index-services h2 { background-color: #a62811; }
	.index-news h2 { background-color: #0076a3; }
	
	.module ul { clear: both; margin: 0 0 1.5em; }
	.module .title { clear: both; }
	.index-news li { margin: 0 0 1px; padding: 0; background: none; line-height: 19px; /* IE */ height: 1%; }
	.index-news .timestamp { margin-right: 8px; padding: 2px 10px 3px; background: #0076a3; color: #fff; font-style: normal; font-weight: bold; }
	.index-news strong { font-weight: normal; }
	
	.index-news h2 { padding-right: 10px; }
	.module a { color: #1a1a1a; }
	.module a:hover { color: #93b52b; }
	.index-services a:hover { color: #a62811; }
	.index-news a { text-decoration: none; }
	.index-news a:hover { color: #0076a3; }
	.index-news a:hover .timestamp { background-color: #1996c5; }
	
	.secondary-content .index-project { position: relative; padding: 10px 260px 10px 10px; width: 190px; height: 116px; background: url(../images/bg_feature.gif) no-repeat 0 0; }
	.index-project .thumb { position: absolute; right: 30px; top: 10px; display: block; width: 217px; height: 93px; overflow: hidden; border: 1px solid #000; }
	.index-project .view a { position: absolute; left: 211px; top: 105px; float: left; display: inline; padding: 2px 10px; color: #fff; text-decoration: none; text-transform: uppercase; background: #000; /* IE */ white-space: nowrap; }
	.index-project .view a:hover { background: #3a3a3a; }
	.index-project .summary strong { margin-right: 10px; }
	
	.module a.more { position: absolute; right: 0; top: 0; float: right; display: inline; width: 19px; height: 19px; text-indent: -9000em; border-left: 1px solid #fff; background: url(../images/i_plus.gif) no-repeat center center; }
	.module a.more:hover { background-color: #3a3a3a; }
	.index-news a.more:hover { background-color: #1996c5; }
	
	
	.index-news a.more { display: none; }
	
.index-news, .index-intro { margin-bottom: 50px; }
	
	
/* =Contact Form Widget 
==================================================================================================================*/

#contact-widget { position: absolute; left: -542px; top: 170px; width: 542px; min-height: 144px; background: #0076a3; z-index: 1200; }
#widget-button { position: absolute; right: -38px; top: 0; width: 38px; height: 144px; cursor: pointer; background: url(/images/sp_b-ask.gif) no-repeat -38px 0; }
.open #widget-button { background-position: 0 0; }

#widget-inner { padding: 20px 20px 20px 60px; color: #fff; font-size: 1.2em; }
#contact-widget legend { margin-bottom: .25em; }
#contact-widget .field-group { float: left; display: inline; margin: 20px 0 0; width: 230px; }
#contact-widget label { float: none; display: block; margin-bottom: 5px; width: auto; text-align: left; }
#contact-widget .field input { width: 170px; border: 0; }
#contact-widget .field textarea { width: 210px; height: 10em; border: 0; }
#contact-widget .buttons { margin: 10px 0; }
#contact-widget div.error-message { margin-left: 0; }


/* =Contact Form Page 
==================================================================================================================*/

#ContactForm div.field, #ContactForm div.buttons { float: left; display: inline; width: 660px; }
#ContactForm div.email, #ContactForm div.city { margin-right: 20px; width: 320px; }
#ContactForm div.phone, #ContactForm div.state { clear: none; width: 320px; }
#ContactForm div.email input, #ContactForm div.phone input,
#ContactForm div.city input { width: 195px; }
#ContactForm div.state input { width: 4em; }
#ContactForm div.phone label, #ContactForm div.state label { width: 40px; }
#ContactForm div.phone em.summary, #ContactForm div.state em.summary,
#ContactForm div.phone div.error-message { margin-left: 50px; }
#ContactForm div.address input { width: 360px; }
#ContactForm textarea { width: 477px; }

#ContactForm div.buttons { text-align: right; }
#ContactForm input.button { margin-right: 70px; }
#ContactForm h2 { font-size: 1.2em; line-height: 1.5em; color: #000; }


/* =Projects Listing
==================================================================================================================*/

ul.vprojects, ul.vprojects li { float: left; display: inline; margin: 0; padding: 0; background: none; }

ul.vprojects { margin: 0 0 40px; width: 660px; }
ul.vprojects li { padding: 10px; width: 200px; height: 200px; }
ul.vprojects li:hover { background: url(/images/bg_project.gif) no-repeat 0 0; }
ul.vprojects span.thumb { display: block; margin: 0 0 12px; width: 200px; height: 100px; overflow: hidden; border: 1px solid #000; }
ul.vprojects span.thumb img { width: 200px; }
ul.vprojects .info { position: relative; margin: 0 -10px; padding: 4px 10px; width: 200px; }
ul.vprojects .info a { color: #1a1a1a; text-decoration: none; }
ul.vprojects .info strong.summary, ul.vprojects .info span.market, ul.vprojects .info span.author { display: block; }

ul.vprojects li:hover .info { background-color: #000; color: #fff; }
ul.vprojects li:hover .info a { color: #fff; }

#map { margin: 0 0 1.5em; width: 658px; height: 380px; border: 1px solid #1a1a1a; }

/* =Project Details
==================================================================================================================*/

#details { float: left; display: inline; margin: 0 0 40px; width: 660px; border:1px solid #222; background:#222 url(/images/bg_details.gif) repeat-y 350px 0; }
#project-photos ul, #project-photos li { margin: 0; padding: 0; background: none; }
#project-photos { float: left; display: inline; width: 348px; height: 174px;/*width: 348px; height: 198px;*/ overflow: hidden; /*border: 1px solid #000;*/ }
	#project-photos img { height:174px; min-height:174px; max-width:348px; /*width:348px;*/ }
#project-info { float: right; display: inline; margin-left: 0; width: 310px; }
#project-info dl { float: left; display: inline; margin: 0; width: 310px; border-bottom: 1px solid #fff; }
#project-info dt, #project-info dd { float: left; display: inline; margin: 0; padding: 2px 10px 3px; width: 179px; background-color: #777; color: #fff; }
#project-info dt { width: 90px; padding: 2px 10px 3px; background: #000; border-right: 1px solid #fff; color: #fff; }

.quote { padding: 0 60px; background: url(/images/bg_quote.gif) no-repeat -10px 0; }


/* =Staff & Bios
==================================================================================================================*/

#key-personnel,
#key-personnel ul,
#key-personnel li { float: left; display: inline; margin: 0; padding: 0; width: 660px; background: none; }
#key-personnel li { margin: 0 20px 20px 0; width: 145px; height: 150px; text-align: center; }
#key-personnel li.ie-clear-issue { display: none; }
#key-personnel .thumb { display: block; margin: 0 auto; width: 67px; height: 67px; border: 1px solid #000; overflow: hidden; }
#key-personnel .thumb img { width: 67px; }
#key-personnel p { margin: 0; }

.title-photo { float: right; display: inline; margin: 0 0 20px 20px; width: 152px; }
#bio-photo { width: 150px; height: 150px; overflow: hidden; border: 1px solid #000; }
#bio-photo img { width: 150px; }
#management-team .content { position: relative; }
#bio-title { margin: 2px 0 0; padding: 3px 10px; width: 132px; line-height: 1.2em; background: #000; color: #fff; text-transform: uppercase; }

/* careers */
ul#careers { margin: 0 0 1.5em; }
ul#careers li { margin-bottom: 4px; padding: 0; }
ul#careers a { text-decoration: none; }
em.timestamp { margin-right: 10px; padding: 3px 8px; background: #0076a3; color: #fff; text-decoration: none; font-style: normal; }
ul#careers strong { color: #1a1a1a; font-weight: normal; }
ul#careers a:hover strong { color: #1996c5; }
ul#careers a:hover em.timestamp { background-color: #1996c5; }


/* =Location Details/Offices
==================================================================================================================*/

#location-details { float: left; display: inline; margin: 0 0 40px; width: 660px; background: #2fa8d6; }
#info-photos { float: left; display: inline; width: 350px; }
#info-photos ul,
#info-photos li { margin: 0; padding: 0; background: none; }
#info-photos ul { width: 348px; height: 198px; overflow: hidden; border: 1px solid #0076a3; }
#location-info { float: left; display: inline; padding: 0 10px 8px; width: 330px; background: #1996c5; color: #fff; }
#location-info h2 { position: relative; margin: 0 -10px 10px; padding: 3px 10px; width: 330px; background: #0076a3; color: #fff; font-size: 1em; line-height: 1.5em; }
.vcard p, .vcard dl { margin: 0; }
p.adr { margin-bottom: 1.5em; }
.vcard dt, .vcard dd { display: inline; margin: 0 10px 0 0; }

#location-map { position: relative; float: right; display: inline; margin-left: 0; padding: 0; width: 310px; }
#map { position: absolute; right: 0; top: 0; width: 310px; height: 300px; z-index: 900; }
#enlarge-link, #close-link { position: absolute; right: 8px; top: 305px; padding-left: 16px; background: url(/images/i_mag.gif) no-repeat 0 50%; }
#close-link { top: 325px; background-image: url(/images/i_ex.gif); }
#enlarge-link a, #close-link a { color: #fff; }
#map input { margin-right: 10px; width: auto; }
.gmnoprint div { text-align: center; }

#facts-figures, #project-list, #key-personnel, #location-summary, #client-list, .testimonials, #contacts-info { clear: both; float: left; display: inline; margin-bottom: 1.5em; padding-top: 1.5em; width: 660px; border-top: 1px solid #ccc; }
#facts-figures { padding: 0; border: 0; }

#facts-figures table {  }
#facts-figures td, #facts-figures th { border: 1px solid #fff; width: 162px; vertical-align: top; background: #dedede; }
#facts-figures th { width: 165px; background-color: #777; color: #fff; }
#facts-figures caption { padding-bottom: 1.5em; text-align: left; }


/* =Support Page
==================================================================================================================*/

body.support .secondary-content { display: none; }
body.support .content { position: relative; margin: 0 -10px; padding: 0; width: 960px; }
body.support iframe { overflow-x: hidden; }