/*
 * META INFORMATION
 * - AUTHOR Michael Cole on behalf of The Sponge Pty Ltd (http://www.thesponge.com.au/)
 * - TITLE Infogenesis Main Styles
 * - DESCRIPTION Pretty much all of the CSS Styles for the Infogensis Website is contained in this file
 * - LAST MODIFIED Sept 19 2008
 * - COMPANY Infogenesis (http://www.infogenesis.com.au/)
 * - NOTES A global reset should already be in affect
 * - BUGS Firefox shifts the page background image a PX to the left if there is an odd amount of pixels in the viewing pane 
 */
 
html,body{text-align:center;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;margin:0;padding:0;background-color:#333333;background:url(../images/TS_pageBg.png) 0 0 repeat-x #313235;}
/*
 * Positioning and padding for all the main elements 
 *	"*_content" padding on the bottom need to to minus -27 from it to find the 
 * 		real padding (due to the footer push) 40 - 27 = 13px, thing go a 
 * 		little haywire if the padding is less than 27 (because 27 actually = 0).
 */
#container{background:url(../images/TS_contentBg.gif) 0 0 repeat-y #f7f8f8;width:806px;text-align:left;margin:0 auto -27px auto;padding:0;}
#header{height:127px;overflow:hidden;margin:0;padding:0;background: url(../images/TS_headerBg.jpg) no-repeat 0 0 transparent;}
#header h1{height:60px;width:262px;overflow:hidden;margin:0;padding:0;float:left;margin:31px 0 0 30px;}
#header h2{height:60px;width:223px;overflow:hidden;margin:0;padding:0;float:right;margin:31px 33px 0 0;}
#content{text-align:left;font-size:0.8em;}
.sub_content_a{width:480px;margin-left:40px;float:left;overflow:hidden;}
.sub_content_b{width:221px;margin-right:40px;float:right;overflow:hidden;}
#footer{width:800px;height:32px;text-align:left;margin:0 auto 0 auto;overflow:hidden;}

#featurePanel{margin:0 3px 0 3px;}

/*
 * Styles for header elements the header is flash but in some cases alternative content needs to be avaiable and thus styled
 */
#header p, #header a, #header img{margin:0;padding:0;outline:0;}
#header span{}

#content h2, #content h3, #content h4, #content p, #content ul, #content ol, #content dl, #content table,
#content blockquote{line-height:1.4em;margin:1.3em 0px 0 0px;color:#545a5e;}
img,img a{border:0;line-height:1.4em;}
#content h2{color:#00b9fe;font-size:2.35em;font-weight:normal;font-family:Impact, Charcoal, sans-serif;}
#content h2.first{margin-top:0;}
#content h3{color:#ff4fff;font-size:1.4em;font-weight:bold;}
#content h4{font-weight:bold;}
#content ul{margin-top:0.3em;}
#content ul li{border-left:4px solid #00b9fe;padding-left:8px;margin-left:18px;margin-top:1em;}
.clear_page{height:55px;clear:both;display:block;}
a{color:#00b9fe;}
a:hover{color:#ff4fff;}
 
/*
 * Contact forms and other forms with the same layout
 */
form {width:362px;float:left;}
form p.text,#form p.select{width:362px;margin-top:8px;}
form label{font-weight:bold;color:#00b9fe;}
form p.text label,#form p.select lebel{width:362px;display:block;margin-top:4px;}
form p.text input {width:360px;padding:6px 0 0 10px;height:30px;color:#ffffff;font-weight:bold;background:url(../images/TS_formTextField.jpg) 0 0 no-repeat transparent; border:0;font-family:Arial, Helvetica, sans-serif;}
form p.textarea textarea{width:360px;padding:6px 10px 6px 10px;height:153px;color:#ffffff;font-weight:bold;background:url(../images/TS_formTextareaField.jpg) 0 0 no-repeat transparent; border:0;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}
#form p.select select{width:362px;display:block;font-size:1.02em;font-family:inherit;}
form p.image_button input{border-width:0;height:auto;width:auto;}
form input,#form textarea,#form .fake_input{background-color:#ffffff;color:#676767;border:1px solid #bcc2c8;font-family:inherit;}
/*form textarea{width:362px;height:100px;font-size:1em;}*/
label sup{color:#ffb400;}
form .submit{text-align:right;}
form p.text .fake_input{color:#555555;width:362px;display:block;font-size:1em;font-family:inherit;padding: 2px 0 2px 0;}
form p.radio span,#form p.check span{font-weight:bold;color:#90969c;font-size:0.90em;}
form p.radio span sup,#form p.check span sup{color:#ffb400;}
form p.radio label,#form p.check label{font-weight:normal;}