/*
////////// COLOURS ///////////
EQUIZONE GLOBAL WEB SAFE COLOURS:

Yellow: #FFCE01
Blue: #002B54
Grey D: #7E8081
Grey L: #D2D3D3
Black: #000000
White: #FFFFFF
*/


/*
////////// GENERAL //////////
*/
html, body {
	margin: 0;
	height: 100%;
}
body {
	background-color: #002B54;
	margin: 0px;
	border: none;
	behavior: url("js/csshover3.htc");
}
img {
	border: 0px;
	border-style: none;
}


/*
////////// TYPOGRAPHY //////////
*/
a { text-decoration: none; }
a:active { }
a:visited { }
a:hover { }
a:link { text-decoration: none; }
a.img-link { border: 0px; }

hr { height: 1px; width: 100%; line-height: 1px; border: 0px; margin-top: 0px; margin-bottom: 0px; text-align: left; color: #7E8081; background-color: #7E8081; }
.medline{ height: 2px; line-height: 2px; }
.thickline{ height: 5px; line-height: 5px; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6, p { 
	display: inline;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: top;
}
h1 a { color: #7E8081; }
h1 a:hover { color: #FFFFFF; }
h1 { font-size: 14px; line-height: 16px; }
h2 { font-size: 16px; line-height: 20px; }
h3 { font-size: 20px; line-height: 22px; }
h4 { font-size: 24px; line-height: 26px; }
h5 { font-size: 36px; line-height: 38px; }
h6 { font-size: 48px; line-height: 50px; }

/* FONT SIZE & COLOUR VARIATIONS */
.size0 { font-size: 12px; line-height: 14px; }
.size1 { font-size: 14px; line-height: 16px; }
.size2 { font-size: 16px; line-height: 20px; }
.size3 { font-size: 20px; line-height: 22px; }
.size4 { font-size: 24px; line-height: 26px; }
.size5 { font-size: 36px; line-height: 38px; }
.size6 { font-size: 48px; line-height: 50px; }

.tabbed { position: absolute; line-height: 18px; left: 25px; vertical-align: top; }

.highlight-color { color: #FFCE01; }
.bg-color { color: #002B54; background-color: #002B54; }
.white-color { color: #FFFFFF; }
.grey1-color { color: #7E8081; }
.grey2-color { color: #D2D3D3; }
.black-color { color: #000000; }

/* NAVLINKS */
.navlink1p, .navlink1ps, .navlink1n, .navlink1ns, .navlink2p, .navlink2ps, .navlink2ap, .navlink2n, .navlink2ns, .navlink2an, .navlink3p, .navlink3ps, .navlink3n, .navlink3ns {
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	vertical-align: top;
}
.navlink2p, .navlink2ps, .navlink2ap, .navlink2n, .navlink2ns, .navlink2an { font-size: 14px; line-height: 16px; }
.navlink3p, .navlink3ps, .navlink3n, .navlink3ns { font-size: 16px; line-height: 20px; }

.navlink1p, .navlink2p { color: #7E8081; }
.navlink1n, .navlink2n { color: #D2D3D3; }
.navlink2ap, .navlink3p { color: #000000; }
.navlink2an, .navlink3n { color: #FFFFFF; }
.navlink1ps, .navlink1ns, .navlink2ps, .navlink2ns, .navlink3ps, .navlink3ns { color: #FFCE01; }
.navlink1p:hover, .navlink1ps:hover, .navlink2p:hover, .navlink2ps:hover, .navlink3ps:hover { color: #000000; }
.navlink1n:hover, .navlink1ns:hover, .navlink2n:hover, .navlink2ns:hover, .navlink3ns:hover { color: #FFFFFF; }
.navlink2ap:hover { color: #FFFFFF; }
.navlink2an:hover { color: #D2D3D3; }
.navlink3p:hover, .navlink3n:hover { color: #FFCE01; }

/* BODY COPY */
.bodyp, .bodyn, .bodyplink, .bodynlink, .bodyphi, .bodynhi { 
	display: inline;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	vertical-align: top;
}
.bodyp { color: #7E8081; }
.bodyn { color: #D2D3D3; }
.bodyplink { color: #000000; }
.bodyplink:hover { color: #7E8081; }
.bodynlink { color: #FFFFFF; }
.bodynlink:hover { color: #D2D3D3; }
.bodyphi { color: #000000; }
.bodynhi { color: #FFFFFF; }


/*
////////// BUTTONS //////////
*/
.stripbutton { position: absolute; width: 101px; height: 32px; line-height: 32px; text-align: center; vertical-align: middle; }
.stripbutton a { display: inline-block; width: 100%; height: 100%; line-height: 32px; text-align: center; vertical-align: middle; }
.stripbutton a:hover { }
.stripblock-off, .stripblock-on1, .stripblock-on2 { position: absolute; width: 101px; height: 8px; top: 32px; }
.stripblock-on1 { background-color: #FFFFFF; }
.stripblock-on2 { background-color: #FFCE01; }
#mainnav-button01, #mainnav-block01 { left: 0px; }
#mainnav-button02, #mainnav-block02 { left: 101px; }
#mainnav-button03, #mainnav-block03 { left: 202px; }
#mainnav-button04, #mainnav-block04 { left: 303px; }


/*
////////// CONTAINERS //////////
*/

/* BACKGROUND */
.background-wrapper {
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	min-height: 100%;
}
#background-display { 
	position: absolute;
	overflow: hidden;
	z-index: -1;
	color: #002B54; 
}
#background-container { 
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
/* overflow: hidden; */
	z-index: -3;
	left: 0;
	top: 0; 
}
#background-container .bg_image { position: absolute; display: none; }
#background-container #bgImg_1 { z-index: -4; }
#background-container #bgImg_2 { z-index: -5; }

/* PAGE CONTAINERS & SECTIONS */
.site-wrapper {
	position: relative;
	width: 1104px;
	height: auto;
	margin: auto;
}
.header-container, .body-container, .footer-container {
	position: relative;
	width: 1024px;
	height: 110px;
	margin: auto;
}
.body-container { min-height: 640px; height: auto !important; height: 640px; }
.footer-container { height: 70px; }
.header-bar, .footer-bar, .body-bar, .body-spacer-0, .body-spacer-20, .body-spacer-40 {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
}
.header-bar { height: 90px; }
.body-bar { min-height: 120px; height: auto !important; height: 120px; }
.body-spacer-0 { height: 0px; line-height: 0%; }
.body-spacer-20 { height: 20px; line-height: 20px; }
.body-spacer-40 { height: 40px; line-height: 40px; }
.footer-bar { height: 30px; top: 20px; background-color: #7E8081; }

/* HEADER ELEMENTS */
#head-masthead, #head-topbar {
	position: absolute;
	width: 213px;
	height: 90px;
	left: 0px;
	top: 0px;
	vertical-align: top;
	border: none;
	background-color: #002B54;
}
#head-masthead a img{ width: 213px; height: 90px; border: none; }
#head-topbar { width: 1024px; height: 40px; }
#head-follownav-bar, #head-mainnav-bar {
	position: absolute;
	overflow: hidden;
	width: 407px;
	height: 40px;
	left: 213px;
	top: 0px;
	border: none;
}
#head-follownav-bar { vertical-align: middle; }
#head-mainnav-bar { width: 404px; left: 620px; }
#head-follownav-bar-zone, #head-mainnav-bar-zone {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 29px;
	left: 0px;
	top: 11px;
	border: none;
	text-align: center;
}
#head-mainnav-bar-zone { top: 0px; height: 40px; margin: auto; }

/* FOOTER ELEMENTS */
#foot-details-bar {
	position: absolute;
	width: 1004px;
	height: 10px;
	left: 10px;
	top: 10px;
	border: none;
}
#foot-details-bar-zonel, #foot-details-bar-zonec, #foot-details-bar-zoner {
	position: absolute;
	width: 233px;
	height: 10px;
	left: 0px;
	top: 0px;
	border: none;
	text-align: left;
}
#foot-details-bar-zonec { width: 538px; left: 233px; }
#foot-details-bar-zoner { left: 771px; text-align: right; }

/* BODY ELEMENTS */
.body-bar-full, .body-bar-left, .body-bar-left-float, .body-bar-left-help, .body-bar-right { 
	position: relative;
	width: 100%;
	min-height: 120px; height: auto !important; height: 120px;
	top: 0px;
}
.body-bar-left, .body-bar-left-float, .body-bar-left-help { position: absolute; width: 213px; left: 0px; }
.body-bar-left-float { top: 322px; }
.body-bar-left-help { top: 336px; }
.body-bar-right { width: 791px; left: 233px; }
.body-bar-bg, .body-bar-bg-hi { 
	position: absolute;
	width: 100%;
	height: 100%;
	
	background-color: #002B54;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
}
.body-bar-bg-hi { background-color: #FFCE01; }
.body-zone-full, .body-zone-left, .body-zone-right { 
	position: relative;
	width: 984px;
	height: auto;
	left: 20px;
	top: 20px;
}
.body-zone-left { width: 173px; }
.body-zone-right { width: 751px; }


/*
////////// CONTENT //////////
*/

/* STREAM HEADERS */
.stream-heading-container { position: relative; width: 100%; height: 40px; }
.stream-heading-container hr { width: 750px; }
.stream-heading { position: absolute; width: 365px; height: 20px; }
.stream-nav { position: absolute; width: 365px; height: 20px; left: 385px; text-align: right; }
.stream-nav a.navlink1n, .stream-nav a.navlink1ns { line-height: 26px; vertical-align: top; }
.stream-heading h3.white-color {  }

/* STREAM CONTAINERS */
.stream-container { position: relative; width: 753px; height: auto; }
.stream-item {
	position: relative;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: visible;
}

/* STREAM 2 COLUMNS  */
.stream-2col-container-left, .stream-2col-container-right {
	position: relative;
	width: 365px;
	height: auto;
	float: left;
	line-height: 18px;
}
.stream-2col-container-left { }
.stream-2col-container-right { left: 23px; border: none; }

.stream-2col-container-left hr { position: absolute; margin-top: -2px; margin-bottom: -0px; }


/* STREAM 3 COLUMNS  */
.stream-3col-container-left, .stream-3col-container-centre, .stream-3col-container-right {
	position: relative;
	width: 237px;
	height: auto;
	float: left;
	line-height: 18px;
}
.stream-3col-container-left { }
.stream-3col-container-centre, .stream-3col-container-right { left: 21px; border: none; }

/* STREAM 4 COLUMNS  */
.stream-4col-container-left, .stream-4col-container-centre, .stream-4col-container-right {
	position: relative;
	width: 173px;
	height: auto;
	float: left;
	line-height: 18px;
}
.stream-4col-container-left { }
.stream-4col-container-centre, .stream-4col-container-right { left: 20px; border: none; }


/* STREAM PIC BUTTON ELEMENTS */
/* 365x205 - 365x275 - 365x365 - 365x485 */
.stream-pic-365x205 a, .stream-pic-365x275 a, .stream-pic-365x365 a, .stream-pic-365x485 a { 
	position: relative;
	display: block;
	overflow: hidden;
	width: 365px;
}
.stream-pic-365x205 a{ height: 205px; }
.stream-pic-365x275 a{ height: 275px; }
.stream-pic-365x365 a{ height: 365px; }
.stream-pic-365x485 a{ height: 485px; }
.stream-pic-365x205 a img, .stream-pic-365x275 a img, .stream-pic-365x365 a img, .stream-pic-365x485 a img { 
	position: absolute;
	display: block;
	border: none;
	vertical-align: text-top; 
}
.stream-pic-365x205 a:hover, .stream-pic-365x275 a:hover, .stream-pic-365x365 a:hover, .stream-pic-365x485 a:hover { 
	width: 355px;
	border-style: solid;
	border-width: 5px;
	border-color: #FFCE01;
}
.stream-pic-365x205 a:hover { height: 195px; }
.stream-pic-365x275 a:hover { height: 265px; }
.stream-pic-365x365 a:hover { height: 355px; }
.stream-pic-365x485 a:hover { height: 475px; }
.stream-pic-365x205 a:hover img, .stream-pic-365x275 a:hover img, .stream-pic-365x365 a:hover img, .stream-pic-365x485 a:hover img { 
	margin: -5px 0px 0px -5px; 
}

/* 753x275 - 753x425 - 753x565 */
.stream-pic-753x275 a, .stream-pic-753x425 a, .stream-pic-753x565 a { 
	position: relative;
	display: block;
	overflow: hidden;
	width: 753px;
}
.stream-pic-753x275 a{ height: 275px; }
.stream-pic-753x425 a{ height: 425px; }
.stream-pic-753x565 a{ height: 565px; }
.stream-pic-753x275 a img, .stream-pic-753x425 a img, .stream-pic-753x565 a img { 
	position: absolute;
	display: block;
	border: none;
	vertical-align: text-top; 
}
.stream-pic-753x275 a:hover, .stream-pic-753x425 a:hover, .stream-pic-753x565 a:hover { 
	width: 743px;
	border-style: solid;
	border-width: 5px;
	border-color: #FFCE01;
}
.stream-pic-753x275 a:hover { height: 265px; }
.stream-pic-753x425 a:hover { height: 415px; }
.stream-pic-753x565 a:hover { height: 555px; }
.stream-pic-753x275 a:hover img, .stream-pic-753x425 a:hover img, .stream-pic-753x565 a:hover img { 
	margin: -5px 0px 0px -5px; 
}


/*
////////// HOME //////////
*/

/* STREAM ELEMENTS */
#home-updates .stream-item .stream-2col-container-left h2, #home-updates .stream-item .stream-2col-container-right h2 { font-size: 14px; line-height: 18px; }
#home-updates .stream-item .stream-2col-container-left a.navlink3ns, #home-updates .stream-item .stream-2col-container-right a.navlink3ns { font-size: 12px; line-height: 18px; vertical-align: top; }
#home-updates .stream-item .stream-2col-container-left a.navlink3n, #home-updates .stream-item .stream-2col-container-right a.navlink3n { line-height: 24px; vertical-align: top; }

#showreel-content { }


/*
////////// PROJECTS //////////
*/

/* LOGO ELEMENTS */
#project-logo { position: absolute; display: none; left: 0px; top: 0px; }
.gallery-wrapper { 
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: auto;
 }
.gallery-bg { 
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 1104px;
	min-height: 820px;
	left: 0px;
	top: 0px;
	
	background-color: #000000;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
 }
.gallery-item, .gallery-spacer {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
}
.gallery-spacer { height: 20px; }
.gallery-column { 
	position: relative;
	width: 1104px;
	height: auto;
	margin: auto;
	text-align: center;
	vertical-align: top;
}
.gallery-pic-wrapper { 
	position: relative;
	width: 1024px;
	height: auto;
	margin: auto;
	overflow: hidden;
	text-align: center;
}
.gallery-button-wrapper { 
	position: relative;
	overflow: hidden;
	width: 122px;
	height: 50px;
	top: 0px;
	border: none;
	text-align: center;
	margin: auto;
}
.gallery-button-zone { 
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 40px;
	left: 0px;
	top: 10px;
	border: none;
	text-align: center;
	margin: auto;
}
.gallerybutton { 
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	background-color: #7E8081; 
	
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
}
.gallerybutton:hover { background-color: #7E8081; opacity: 1.00; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; }
.gallerybutton a { display: inline-block; width: 100%; height: 100%; line-height: 40px; text-align: center; vertical-align: middle; }
.gallerybutton a:hover { }

#gallery-but-1 { left: 0px; }
#gallery-but-2 { left: 41px; }
#gallery-but-3 { left: 82px; }


/*
////////// CONTACT //////////
*/

/* TABLE ELEMENTS */
.contact-form-table {
	width: 750px;
	border: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.contact-form-left-col, .contact-form-left-col-textarea {
	width: 160px;
	height: 40px;
	text-align: left;
	margin: 0px;
	vertical-align: middle;
}
.contact-form-mid-col, .contact-form-mid-col-textarea {
	width: 20px;
	height: 40px;
}
.contact-form-right-col, .contact-form-right-col-textarea {
	width: 570px;
	height: 40px;
	text-align: left;
	vertical-align: middle;
}
.contact-form-left-col-textarea, .contact-form-mid-col-textarea, .contact-form-right-col-textarea { height: 110px; }

/* INPUT ELEMENTS */
.formbox1, .formbox2, .formbox3 {
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	display: inline;
	width: 380px;
	height: 24px;
	color: #FFFFFF;
	background-color: #7E8081; 
	border: 1px solid #7E8081;
	margin: 0px;
	text-indent: 0px;
	text-align: left;
	vertical-align: top;
}
.formbox1 { padding: 6px 4px 6px 4px; width: 394px; height: 30px; line-height: 30px; }
.formbox1 select { font: normal 12px Helvetica, Arial, SansSerif; color: #D2D3D3; }
.formbox1 optgroup { color: #FFFFFF; }
.formbox1 option { color: #D2D3D3; }
.formbox2 { padding: 2px 6px 2px 6px; }
.formbox3 { width: 50px; color: #7E8081; font-size: 12px; background-color: #000000; border: 0px solid #7E8081; padding: 0px; text-align: center; }
.formbox3:hover { background-color: #FFCE01; color: #000000; border: 0px solid #FFCE01; cursor: pointer; }