@charset "utf-8";

/*

	FONT-SIZING

	font-size: 75%;
	
    10px == 0.8em
    11px == 0.92em
    12px == 1em
    14px == 1.2em
    18px == 1.5em
    24px == 2em
	
*/

/* SITE STYLES */

* {
	padding: 0;
	margin: 0;
	outline: none;
}

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

html {
	background-image: url('../images/bg_static.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000;
}

body {
	color: #FFF;
	font-family: "Segoe UI", "Frutiger 55", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 75%;
}

div {
	overflow: auto;
	position: absolute;
}

/* DIAGRAM ELEMENTS */

#wrapper {
	position: relative;
	margin: 40px auto 0;
	width: 960px;
	height: 500px;
	overflow: hidden;
	background-color: #000;
	border: 6px solid #FFF;
}

a {
	position: relative;
	color: #CCC;
	font-size: 70%;
	text-decoration: none;
	font-weight: normal;
	outline: none;
}

a:hover {
	color: #999;
}

a.view {
	display: block;
	height: 36px;
	width: 66px;
	color: #FFF;
	line-height: 36px;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	background-image: url('../images/btn_view.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

a.view:hover {
	background-position: 0 -36px;
}


#diagram {
	width: 4286px;
	height: 3075px;
	position: relative;
	overflow: hidden;
	background-image: url('../images/background.png');
}

p.logo {
	display: block;
	position: absolute;
	height: 60px;
	width: 60px;
	top: 20px;
	right: 20px;
}

h1 {
	font-family: "Segoe UI", "Frutiger 55", Tahoma, Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: normal;
	letter-spacing: -2px;
	font-size: 300%;
	padding: 12px 12px 0 12px;
	margin: 0;
	border: none;
}

h3 {
	font-family: "Segoe UI", "Frutiger 55", Tahoma, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 140%;
	padding: 0px 12px 0 12px;
	margin: 0;
	border: none;
}

p {
	font-family: "Segoe UI", "Frutiger 55", Tahoma, Helvetica, Arial, sans-serif;
	color: #FFF;
	line-height: 140%;
	font-size: 1em;
	padding: 0 12px 12px 12px;
}

img {
	border: none;
	outline: none;
}

/*
// FORM FIELDS
*/ 

form {
	position: relative;
	left: 12px;
	width: 366px;
	height: 238px;
	padding: 0px;
	border: none;
	display: block;
	overflow: hidden;
}

form label {
	float: left;
	display: block;
	width: 88px;
	padding: 0 6px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-transform: capitalize;
	color: #FFF;
	background-color: #333;
	text-indent: -9999px;
}

form label#pos1a {
	background-image: url('../images/bg_name.gif');
}

form label#pos2a {
	background-image: url('../images/bg_email.gif');
}

form label#pos3a {
	background-image: url('../images/bg_message.gif');
}

#pos1a{
	position: absolute;
	top: 0px;
	left: 0px;
}

#pos1b{
	position: absolute;
	top: 0px;
	right: 0px;
}

#pos2a{
	position: absolute;
	top: 36px;
	left: 0px;
}

#pos2b{
	position: absolute;
	top: 36px;
	right: 0px;
}

#pos3a{
	position: absolute;
	top: 72px;
	left: 0px;
}

#pos3b{
	position: absolute;
	top: 72px;
	right: 0px;
}

input {
	padding: 6px;
	margin: 0px;
	border: none;
	vertical-align: center;
	width: 254px;
	height: 18px;
	font-family: "Segoe UI", "Frutiger 55", Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
	float: right;
	font-size: 12px;
	background-color: #FFF;
}

textarea {
	padding: 6px;
	margin: 0px;
	border: none;
	width: 254px;
	height: 138px;
	font-family: "Segoe UI", "Frutiger 55", Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
	float: right;
	font-size: 12px;
	background-color: #FFF;
}

#pos4{
	padding: 0px;
	margin: 0px;
	border: none;
	height: 36px;
	width: 56px;
	position: absolute;
	top: 204px;
	right: 12px;
	outline: none;
	overflow: hidden;
	background-image: url('../images/btn_send.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#pos4:hover {
	background-position: 0 -36px;
}

p.smaller {
	font-size: 80%;
}

p a {
	font-size: 140%;
	display: inline;
}



/* BOXES */

#box0 {
	border: 6px solid white;
	width: 390px;
	height: 186px;
	background: url('../images/gauzetile.gif');
	top: 1129px;
	left: 2188px;
}
#box1 {
	border: 6px solid white;
	width: 324px;
	height: 222px;
	background: url('../images/gauzetile.gif');
	top: 1483px;
	left: 2032px;
}
#box2 {
	border: 6px solid white;
	width: 390px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 1525px;
	left: 2524px;
}
#box3 {
	border: 6px solid white;
	width: 234px;
	height: 186px;
	background: url('../images/gauzetile.gif');
	top: 1895px;
	left: 2716px;
}
#box4 {
	border: 6px solid white;
	width: 234px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 1885px;
	left: 3610px;
}
#box5 {
	border: 6px solid white;
	width: 234px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 923px;
	left: 2666px;
}
#box6 {
	border: 6px solid white;
	width: 390px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 877px;
	left: 3064px;
}
#box7 {
	border: 6px solid white;
	width: 390px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 1171px;
	left: 3064px;
}
#box8 {
	border: 6px solid white;
	width: 390px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 1507px;
	left: 3124px;
}
#box9 {
	border: 6px solid white;
	width: 234px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 1801px;
	left: 3166px;
}
#box10 {
	border: 6px solid white;
	width: 324px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 1801px;
	left: 3166px;
}
#box10 {
	border: 6px solid white;
	width: 324px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 2292px;
	left: 2992px;
}
#box11 {
	border: 6px solid white;
	width: 390px;
	height: 266px;
	background: url('../images/gauzetile.gif');
	top: 1895px;
	left: 1966px;
}
#box12 {
	border: 6px solid white;
	width: 324px;
	height: 186px;
	background: url('../images/gauzetile.gif');
	top: 2665px;
	left: 3358px;
}
#box13 {
	border: 6px solid white;
	width: 234px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 2359px;
	left: 2548px;
}
#box14 {
	border: 6px solid white;
	width: 234px;
	height: 186px;
	background: url('../images/gauzetile.gif');
	top: 2451px;
	left: 1144px;
}
#box15 {
	border: 6px solid white;
	width: 234px;
	height: 186px;
	background: url('../images/gauzetile.gif');
	top: 2139px;
	left: 1546px;
}
#box16 {
	border: 6px solid white;
	width: 324px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 1981px;
	left: 1012px;
}
#box17 {
	border: 6px solid white;
	width: 234px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 1585px;
	left: 1546px;
}
#box18 {
	border: 6px solid white;
	width: 324px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 2677px;
	left: 1990px;
}
#box19 {
	border: 6px solid white;
	width: 390px;
	height: 222px;
	background: url('../images/gauzetile.gif');
	top: 1201px;
	left: 1390px;
}
#box20 {
	border: 6px solid white;
	width: 390px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 211px;
	left: 970px;
}
#box21 {
	border: 6px solid white;
	width: 390px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 541px;
	left: 844px;
}
#box22 {
	border: 6px solid white;
	width: 390px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 871px;
	left: 760px;
}
#box23 {
	border: 6px solid white;
	width: 390px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 1201px;
	left: 802px;
}
#box24 {
	border: 6px solid white;
	width: 324px;
	height: 186px;
	background: url('../images/gauzetile.gif');
	top: 1669px;
	left: 802px;
}
#box25 {
	border: 6px solid white;
	width: 324px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 823px;
	left: 1498px;
}
#box26 {
	border: 6px solid white;
	width: 390px;
	height: 390px;
	background: url('../images/gauzetile.gif');
	top: 179px;
	left: 1516px;
}
#box27 {
	border: 6px solid white;
	width: 324px;
	height: 186px;
	background: url('../images/gauzetile.gif');
	top: 781px;
	left: 2032px;
}
#box28 {
	border: 6px solid white;
	width: 390px;
	height: 376px;
	background: url('../images/gauzetile.gif');
	top: 150px;
	left: 2236px;
}
#box29 {
	border: 6px solid white;
	width: 324px;
	height: 168px;
	background: url('../images/gauzetile.gif');
	top: 1417px;
	left: 310px;
}
#box30 {
	border: 6px solid white;
	width: 390px;
	height: 204px;
	background: url('../images/gauzetile.gif');
	top: 575px;
	left: 2827px;
}
/* BUTTONS */

#button0yes {
	top: 1303px;
	left: 2338px;
}
#button0no {
	top: 1303px;
	left: 2386px;
}
#button1 {
	top: 1695px;
	left: 2182px;
}
#button2yes {
	top: 1717px;
	left: 2677px;
}
#button2no {
	top: 1717px;
	left: 2737px;
}
#button3yes {
	top: 2069px;
	left: 2791px;
}
#button3no {
	top: 2069px;
	left: 2851px;
}
#button4 {
	top: 2079px;
	left: 3715px;
}
#button5 {
	top: 1081px;
	left: 2771px;
}
#button6 {
	top: 1035px;
	left: 3250px;
}
#button7 {
	top: 1329px;
	left: 3247px;
}
#button8 {
	top: 1665px;
	left: 3307px;
}
#button9yes {
	top: 1993px;
	left: 3241px;
}
#button9no {
	top: 1993px;
	left: 3301px;
}
#button10yes {
	top: 2484px;
	left: 3112px;
}
#button10no {
	top: 2484px;
	left: 3172px;
}
#button11yes {
	top: 2149px;
	left: 2119px;
}
#button11no {
	top: 2149px;
	left: 2179px;
}
#button12 {
	top: 2841px;
	left: 3508px;
}
#button13yes {
	top: 2515px;
	left: 2623px;
}
#button13no {
	top: 2515px;
	left: 2683px;
}
#button14yes {
	top: 2625px;
	left: 1219px;
}
#button14no {
	top: 2625px;
	left: 1279px;
}
#button15yes {
	top: 2313px;
	left: 1621px;
}
#button15no {
	top: 2313px;
	left: 1681px;
}
#button18 {
	top: 2871px;
	left: 2140px;
}
#button17yes {
	top: 1777px;
	left: 1621px;
}
#button17no {
	top: 1777px;
	left: 1681px;
}
#button16 {
	top: 2139px;
	left: 1162px;
}
#button19yes {
	top: 1411px;
	left: 1543px;
}
#button19no {
	top: 1411px;
	left: 1603px;
}
#button20 {
	top: 405px;
	left: 1153px;
}
#button21 {
	top: 735px;
	left: 1027px;
}
#button22 {
	top: 1065px;
	left: 943px;
}
#button23yes {
	top: 1393px;
	left: 955px;
}
#button23no {
	top: 1393px;
	left: 1015px;
}

#button24 {
	top: 1845px;
	left: 952px;
}

#button25yes {
	top: 979px;
	left: 1618px;
}

#button25no {
	top: 979px;
	left: 1678px;
}

#button26 {
	top: 559px;
	left: 1699px;
}

#button27yes {
	top: 955px;
	left: 2152px;
}

#button27no {
	top: 955px;
	left: 2206px;
}

#button28 {
	top: 516px;
	left: 2419px;
}

#button29yes {
	top: 1573px;
	left: 430px;
}

#button29no {
	top: 1573px;
	left: 490px;
}

#button30 {
	top: 769px;
	left: 3010px;
}

/*
// SUB BOX IMAGES
*/

img.sub {
	position: absolute;
	border: 6px solid white;
}

#subbox0 {
	top: 1129px;
	left: 1972px;
}

#subbox1 {
	top: 1513px;
	left: 1870px;
}

#subbox2 {
	top: 1765px;
	left: 2506px;
}

#subbox4 {
	top: 1885px;
	left: 3970px;
}

#subbox6 {
	top: 877px;
	left: 3496px;
}

#subbox7 {
	top: 1171px;
	left: 3496px;
}

#subbox8 {
	top: 1507px;
	left: 3556px;
}

#subbox14 {
	top: 2449px;
	left: 874px;
}

#subbox16 {
	top: 1981px;
	left: 634px;
}

#subbox18a {
	top: 2377px;
	left: 1990px;
}
#subbox18b {
	top: 2467px;
	left: 1990px;
}
#subbox18c {
	top: 2557px;
	left: 1990px;
}

#subbox20 {
	top: 211px;
	left: 718px;
}

#subbox21 {
	top: 541px;
	left: 592px;
}

#subbox22 {
	top: 871px;
	left: 550px;
}

#subbox29a {
	top: 1417px;
	left: 100px;
}

#subbox29b {
	top: 1621px;
	left: 238px;
}

#subbox29c {
	top: 1255px;
	left: 184px;
}

p.sotd {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 100px;
	padding: 0;
	margin: 0;
}

p.sotd a {
	padding: 0;
	margin: 0;
}