@charset "UTF-8";
/* ABOUT CSS - Global Synthetics */

/* TOP */
#top					{ width: 100%; background: url('/images/global/top_bg.jpg') repeat-x center top; }

/* HERO */
#hero       			{ width: 960px; position: relative; margin: 0 auto; overflow: hidden; }
#hero h1              	{ width: 362px; position: absolute; left: 0px; bottom: 20px; overflow: hidden; background: rgba(0,0,0,0.5); 
						color: #FFF; font-size: 2.5em; font-weight: normal; font-style: oblique; padding: 15px 30px 15px 15px; letter-spacing: 1px; }


/* LEFT CONTENT  */
#leftContent			{ width: 364px; height: 890px; float: left; padding: 20px; background: #FFF; margin-top: 2px; }
#leftContent h1			{ color: #000; font-size: 3em; font-weight: bold; margin-bottom: 10px; }
#leftContent p			{ font-weight: bold; letter-spacing: 0px; }

/* CONTACT FORM */

#contactForm            { width: 360px; padding: 15px 0px 30px 0px; margin: 0px; }
#contactForm fieldset input { width: 327px; }

#contactForm .textbox   { background-color: #b5cde0; color: #596d7f; font-size: 1.3em; height: 28px; padding: 10px 0px 0px 35px; background-position: center left; 
						background-repeat: no-repeat; margin-bottom: 15px; border: none;  -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; }								
#contactForm .textarea  { background: #b5cde0; width: 322px; color: #596d7f; font-size: 1.3em !important; height: 133px; padding: 10px 0px 0px 40px; border: none;  -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; font-family: Arial, Helvetica, sans-serif; }
#contactForm #fname		{ background-image: url('/images/contact/form_contact.png'); background-position: 5px 5px; background-repeat: no-repeat; }
#contactForm #lname		{ background-image: url('/images/contact/form_contact.png'); background-position: 5px 5px; background-repeat: no-repeat; }
#contactForm #company	{ background-image: url('/images/contact/form_contact.png'); background-position: 5px -55px; background-repeat: no-repeat; }
#contactForm #email		{ background-image: url('/images/contact/form_contact.png'); background-position: 5px -105px; background-repeat: no-repeat; }
#contactForm #phone		{ background-image: url('/images/contact/form_contact.png'); background-position: 5px -160px; background-repeat: no-repeat; }
#contactForm #fax		{ background-image: url('/images/contact/form_contact.png'); background-position: 5px -210px; background-repeat: no-repeat; }
#contactForm #state		{ width: 362px; font-size: 1.3em; border: solid 1px #CCC; /* background-image: url('/images/contact/form_contact.png'); background-position: 5px -260px; background-repeat: no-repeat;*/ }
#contactForm #other		{ background-image: url('/images/contact/form_contact.png'); background-position: 5px -315px; background-repeat: no-repeat; }
#contactForm #enquiry	{ background-image: url('/images/contact/form_contact.png'); background-position: 5px -370px; background-repeat: no-repeat; }
#contactForm .textbox:hover, #contactForm .textarea:hover       { color: #0083b5; background: #d6e6f2; }
#contactForm .textbox:focus, #contactForm .textarea:focus       { color: #000; background: #d6e6f2;  }
#contactForm select     { border: none; width: 242px; color: #000; font-size: 14px; font-weight: bold; height: 25px; padding: 3px; margin-bottom: 14px; }
#contactForm .wide      { width: 360px; }
#contactForm .button    { width: 137px; height: 37px; margin-top: 10px; float: left; display: block; border: none; color: #FFF; text-align: center; 
						font-size: 14px; font-weight: bold; background: url('/images/contact/button_bg.png') repeat-x; 
						text-shadow: 1px 1px 0px #000; cursor: pointer; -webkit-transition: color 250ms; -moz-transition: color 250ms; -o-transition: color 250ms; }
#contactForm .button:hover      { color: #0083b5; }
#contactForm .disabled			{ color: #666; }
#contactForm label.error		{ color: #cc0000; margin-top: 1px; margin-bottom: 10px; display: block; }
#loader					{ margin: 12px 0px 0px 15px; }
#resultsHolder			{ display: none; }
#confirmation			{ padding: 35px 10px 30px 60px; background: url('/images/contact/confirmation.png') no-repeat left 15px; }
#warning				{ padding: 18px 10px 30px 30px; background: url('/images/contact/warning.png') no-repeat left 15px; font-weight: bold; font-size: 1.4em; }

/* RIGHT CONTENT */
#rightContent			{ width: 556px; float: left; }
.location				{ width: 235px; height: 268px; float: left; padding: 20px; background: #FFF; margin: 2px 0px 1px 3px; }
.location h1			{ color: #000; font-size: 1.7em; font-weight: bold; margin-bottom: 0px; }
.location h2			{ color: #596d7f; font-size: 1.2em; font-weight: normal; font-style: oblique; margin-bottom: 8px; letter-spacing: 1px; }
.location p				{ color: #596d7f; font-size: 1.25em; font-weight: normal; margin-bottom: 5px; letter-spacing: 1px; }
.location img			{ width: 275px; height: 135px; margin: -20px; padding-bottom: 30px; }

.location ul			{ width: 240px; position: relative; margin: 5px 0px; }
.location li			{ padding: 5px 0px 5px 30px; font-size: 1.4em; }

.location .phone		{ background: url('/images/contact/location_icons.png'); background-position: 0px 4px; background-repeat: no-repeat; }
.location .fax			{ background: url('/images/contact/location_icons.png'); background-position: 0px -40px; background-repeat: no-repeat; }
.location .mobile		{ background: url('/images/contact/location_icons.png'); background-position: 0px -90px; background-repeat: no-repeat; }
.location .postal		{ background: url('/images/contact/location_icons.png'); background-position: 0px -130px; background-repeat: no-repeat; }
.location .address		{ background: url('/images/contact/location_icons.png'); background-position: 0px -130px; background-repeat: no-repeat; }
.location .email		{ background: url('/images/contact/location_icons.png'); background-position: 0px -175px; background-repeat: no-repeat; }

#nz						{ margin-bottom: 28px; }