/*******************
    DIGI NUT CSS 
********************/

/***** Remove padding and other settings for browser variants *****/
body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, a, div, img {margin: 0; padding: 0; border: 0;}
img {display: block}


/***** Body styles *****/
body {background: #fff url(../images/background.jpg) top left repeat-x; color: #333; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 100%; margin: 0 auto; margin-bottom: 20px; width: 954px;}

a {color: #333; font-weight: bold; text-decoration: none;}
a:active {color: #333;}
a:visited {color: #333;}
a:hover {color: #333;}

h2 {font-size: 1.2em; color: #656565; padding: 0 0 0 15px; font-weight: normal;}


/***** Header *****/
#header {text-align: left;}
#logo {float: left; width: 335px;}
#logo h1 {width: 230px; height: 128px; background: url(../images/axiom_logo.jpg) top left no-repeat; margin: 16px 0 0 15px; text-indent: -99999px;}


/***** Navigation *****/
#main_navigation {float: left; width: 619px;}
#main_navigation ul {padding: 110px 0 0 0;}
#main_navigation li {list-style-type: none; float: left; padding: 0 1px 0 0;}
#main_navigation a {color: #fff; font-size: 0.8em; font-weight: normal; display: block; background: url(../images/bg_main_nav.jpg) 0 -55px repeat-x; min-height: 55px; height: auto !important; height: 55px; padding: 0 10px; line-height: 220%;}
#main_navigation a:hover {color: #2e3430;}
#main_navigation a.selected,
#main_navigation li.currentpage a {background: url(../images/bg_main_nav.jpg) 0 0 repeat-x; color: #2e3430;}
dfn {display: none;}


/***** Container *****/
#container {background: url(../images/bg_content.jpg) 0 151px no-repeat;}


/***** Content DIVs *****/
.left_column {width: 335px; float: left;}
.right_column {width: 619px; float: left;}

#sub_header {clear: left;}
#sub_header .right_column p {padding: 8px 0 0 0;}
#sub_header .left_column ul {margin: 30px 0 0 15px; background: url(../images/language_separator_bottom.jpg) bottom left no-repeat; padding: 0 0 1px 0;}
#sub_header .left_column li {list-style-type: none; font-size: 0.8em; padding: 8px 0 6px 31px; background: url(../images/language_separator.jpg) top left no-repeat;}
#sub_header .left_column li.selected {background: url(../images/language_selected.jpg) top left no-repeat;}
#sub_header .left_column a {display: block; padding: 3px 0 2px 32px; font-weight: normal;}
#sub_header .left_column a:hover {color: #666;}
#sub_header .left_column a.uk {background: url(../images/flag_uk.png) left center no-repeat;}
#sub_header .left_column a.china {background: url(../images/flag_china.png) left center no-repeat;}

#content {text-align: left; margin: 33px auto 0 auto; padding: 0 0 130px 0; width: 864px; background: url(../images/bg_columns.gif) 0 1em no-repeat;}
#content .left_column {width: 290px;}
#content .left_column h2 {padding: 39px 0 20px 0;}
#content .left_column ul {background: url(../images/sub_nav_separator.gif) bottom right no-repeat; padding: 0 0 1px 0;}
#content .left_column li {list-style-type: none; padding: 1px 0 0 0; font-size: 0.8em; background: url(../images/sub_nav_separator.gif) top right no-repeat;}
#content .left_column a {display: block; padding: 0; font-weight: normal; line-height: 340%; background: url(../images/sub_nav_arrow_off.gif) right center no-repeat;}
#content .left_column a:hover {color: #666; background: url(../images/sub_nav_arrow_over.gif) right center no-repeat;}
#content .left_column a.selected,
#content .left_column li.currentpage a {background: url(../images/sub_nav_arrow_on.jpg) right center no-repeat;}

#content .left_column h3 {color: #193989; font-size: 1.2em; font-weight: normal; padding: 5px 20px 15px 0;}
#content .left_column p {padding: 0 20px 20px 0; font-size: 0.8em; color: #666;}
#content .left_column p a {background: none; display: inline; line-height: 130%; color: #666;}
#content .left_column p a:hover {background: none; text-decoration: underline; cursor: pointer;}
#content .left_column p .label {color: #193989;}

#content .right_column {width: 574px;}
#content .right_column h2 {padding: 36px 0 30px 25px; font-size: 1.4em;}
#content .right_column p {font-size: 0.8em; line-height: 130%; padding: 0 0 20px 25px;}
#content .right_column ul {font-size: 0.8em; padding: 0 0 0 25px; line-height: 130%;}
#content .right_column li {background: url(../images/bullet_point.jpg) 0 2px no-repeat; padding: 0 0 14px 26px; list-style-type: none;}

#team_pic {width: 257px; height: 188px; background: url(../images/bg_team_pic.jpg) top left no-repeat; float: right; margin: 0 0 10px 25px; text-align: left;}
#content .right_column #team_pic ul {padding: 0;}
#content .right_column #team_pic li {float: left; background: none; padding: 0;}
#content .right_column #team_pic li span {display: block; padding: 10px 10px 0 10px;}
#content .right_column #team_pic li.image {width: 138px;}
#content .right_column #team_pic li.text {width: 119px; font-size: 1.2em; color: #fff;}
#content .right_column a {text-decoration: underline; font-weight: normal;}

#contact_map {margin: 0 0 0 25px; border: 2px solid #666;}

#content .right_column a.download {background: url(../images/bg_download.gif) bottom right no-repeat; text-decoration: none; display: block; text-align: right; padding: 1px 20px 4px 0;}


/***** Footer *****/
#navigation_footer {clear: left; width: 924px; height: 99px; margin: 0 auto; background: url(../images/bg_footer_nav.gif) left bottom no-repeat;}
#navigation_footer ul {padding: 60px 0 0 30px;}
#navigation_footer li {float: left; list-style-type: none; background: url(../images/footer_nav_separator.jpg) right center no-repeat; line-height: 200%; padding: 0 9px 0 0; margin: 0 9px 0 0;}
#navigation_footer li.last {background: none;}
#navigation_footer a {color: #193989; font-size: 0.7em; font-weight: normal;}
#navigation_footer a:hover {text-decoration: underline;}
#navigation_footer a.selected,
#navigation_footer li.currentpage a {color: #999;}

#footer {clear: left; font-size: 0.7em; text-align: left; width: 924px; margin: 0 auto;}
#footer p {color: #666; padding: 15px 17px;}
#footer .telephone, #footer .fax {color: #000;}


/***** Misc *****/
.float-left {float: left;}
.float-right {float: right;}
.clear {clear: both; height: 0; font-size: 0;}
.hide {display: none;}
.error {color: #000; background-color: #FFFFCC; padding: 0 3px 2px 3px;}