html,body {margin:0;padding:0}
body {
	text-align:center; /* Hack for IE5/Win */
	font-family: Verdana, Arial, sans-serif;
	font-size:62.5%; /* Makes default font size 10px - http://www.clagnut.com/blog/348 */
	line-height:1.8em;
	margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	}
div {background:no-repeat top left}
div span {font-size:0px; height:0px; text-decoration:none; width:0px}
h2, h3, h4 {margin:30px 10px 10px 14px}
h2 {font-family: Arial; font-size:2.6em; font-weight:100; letter-spacing:0.05em}
h3 {font-size:1.3em; margin:10px 0 0 14px}
h4 {font-size:1.3em; margin:10px 0 0 14px}
img {border:0}
p {margin:0 10px 6px 14px; font-size:1.3em}

#container {
	margin:0px auto;
	text-align:left; /* Counteract to IE5/Win Hack */
	width:750px;
	} /* 800px width:950px */

div#header {width:100%}

/* =s1 =s2 =s3
------- */
/*#nav1, .s1, .s2, .s3 {padding:0 10% 0 10%; width:80%}*/

.s1 {margin:0px auto; margin-bottom:4px; width:100%}
.s2 {}
.s1 {color:#ffffff; margin:0 auto; min-height:345px}

/* =pri =sec :: primary & secondary containers */
.pri {background:#539899; margin-right:6px; float:left; width:228px}
.sec {float:left; width:516px}
.thi {float:left; height:113px; margin-top:4px; width:763px}
.s1 .pri {min-height:343px}
.s2 .pri {min-height:200px}
.s3 .pri {min-height:0px}

#imagery_gp, #newsdiv, #showreel, #imagery_sr, #imagery_au {color:#ffffff}
#imagery_gp {background:#539899 none repeat scroll 0%;}
#imagery_gp .reelflv {padding-top: 25px}
#welcome h2, #pri_c h2, #imagery_au h2 {margin-top:30px}

/* =WELCOME */
#welcome, #imagery_gp {height:343px}
#welcome { /* IE 6 hack */ /* else background colour doesn't stretch enough in FF */
  min-height:343px;
  height:auto !important;
  height:343px; width:225px}
#welcome p {margin-right:16px}
#imagery_gp {overflow:hidden; width:519px}
#imagery_wel {margin:0; padding:0}
#wel_train {background:url(../images/train.jpg); height:343px; overflow:hidden; width:519px}
#wel_faustino {background:url(../images/faustino.jpg); height:343px; overflow:hidden; width:519px}
#wel_children {background:url(../images/children.jpg); height:343px; overflow:hidden; width:519px}
#wel_people {background:url(../images/people.jpg); height:343px; overflow:hidden; width:519px}

#newsdiv, #showreel { /* IE 6 hack */
  margin-top:6px;
  min-height:113px;
  height:auto !important;
  height:113px}
#newsdiv {background:#5997ae url(../images/bg_news.jpg) no-repeat; margin-right:0px; width:225px}
#showreel {background-color:#504536; color:#ffffff; float: right; margin-right:0px; width:519px}
#newsdiv h2, #showreel h2 {margin:16px 10px 10px 10px}
#showreel p {line-height:1.4em;}

#newsitems {list-style-type:none; margin:0 6px 0 10px; padding:0}
#newsitems li {font-size:1.2em; list-style-type:none; line-height:1.2em}

/* =ABOUTUS */
#pri_au, #imagery_au {background-color:#504536; min-height:318px}
#pri_au {/* IE 6 hack */
  min-height:318px;
  height:auto !important;
  height:318px; margin-left:2px; margin-right:0; padding:25px 35px 0 20px; width:464px} /*margin-bottom:6px; */
#imagery_au {background:url(../images/cars.jpg); margin-right:4px; height:343px; width:225px}
/*#imagery_au h2 {margin-top:20px}*/
#thi_au {background:url(../images/car-cones.jpg); margin-top:5px; width:750px} /* margin-top:4px - no padding or border */

/* =CASESTUDIES =SHOWREEL =CONTACT */
#pri_cs, #imagery_cs, #pri_sr, #imagery_sr, #pri_c, #imagery_c {/* IE 6 hack */
  min-height:462px;
  height:auto !important;
  height:462px
}

/* =CASESTUDIES */
#pri_cs {background-color:#504536; padding-right:15px; width:409px}
#pri_cs h3, #pri_cs h4 {font:normal 1.6em Arial}
#pri_cs h3 {margin-top:45px}
#pri_cs h4 {margin-bottom:20px; margin-top:0}
#imagery_cs {background-color:#539899;
	position:relative;
	left:0;
	top:0; width:320px}
#imagery_cs h3 {font-weight:bold; margin-left:20px}
#imagery_cs p {margin:10px 23px}
#imagery_cs .first {margin-top:100px}
#imagery_cs .last {margin-top:0}

/* Flash */
embed {background-color:#000000}

/* Next */
.next {background:url(../images/bullet.gif) right no-repeat; height:21px; margin-top:30px; position:absolute; right:10px; text-align:right; top:400px} /* 430px */
.next a {color:#ffffff; padding-right:25px; display:block; height:21px; text-decoration:none} /* 15px */
h5 {font-family: Arial; font-size:1.7em; font-weight:normal; line-height:1.2em}
.next h5 a:hover {text-decoration:underline}

/* Tooltip */
#tooltip {
	border: 1px solid #ffffff;
	background-color:#539899;
/*	background:url(../images/pointer.gif);*/
	line-height:1.5em;
	position:absolute;
	text-align:left;
	z-index: 3000;
}
#tooltip h3 {color:#ffffff; font-family:Arial; font-size:0.85em; font-weight:normal; margin:0px}
#tooltip h3 p {margin:5px}
#thumbs {margin-left:10px; text-align:left}
#thumbs a {margin:0}
#thumbs p {margin:42px 0 5px 0}
#thumbs img {height:47px; margin:0; width:55px} /* height:50; margin:0; width:55px  ????? */
#thumbs a img {border:1px solid #539899}

.thumbs {text-align:justify}
.thumbs, .thumbs li {display:inline; margin:0; padding:0; list-style:none}
.thumbs li {margin:0 6px 0 0}


/* =SHOWREEL */
#pri_sr {padding-right:15px; width:409px}
#imagery_sr {background:url(../images/showreel.jpg); height:461px; width:320px}

#pri_sr p {margin-top:14px}

/* =CONTACT =CREDITS */
#pri_c, #imagery_c, #pri_cr, #imagery_cr {height:462px}

#pri_c, #pri_cr {background-color:#504536; padding:0 10px 0 0; width:215px}
#pri_c p, #pri_cr p {margin:0px 10px 16px 14px}
#pri_c h3, #pri_cr h3, #imagery_cr h4.first {font-weight:bold; margin-top:28px}
#imagery_c, #imagery_cr {background:#539899; width:519px}
#imagery_c {text-align:center}
#imagery_cr {text-align:left}

/* =CONTACT */
/*
#pri_c {background-color:#504536; padding:0 10px 0 0; width:215px}
#pri_c p {margin:0px 10px 16px 10px}
#pri_c h3 {font-weight:bold; margin-top:20px}
#imagery_c {background:#539899; text-align:center; width:519px}
*/

/* =nav 1&2
------- */
#nav1 ul, #nav2 ul {margin:0; padding:0}
#nav1 li, #nav2 li {display:inline}
#nav1 a, #nav2 a {text-decoration:none}
#nav1 a:hover, #nav2 a:hover {text-decoration:underline}
#nav1 h1 a:hover {text-decoration:none;}


/* =nav1
------- */
#home {float:left; font-size:1px; margin:0}
#home a {display:block; height:22px; margin-bottom:15px; /*text-indent:-9999px;*/ position:absolute; left:-99999px; width:164px}
#nav1 {float:left; font-family:arial; font-size:1.4em; height:2.4em; letter-spacing:0.01em; margin-right:0; text-align:right; width:100%} /* font-family:arial; letter-spacing:0.1em;  */
#nav1 h1 {background:url(../images/logo.gif) no-repeat; height:22px; margin-left:15px; margin-right:10px; width:164px}
#nav1 a {color:#504536; font-weight:bold}
#nav1 ul {height:2em; margin:0; padding:2px 0 0 0}
#nav1 li {font-size:0.9em; list-style-type:none; margin-left:5%; padding:6px; text-align:center; width:100px} /* 25px */

/* =footer =nav2
------- */
#footer {clear:both; font-family:arial, sans-serif; font-size:1em; margin-top:10px; text-align:right}
#copyright {background-color:transparent; display:inline; text-align:left}
#nav2 {display:inline}
#nav2 li {border-left: solid 1px #9e9790; padding:0 2px 0 5px}
#nav2 li#home1 {border:none}
#nav2 li#home2 {border:none}
#nav2 li a {color:#302011; font-size:1em}

/* =nav3
------- */
#nav3 {margin-top:10px}

/* =nav3
------- */
.s1 a, .s2 a {color:#ffffff}
.s1 a:hover, .s2 a:hover {color:#ffffff}

/*
greyish-brown	504536
teal			539899
*/