@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#333;
}

/* Container Styles */
#site {
	width:785px;
	margin:auto;
}

#home #site { background:#fff url(../images/plan-home.gif) 0 0 no-repeat; }
#company #site { background:#fff url(../images/plan-company.gif) 0 0 no-repeat; }
#story #site { background:#fff url(../images/plan-story.gif) 0 0 no-repeat; }
#vision #site { background:#fff url(../images/plan-vision.gif) 0 0 no-repeat; }
#expertise #site { background:#fff url(../images/plan-expertise.gif) 0 0 no-repeat; }
#people #site { background:#fff url(../images/plan-company.gif) 0 0 no-repeat; }
#projects #site { background:#fff url(../images/plan-home.gif) 0 0 no-repeat; }
#client #site { background:#fff url(../images/plan-story.gif) 0 0 no-repeat; }
#contact #site { background:#fff url(../images/plan-vision.gif) 0 0 no-repeat; }
#developers #site { background:#fff url(../images/plan-home.gif) 0 0 no-repeat; }
#local #site { background:#fff url(../images/plan-company.gif) 0 0 no-repeat; }
#state #site { background:#fff url(../images/plan-story.gif) 0 0 no-repeat; }

#grid {
	width:100%;
	background:transparent url(../images/grid.gif) 50% 0 repeat-y;
	height:100%;
}

/* Footer Styles */

#footer {
	clear:both;
	text-align:center;
	font-size:80%;
	margin-bottom:10px;
	position:relative;
	z-index:5;
}

/* Heading Styles */
#heading {
	width:100%;
	height:125px;
	background:url(../images/integran-logo.gif) 100% 100% no-repeat;
	position:relative;
}
#heading h1 {
	font-size:0;
	color:#fff;
}

#heading a {
	width:270px;
	height:96px;
	display:block;
	position:absolute;
	right:15px;
	top:16px;
	outline:none;
}

#heading img { margin:20px 0 0 30px; }

/* Menu Styles */
ul#menu { 
	background:url(../images/opaque.png) 0 0 repeat;
	margin:10px 0 25px; 
}
ul#menu li {
	list-style-type:none;
	display:inline;
}
ul#menu a {
	font-family:"Times New Roman", Times, serif;
	color:#176694;
	padding:2px 8px;
	text-decoration:none;
	font-size:1.2em;
	font-weight:700;
	border-right:1px solid #176694;
}
ul#menu a.last { border:0; }
ul#menu a:focus, ul#menu a:hover {
	text-decoration:underline;
}

#company #site a.company { color:#d1a82a; }
#story #site a.story { color:#d1a82a; }
#vision #site a.vision { color:#d1a82a; }
#people #site a.people { color:#d1a82a; }
#expertise #site a.expertise { color:#d1a82a; }
#projects #site a.projects { color:#d1a82a; }
#feedback #site a.feedback { color:#d1a82a; }
#contact #site a.contact { color:#d1a82a; }

/* Column Styles */

#content, #column {
	padding:10px;
	background:url(../images/opaque.png) 0 0 repeat;
} 

#column {
	width:265px;
	float:right;
	padding:10px 0 10px 5px;
}

#content {
	width:500px;
	padding:10px 5px 10px 10px;
}

#content p {
	text-align:justify;
}

#column img {
	margin:6px 6px 0 0;
}

#content li {
	list-style-type:square;
}

#column h2 a {
	color:#d1a82a;
}

#content a, #column a {
	text-decoration:underline;
	color:#176694;
}

#content a:hover, #content a:focus, #column a:hover, #column a:focus {
	text-decoration:none;
}

/* Text Styles */
p {
	margin:10px 0;
}
#content ul, #content ol {
	margin:10px 0 10px 20px;
}
#content li {
	margin-bottom:5px;	
}

#content h1 {
	font-family:"Times New Roman", Times, serif;
	color:#176694;
	font-size:8em;
	font-weight:normal;
	width:550px;
	position:relative;
	z-index:5;
}
#content h2 {
	font-family:"Times New Roman", Times, serif;
	color:#d1a82a;
	font-size:2em;
}
#content h3 {
	color:#176694;
}

#content h4 {
	margin:5px 0;
}

#column h2 {
	color:#d1a82a;
	font-size:1.2em;
	margin:5px 0;
}

.blue {
	color:#176694;
	font-weight:700;
	font-size:1.1em;
}

/* Home page styles */
#home #content ul {
	margin-left:50px;
}

#home #content li {
	color:#d1a82a;
	font-size:1.2em;
	font-weight:bold;
}

#home #column img.txt {
	position:relative;
	left:-160px;
}

#supplier {
	clear:both;
	background:url(../images/opaque.png) 0 0 repeat;
	padding:5px 50px 0 0;
	font-size:80%;
	min-height:70px;
	margin-left:50px;
}

#supplier img {
	float:left;
	margin-right:10px;
}

#home #footer {
	background:url(../images/footer-home.gif) 50px 50px no-repeat;
	padding-top:150px;
}

#column img.txt {
	position:relative;
	z-index:1;
	margin-right:-100px;
}

#slideshow {
	position:relative;
	height:410px;
}

#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow img.active {
	z-index:10;
	opacity:1.0;
}

#slideshow img.last-active {
	z-index:9;
}

/* Our Company Styles */
#content p.highlight {
	float:right;
	width:280px;
	margin:0 0 10px 20px;
	font-size:1.2em;
	color:#176694;
	font-weight:700;
	text-align:left;
}

#company #content h1 {
	font-size:7em;
}

#company #column img.txt {
	left:-50px;
	top:55px;
}

/* Our Story Styles */
h1 span.smaller {
	font-size:30%;
}

#story #column img.txt {
	left:-250px;
	top:85px;
}

/* Our Vision Styles */
#vision #column img.txt {
	left:-250px;
	top:165px;
}

/* Our People Styles */

#staff {
	clear:both;
	width:765px;
	margin-left:15px;
	margin-bottom:15px;
	background:url(../images/opaque.png) 0 0 repeat;
}

#staff li {
	display:block;
	margin:0 7px 7px 0;
	width:120px;
	height:180px;
	text-align:center;
	float:left;
	font-size:1.1em;
	list-style-type:none;
}

#staff a {
	width:120px;
	height:19px;
	display:block;
	background:url(../images/profile-name.png) 0 100% no-repeat;
	padding-top:161px;
	text-decoration:none;
	color:#176694;
}

#staff a span {
	vertical-align:bottom;
}

#staff a:hover {
	text-decoration:underline;
}

#staff li.jason { background:url(../images/jason-natoli.jpg) -70px 0 no-repeat; }
#staff li.doug { background:url(../images/doug-schneider.jpg) -83px 0 no-repeat; }
#staff li.simon { background:url(../images/simon-bentley.jpg) -18px 0 no-repeat; }
#staff li.noeline { background:url(../images/noeline-charlton.jpg) -100px -15px no-repeat; }

#staff li.philip { background:url(../images/philip-mann.jpg) -25px 0 no-repeat; }
#staff li.francis { background:url(../images/francis-pham.jpg) -30px 0 no-repeat; }
#staff li.stephen { background:url(../images/stephen-norris.jpg) -90px 0 no-repeat; }
#staff li.sandra { background:url(../images/sandra-uzelac.jpg) -55px -5px no-repeat; }

#staff li.philip a:hover, #staff li.francis a:hover, #staff li.stephen a:hover, #staff li.sandra a:hover {
	text-decoration:none;
}

#profiles {
	clear:both;
	position: relative;
	width: 750px;
	height: 350px;
	left: 0;
	top: 0;
	overflow-y: hidden;
	z-index: 1;
}

#profiles div {
	position: relative;
	width: 515px;
	height: 350px;
	float:left;
	padding-left:235px;
	background-position:0 0;
	background-repeat:no-repeat;
}

/*#profiles div#jason { left: 0; background-image:url(../images/jason-natoli.jpg); }
#profiles div#neville { left: 750px; top:-300px; background-image:url(../images/neville-crook.jpg); }
#profiles div#andrew { left: 1500px; top:-600px; background-image:url(../images/andrew-lyndon.jpg); }
#profiles div#doug { left: 2250px; top:-900px; background-image:url(../images/doug-schneider.jpg); }
#profiles div#simon { left: 3000px; top:-1200px; background-image:url(../images/simon-bentley.jpg); }
#profiles div#christine { left: 3750px; top:-1500px; background-image:url(../images/christine-whitfield.jpg); }
#profiles div#thuan { left: 0; top:-1500px; background-image:url(../images/thuan-nguyen.jpg); }
#profiles div#tracey { left: 750px; top:-1800px; background-image:url(../images/tracey-stringer.jpg); }
#profiles div#noeline { left: 1500px; top:-2100px; background-image:url(../images/noeline-charlton.jpg); }
#profiles div#amanda { left: 2250px; top:-2400px; background-image:url(../images/amanda-keable.jpg); }*/

#profiles div#jason { left: 0; background-image:url(../images/jason-natoli.jpg); }
#profiles div#doug { left: 750px; top:-350px; background-image:url(../images/doug-schneider.jpg); }
#profiles div#simon { left: 1500px; top:-700px; background-image:url(../images/simon-bentley.jpg); }
#profiles div#philip { left: 2250px; top:-1050px; background-image:url(../images/philip-mann.jpg); }
#profiles div#francis { left: 3000px; top:-1400px; background-image:url(../images/francis-pham.jpg); }
#profiles div#stephen { left: 3750px; top:-1750px; background-image:url(../images/stephen-norris.jpg); }
#profiles div#noeline { left: 4500px; top:-2100px; background-image:url(../images/noeline-charlton.jpg); }
#profiles div#sandra { left: 5250px; top:-2450px; background-image:url(../images/sandra-uzelac.jpg); }

#profiles h2 {
	color:#176694;
	font-size:1.3em;
	font-family:"Times New Roman", Times, serif;
}

#profiles h2 .role {
	color:#d0a62a;
}

/* JS support? */
.js #profiles {
	overflow: hidden;
}





/* Our Expertise Styles */
#expertise #column img.txt {
	top:100px;
	left:-25px;
}

/* Recent Projects Styles */
#projects #content h1 {
	margin-bottom:25px;
	font-size:7em;
}

#projects #column img.txt {
	left:-160px;
	top:365px;
}

/* Client Feedback Styles */
#client #content h1 {
	margin-top:300px;
	font-size:6.5em;
}

/* Contact Styles */
#contact #heading img {
	margin:30px 0 0 30px;
}

#contact #column img.txt {
	left:-70px;
	top:290px;
}

#contact.email #column img.txt {
	left:-70px;
	top:75px;
}

#contact table {
	width:475px;
	border-collapse:collapse;
}

#contact table th {
	text-align:left;
	color:#176694;
}

#contact table td, #contact table th {
	vertical-align:top;
	padding:5px 5px 5px 0;
}

#map {
	width:475px;
	height:475px;
	border:1px solid #999;
}

#map span, #map a {
	display:none;
}

#map #logocontrol a {
	display:inline;
}

#contact #content h1 {
	font-size:6em;
	width:700px;
	margin-bottom:50px;
}

#contact form {
	width:450px;
	margin-right:20px; 
}

#contact fieldset {
	border:0;
}

#contact legend {
	display:none;
}

#contact label {
	display:block;
	margin:10px 0; 
	padding:5px 0 5px 2px;
}

#contact label input { 
	float:right; 
	width:300px; 
	clear:right; 
	border:1px solid #000; 
	padding:1px; 
}

#contact label input:focus, #contact textarea:focus {
	border-color:#382; 
	background:#fff;
}

#contact textarea { 
	border:1px solid #000; 
	width:474px; 
	margin:5px 5px 0; 
}

#contact p.note, #contact p.alert { 
	color:#176694;
	font-weight:700;
	font-size:1.1em;
}

#contact.email #content h1 {
	margin-top:200px;
}

/* Developers Styles */

#developers #content h1 {
	font-size:7em;
}

/* Local Styles */
#local #content h1 {
	font-size:6em;
}

#local #column img.txt {
	left:-25px;
}

#local #column p.blue {
	margin-right:5px;
}

/* State Styles */
#state #content h1 {
	font-size:6.5em;
	width:600px;
}