/*****Reset Styles*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
.hidden, hr { display: none; }

/*****Clearfix Hack*****/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/*****Body Styles*****/
body { background: #000000; color: #FFFFFF; font: 62.5%/160% "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
acronym { border-bottom: 1px dotted #FFFFFF; cursor: help; text-decoration: none; }

/*****Headers, Text, Lists & Links*****/
h1, h1.home { clear: both; float: left; height: 59px; margin: 220px 0 0 20px; padding: 0; width: 250px; }
h1.home {background: url(../images/innvotec.png) no-repeat; float: right; margin: 95px 10px 0 0;}
h1 { background: url(../images/innvotec-small.png) no-repeat; }
h1 a { display: block; height: 59px; overflow: hidden; outline: none; text-indent: -9999px; width: 250px; }


h2, h3, h4, h5, h6 { font-weight: normal; line-height: 140%; margin: 0 0 10px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

p { font-size: 13px; line-height: 170%; margin: 0 0 10px; }
li { font-size: 13px; line-height: 140%; list-style: square; margin: 0 10px 5px; }
ul { margin: 0 20px 10px; }

a, a:visited, a:active, a:link { color: #FFFFFF; padding: 3px 0; }
a:hover { text-decoration: none; }
a img { border: none; }

/*****Generic Classes*****/
.textLeft { text-align: left; } 
.textRight { text-align: right; } 
.textCenter { text-align: center; } 


#masterContainer { margin: 0 auto; width: 980px; }


#header { background: url(../images/header_new.jpg) no-repeat; border-bottom: 2px dotted #FFFFFF; height: 500px; margin: 0 0 8px; }

#sidebar { border-left: 2px dotted #FFFFFF; float: right; margin: 0 0 50px; padding: 0 0 0 8px; width: 266px; min-height: 334px; height: auto !important; height: 334px; }
#footer { background: url(../images/footer.gif) 0 3px no-repeat; clear: both; margin: 0 0 50px; padding: 0 0 0 175px; }

p.contactDetails { float: left; margin: 40px 40px 40px 70px; color: #7F2607;}
p.contactDetails a {color: #7F2607;}
p#tagLine, p#tagLineSmall { background: url(../images/tagline.png) no-repeat; float: left; height: 45px; margin: 70px 0 0 70px; overflow: hidden; outline: none; padding: 0; text-indent: -9999px; width: 700px; }
p#tagLineSmall { background: url(../images/tagline-small.png) no-repeat; width: 400px; height: 31px; margin-top: 0; margin-left: 45px;}
p#blurb {text-indent: -99999px; width: 500px; height: 45px; background: url(../images/blurb.png) no-repeat; float: right; clear: both; margin: 5px 10px 0 0;}
#nav { border-left: 2px dotted #000000; float: right; margin: 40px 10px 0 0; padding: 0 0 0 4px; width: 260px; }
#nav li { font-size: 14px; height: 30px; line-height: 30px; list-style: none; margin: 0 0 4px 0; padding: 0; }
#nav li.last { margin: 0; }
#nav li a { background: url(../images/bg-nav.jpg) -0 -0px repeat-x; display: block; padding: 0 10px; text-decoration: none; }
#nav li a:hover { background: url(../images/bg-nav.jpg) -0 -30px repeat-x; text-decoration: none; }

#subNav { float: left; margin: 0 0 50px; padding: 0; width: 700px; }
#subNav li { float: left; font-size: 16px; list-style: none; margin: 0 4px 0 0; width: 171px; }
#subNav li span { display: block; height: 40px; line-height: 40px; margin: 0 0 4px; padding: 0 15px; }
#subNav li img { border-bottom: 25px solid #FFFFFF; vertical-align: text-bottom; padding: 0 0 4px; }

#subNav li a { display: block; text-decoration: none; }
#subNav li a:hover { text-decoration: none; }

#subNav li.blueSub a img { border-color: #008EDA; }
#subNav li.greenSub a img { border-color: #B9CB1B; }
#subNav li.orangeSub a img { border-color: #DE7605; }
#subNav li.pinkSub a img { border-color: #E23F90; }

#subNav li.blueSub a span { background: url(../images/bg-subBlue.jpg) 0 0 repeat-x; }
#subNav li.greenSub a span { background: url(../images/bg-subGreen.jpg) 0 0 repeat-x; }
#subNav li.orangeSub a span { background: url(../images/bg-subOrange.jpg) 0 0 repeat-x; }
#subNav li.pinkSub a span { background: url(../images/bg-subPink.jpg) 0 0 repeat-x; }


/***** Inner Page Header Changes *****/
.inner h1 { background: url(../images/innvotec-small.png) no-repeat; clear: none; margin: 30px 0 0 45px; height: 50px; }
.inner #header { background: url(../images/header-small_new.jpg) no-repeat; height: 210px; }
.inner p#tagLine { background: url(../images/tagline.png) no-repeat; float: left; margin: 0 0 0 250px; }
.inner #subNav { margin: 0; }

#content { float: left; margin: 0 0 40px; width: 700px;}

#contentSide { background: #1A181D; float: left; padding: 15px; width: 141px; }
#contentSide ul { margin: 0 0 0 10px; }
#contentInner { background: #1A181D; float: left; margin: 0 0 0 4px; padding: 25px 30px 15px; width: 460px; }
#contentInner.contentWide { width: 635px; margin: 0; }

.news-item { border-top: 2px dotted #FFFFFF; padding: 15px 0 0; margin: 0 0 15px; }

#contentInner img { float: left; margin: 5px 15px 5px 0; border: 1px solid #CCCCCC; padding: 3px; }

#contentInner form { border: 2px solid #686D6F; padding: 10px 20px; margin: 20px 40px 55px; text-align: right; }
#contentInner form p { text-align: left; }
#contentInner form fieldset { border: none; }
#contentInner form span.required { font-weight: normal; color: #686D6F; }
#contentInner form legend { display: none; }
#contentInner form div.form-item { padding: 7px 0; margin: 0 0 2px; text-align: left; }
#contentInner form div.buttons{ padding: 7px 5px 7px 10px; margin: 0 0 2px; }

#contentInner form label { display: block; width: 170px; font-size: 12px; float: left; padding: 8px 0 4px 0; font-weight: bold; margin: 0 5px 0 0; }

#contentInner form input.form-submit { margin: 0; background: #750211; padding: 5px 40px; color: #FFFFFF; border: 2px solid #910415; cursor: pointer; }

#contentInner form input.form-text { padding: 7px; border: 2px solid #686D6F; width: 300px; font: 13px "Lucida Sans", Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; background: #1A181D; color: #FFFFFF; }
#contentInner form textarea.form-textarea { padding: 7px; border: 2px solid #686D6F; width: 300px; font: 13px "Lucida Sans", Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; background: #1A181D; color: #FFFFFF; }

.error { padding: 10px; background: #125794; margin-top: 5px; margin-left: -3px; font-size: 11px; text-align: left; }

#sidebar #newsSub { background: url(../images/bg-subYellow.jpg) 0 0 repeat-x; font-size: 16px; height: 40px; line-height: 40px; margin: 0 0 4px; padding: 0; }
#sidebar #newsSub a { display: block; padding: 0 15px; text-decoration: none; }
#sidebar #newsSub a:hover { text-decoration: none; }

.ui-accordion-header { background: #CC3300; height: 30px; line-height: 30px; margin: 0 0 2px; }
.ui-accordion-header a { background: url(../images/bg-nav.jpg) -0 -0px repeat-x; display: block; padding: 0 10px; text-decoration: none; }
.ui-accordion-header a:hover { background: url(../images/bg-nav.jpg) -0 -30px repeat-x; }

.ui-accordion-content { background: #1A181D; margin: 0 0 2px; padding: 15px; }
.ui-accordion-content p {width:235px;}
.float-left { float: left; }