@charset "utf-8";
/* CSS Document */

* {padding: 0; border: 0; margin: 0;}
img {display: block;}

html {height: 100%;}

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; background: url(../assets/body_bkgrnd.jpg) repeat-x;}

/*
#a h1 {font-size: 18pt;}
#a h2 {font-size: 14pt;}
#a h3 {font-size: 12pt;}
#a p {font-size: 11pt;}

#b h1 {font-size: 18px;}
#b h2 {font-size: 14px;}
#b h3 {font-size: 12px;}
#b p {font-size: 11px;}

#c h1 {font-size: 1.5em;}
#c h2 {font-size: 1.2em;}
#c h3 {font-size: 1.0em;}
#c p {font-size: 0.85em;}
*/

h1 {font-size: 1.5em; padding-bottom: 0.6em; line-height: 1.4em;}
h2 {font-size: 1.2em; padding-bottom: 0.6em; line-height: 1.4em;}
h3 {font-size: 1.0em; padding-bottom: 0.6em; line-height: 1.4em;}
p {font-size: 0.85em; padding-bottom: 1.0em; line-height: 1.4em; color: #696969;}
p a {color: #696969;}

ul {margin: 0 0 20px 8px; padding: 0 0 0 8px; list-style: disc;}
li {font-size: 0.85em; padding-right: 20px; line-height: 1.5em;}

.orange {color: #E0722A;}
.grey {color: #939BA1;}

#theWrapper {width: 807px; margin: 0 auto 20px auto;}

#theHeaderHome {width: 807px; height: 351px;}
#theHeaderSub {width: 807px; height: 229px; background: url(../assets/content_top.jpg) bottom no-repeat;}

#theHeaderLogo {width: 277px; height: 351px; float: left;  background:url(../assets/content_home_topleft.jpg) bottom no-repeat;}
#theHeaderOther {width: 530px; height: 351px; float: left; background:url(../assets/content_home_topright.jpg) bottom no-repeat;}

#theHeaderLogoSub {width: 277px; height: 207px; float: left;}
#theHeaderOtherSub {width: 530px; height: 207px; float: left;}

.controlcircleLogo {margin: 24px 0 0 8px;}
.max2000Logo {clear: both; margin: 75px 0 0 42px;}

#theNav {width: 485px; height: 33px; padding: 6px 0 0 0; margin-bottom: 5px; background: url(../assets/nav_bkgrnd.jpg) no-repeat;}

#theNav ul#topNav {list-style: none;}
#theNav ul#topNav li {display: inline; color: #FFF; padding-right: 8px;}
#theNav ul#topNav li a {color: #FFF; text-decoration: none;}
#theNav ul#topNav li a:hover {color: #FFF; text-decoration: underline;}
.active {font-weight: bold;}

#homePullout {clear: both; height: 307px; background: url(../assets/home2.jpg) no-repeat;}
#homePullout p {width: 145px; padding: 24px 0 0 310px; font-size: 1.0em; line-height: 1.3em; color: #696969; font-weight: bold;}

#subPullout {clear: both; height: 157px;}
#subPullout p {width: 145px; padding: 24px 0 0 30px; font-size: 1.0em; line-height: 1.3em; color: #696969; font-weight: bold;}
.subPulloutProductDemo {background: url(../assets/subbox_productdemo.jpg) no-repeat;}
.subPulloutDemoDownload {background: url(../assets/subbox_demodownload.jpg) no-repeat;}
.subPulloutTomorrow {background: url(../assets/subbox_tomorrow.jpg) no-repeat;}
.subPulloutSalesEnquiry {background: url(../assets/subbox_sales.jpg) no-repeat;}


#theContent {clear: both; width: 720px; padding: 10px 45px 0 42px; background: url(../assets/content_bkgrnd.jpg) repeat-y;}

.theContentText {width: 470px; float: left; padding-right: 70px;}
.theContentPulls {width: 180px; float: left;}

#downloadPull {padding-bottom: 30px;}
#demoPull {padding-bottom: 30px;}

#socialLinks {}
#socialLinks p {font-size: 0.75em; font-weight: bold; color: #000; padding-bottom: 0.3em;}
#socialLinks img {margin-bottom: 6px;}

#videoItem {clear: both; width: 720px; height: 405px; margin: 0 0 30px 0;}

form {clear: both;}

input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 0.85em;}

#salesForm1 {clear: both; width: 300px; float: left; margin: 0 0 20px 0; padding-top: 10px;}
#salesForm2 {width: 400px; float: left; margin: 0 0 20px 0; padding-top: 10px;}

.form270box {width: 270px; background: url(../assets/form_bkgrnd_270.gif) bottom no-repeat; padding-bottom: 20px; margin-bottom: 20px;}
.form270head {width: 258px; height: 27px; padding: 10px 0 0 12px; background: url(../assets/form_top_270.jpg) bottom no-repeat; border-bottom: 2px solid #696969; color: #696969; font-weight: bold;}

.form374box {width: 374px; background: url(../assets/form_bkgrnd_374.gif) bottom no-repeat; padding-bottom: 20px; margin-bottom: 20px;}
.form374head {width: 362px; height: 27px; padding: 10px 0 0 12px; background: url(../assets/form_top_374.jpg) bottom no-repeat; border-bottom: 2px solid #696969; color: #696969; font-weight: bold;}

p.formItem {padding: 10px 10px 0 12px;}

.salesDropdown {width: 300px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid #939BA1; padding: 2px;}
.salesTextfield {width: 291px; border: 1px solid #939BA1; padding: 2px 2px 2px 5px;}
.salesTextfield2 {width: 191px; border: 1px solid #939BA1; padding: 2px 2px 2px 5px;}
.salesTextareaField {width: 291px; border: 1px solid #939BA1; padding: 2px 2px 2px 5px;}
.salesSubmitButton {display: block; margin-top: 20px; width: 116px; height: 39px; background:url(../assets/form_button_bkgrnd.jpg) no-repeat; color: #696969; font-weight: bold;}
.salesSubmitButton:hover {color: #FFF; cursor: pointer;}

#demoForm {clear: both; margin: 0 0 20px 0; padding-top: 10px;}

.demoDropdown {border: 1px solid #939BA1; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 2px;}
.demoTextfield {width: 291px; border: 1px solid #939BA1; padding: 2px 2px 2px 5px;}
.demoTextfield2 {width: 191px; border: 1px solid #939BA1; padding: 2px 2px 2px 5px;}
.demoSubmitButton {display: block; width: 116px; height: 39px; background:url(../assets/form_button_bkgrnd.jpg) no-repeat; color: #696969; font-weight: bold;}
.demoSubmitButton:hover {color: #FFF; cursor: pointer;}

#err-msg {color: red; width: 250px; margin: 20px 0 20px 0; padding: 10px 10px 20px 10px; border: 1px solid red;}
#err-msg h2, #err-msg p  {font-size: 90%; color: red; }

#err-msg2 {color: red; width: 354px; margin: 20px 0 20px 0; padding: 10px 10px 20px 10px; border: 1px solid red;}
#err-msg2 h2, #err-msg p  {font-size: 90%; color: red; }

#err-msg-list {}
.err-msg-list-item {}

#theLegal {clear: both; background: #fff; padding-top: 10px;}
#theLegal p {font-size: 0.7em;}

#theFooter {clear: both; width: 807px; height: 32px; background: url(../assets/content_bottom.jpg) no-repeat;}

