/*---------------------+
 | Site: TradeAust     |
 +---------------------*/
 
 
@import url("reset.css");


/* Core layout 
======================================================================*/
body {background:#8d9eaf url(../images/core/bg.jpg) repeat-x 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444; font-size:11px;}
#container {width:835px; margin:0 auto;}
.banner {width:835px; height:200px; display: block; clear: both; float: left; clear: both; background:#8d9eaf url(../images/core/bg.jpg) repeat-x 0 0;}
#flash { width: 835px; height: 460px; position: relative; margin-top: -1px;  display: block; }
  #logo {float:left;}
  .flash-pics {float:left; height:376px;  margin:91px 0 0 0;}


 
#content {width:800px; display: block; background: url('../images/core/bg-body.gif') repeat-y 0 0; }
  #page-content {width:540px; margin:0 10px 0 0; float:left; padding:20px; background:#fff url(../images/core/corner.gif) left top no-repeat;}
  #right-column {width:210px; float:left;}
    #cta-help {width:180px; padding:70px 15px 15px 15px; margin:0 0 10px 0; background:#e0e9f3 url(../images/core/cta-we-can-help.jpg) top no-repeat;}
    #cta-globe {border-top: 10px solid #8d9eaf; width:180px; padding:90px 15px 30px 15px; margin:0 0 10px 0; background:#e0e9f3 url(../images/core/cta-bg.gif) top no-repeat;}
    object#flash-globe  {display: block; margin: 0 auto; margin-bottom: 20px; }
#footer {margin:10px 0 10px 0; padding:10px 10px 0 10px; background:#c0d3e7 url(../images/core/footer-bottom.gif) bottom no-repeat; width:780px;}
img.wf { padding-left: 220px; }
.contact-thankyou #page-content {height:410px;}




/* Navigation layout 
======================================================================*/
#navigation-bar { width:800px; clear: both; display: block; float: left; height:42px; background:url(../images/core/bg.jpg) repeat-x 0 -468px} 

ul#nav {list-style:none; width: 800px; display: inline-block; clear: both;}
ul#nav li {float:left; height; 42px; overflow:hidden;}
ul#nav li a {display:block;height:42px;text-indent:-9999px;}
ul#nav li a:hover {background-position:0 -42px!important;}
ul#nav li#cta { float: right; width: 308px; display: block;}
ul#nav li#home a {background: url(../images/nav/home.gif) no-repeat 0 0; width:89px;} 
ul#nav li#profile a {background: url(../images/nav/profile.gif) no-repeat 0 0; width:75px;} 
ul#nav li#why a {background: url(../images/nav/choose.gif) no-repeat 0 0; width:135px;}
ul#nav li#products a {background: url(../images/nav/product.gif) no-repeat 0 0; width:100px;} 
ul#nav li#contact a {background: url(../images/nav/contact.gif) no-repeat 0 0;width:80px;}
.home li#home a, .profile li#profile a, .why li#why a, .contact li#contact a, .products li#products a  {background-position:0 -42px!important;}


a {color:#43617d; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}

#footer a {color:#2e4d6a; text-decoration:none;}
#footer a:hover {color:#2e4d6a; text-decoration:underline;} 




/* Page Titles 
======================================================================*/
.home h1 {text-indent:-99999px; background: url(../images/titles/title-home.gif) no-repeat; padding:0 0 15px 0; width:540px; height:33px;}
.profile h1 {text-indent:-99999px; background: url(../images/titles/title-profile.gif) no-repeat; padding:0 0 15px 0; width:540px; height:33px;}
.why h1 {text-indent:-99999px; background: url(../images/titles/title-why.gif) no-repeat; padding:0 0 15px 0; width:540px; height:33px;}
.contact h1 {text-indent:-99999px; background: url(../images/titles/title-contact.gif) no-repeat; padding:0 0 15px 0; width:540px; height:33px;}
.contact-thankyou h1 {text-indent:-99999px; background: url(../images/titles/title-contact.gif) no-repeat; padding:0 0 15px 0; width:540px; height:33px;}




 /* Font Style
======================================================================*/
h2 {font-size:16px; color:#68809c; padding:0 0 15px 0; font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:12px; color:#304f6c; padding:0 0 15px 0; font-weight:bold; text-transform:uppercase;}
h4 {font-size:12px; color:#a61b16; padding:0 0 15px 0;}
h5 {font-size:11px; color:#000; padding:0 0 7px 0;}

p {line-height:18px; padding:0 0 15px 0;}

#page-content ul {margin:0 0 15px 30px;}
#page-content li {list-style:square; line-height:17px;}
#cta-globe ul.list {margin:0 0 15px 15px!important; float: left;}
#cta-globe ul.list2 {margin:0 0 15px 15px!important; float: right;}
#cta-globe ul.list li, #cta-globe ul.list2 li {list-style:square; line-height:17px;}

#footer p {color:#2e4d6a; font-size:10px;}
.highlight {background-color:#e1e9f4; color:#68809c; padding:15px; margin:0 0 15px 0;}




 /* Extras
======================================================================*/
.copyright-space {padding:0 40px 0 40px;}
hr {border:none; border-bottom:1px solid #e1e9f4; margin:0 0 15px 0;}




/* Forms formatting
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
  margin: 0;
  padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; list-style:none;}

form.form li { margin-bottom: 5px; list-style:none!important; }

form.form label {
  display: inline-block;
  width: 160px;
  padding:0 15px 0 0;
  vertical-align: top;
}

form.form input, form.form select, form.form textarea {
  width: 250px;
  padding: 3px;
  border: 1px solid #d2dcdf;
  background: #ecf3f5;
  font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}

form.form textarea { height: 200px; }

form.form select {
  padding: 0;
  width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
  width: auto;
  border: 0;
  background: #8d9eaf;
  color: #fff;
  padding:5px;
  cursor: pointer;
}

form.form fieldset legend {
  padding: 20px 0;
  font-weight: bold;
  font-size: 18px;
  color: #444;
  _margin: 0 -7px; /* IE Win fix */
}

form.submit input {
width:300px;
}


/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}