/* png fix */
img { behavior: url(http://www.blackmagic-design.com/externals/iepngfix.htc); border: 0; }

/* remove dotted links */

a:active { outline: none; }
:focus { -moz-outline-style: none; }
a:active, a:focus { outline: 0; }

/* basics */
body { background-color: #D7D7D7; margin: 0; color: #333333; font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; }
p { margin: 0 0 1em 0; }
a:link, a:visited { color: #A77745; text-decoration: underline; }
a:hover, a:active { text-decoration: none; color: #FFFFFF; background-color: #A77745; }
h1 { font-size: 14px; color: #000000; text-align: left; margin-bottom: 12px; line-height: 1.5em; margin-top: 0; }
h2 { font-size: 14px; color: #666666; text-align: left; margin-bottom: 6px; margin-top: 0; line-height: 1.5em; }
h3 { font-size: 12px; color: #000000; text-align: left; margin-bottom: 6px; margin-top: 0; line-height: 1.5em; }
select, input, textarea { font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; font-size: 11px; }
form { margin: 0; }

/* main divs */
#container { background-color: #fff; width: 785px; margin: 0 auto 0 auto; voice-family: "\"}\""; voice-family:inherit; width:755px; position: relative; border: 15px solid #fff; }
#hero { margin: 2px auto 0; width: 755px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BDBDBD; padding: 0 0 10px 0; }
#footer { clear: both; text-align: center; font-size: 9px; border-top: 1px solid #CCCCCC; padding-top: 10px; }

/* banner */
#banner { background-color: #A77745; height: 160px; width: 755px; position: relative; }
#banner #bmdnav { position: absolute; top: 133px; left: 10px; }
#banner #bmdlogo { position: absolute; left: 488px; top: 40px; }

/* main content */
#content { width: 440px; float: left; display: inline; margin: 30px 0 20px 20px; line-height: 1.3em; font-size: 12px; }
#content .thumbLeft { float: left; }
#content .infoMargin { margin-left: 170px; }
#content .productLeft { float: left; margin-top: 0; margin-right: 20px; margin-bottom: 10px; margin-left: 0; }
#content .productRight { float: right; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 20px; }
#content .productSpace { margin-bottom: 20px; }
#content .pullquote { font-size: 14px; margin-top: 20px; margin-bottom: 20px; padding: 10px; border: 2px dashed #CCCCCC; text-align: justify; line-height: 1.2em; }

/* sub nav */
#subNav { width: 755px; margin: 0 auto; font-size: 11px; padding-top: 3px; }
#subNav a:link, #subNav a:visited { color: #333333; text-decoration: none; }
#subNav a:hover, #subNav a:active { color: #000000; text-decoration: underline; background-color: #E3E3E3; }
#subNav tr { background-color: #E3E3E3; color: #333333; }
#subNav .navOn { background-color: #676767; font-weight: bold; color: #FFFFFF; }
#navigation { padding-top: 133px; }

/* sidebar */
#sidebar { width: 230px; float: right; display: inline; margin: 30px 20px 20px; font-size: 11px; line-height: 14px; }
#sidebar a:link, #sidebar a:visited { color: #A77745; text-decoration: none; }
#sidebar a:hover, #sidebar a:active { text-decoration: underline; background-color: white; color: #A77745; }
#sidebar h1 { font-size: 11px; color: #000000; line-height: 1.5em; text-align: left; margin: 0 0 .5em 0; }
#sidebar p { margin: 0 0 0.5em 0; }
#sidebar div.divider { border-bottom: 1px solid #CCCCCC; margin-bottom: 1em; padding-bottom: .5em; }
#sidebar .supportSelect { width: 230px; }
#sidebar .sidebarInfo { margin-left: 75px; }
#sidebar img.left { float: left; margin: 5px 10px 5px 5px; }
#sidebar img.centre { margin-bottom: 10px; }
#sidebar img.centreBottom { margin-top: 5px; }
#sidebar .more { margin-top: 1em; padding-top: 1em; border-top: solid 1px #ccc; text-align: center; }
#sidebar .casestudy { border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; margin-top: 1em; padding-top: 1em; }
#sidebar img.casestudyThumb { float: right; margin: 5px 5px 0 10px; }
#sidebar img.right { float: right; margin: 5px 5px 10px 10px; }
#sidebar .status { color: #CC0000; font-size: 11px; font-weight: bold; }
#sidebar .brochure { text-align: right; }
#sidebar .greatModels { width: 100%; font-size: 9px; margin: 3px 0 10px 0; }
#productStatus { margin-bottom: 10px; }
#productStatus th { color: #CC0000; font-size: 11px; text-align: left; padding-bottom: 5px; }

/* navbar */
#navbarContainer { position: absolute; left: 10px; top: 128px; width: 471px; background-image: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); }
#navbar { margin: 0; padding: 0; height: 25px; list-style: none; }
#navbar li { float: left; margin: 0; }
#navbar a { text-decoration: none; display: block; height: 25px; text-indent: -5000px; overflow: hidden; }
#navbar #products { width: 76px; background-image: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); background-position: 0 0; }
#navbar #products:hover { background-position: 0 -25px; }
#navbar #resellers { width: 76px; background: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); background-position: -76px 0; }
#navbar #resellers:hover { background-position: -76px -25px; }
#navbar #support { width: 73px; background: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); background-position: -152px 0; }
#navbar #support:hover { background-position: -152px -25px; }
#navbar #company { width: 82px; background: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); background-position: -225px 0; }
#navbar #company:hover { background-position: -225px -25px; }
#navbar #events { width: 61px; background: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); background-position: -307px 0; }
#navbar #events:hover { background-position: -307px -25px; }
#navbar #press { width: 52px; background: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); background-position: -368px 0; }
#navbar #press:hover { background-position: -368px -25px; }
#navbar #jobs { width: 51px; background: url("http://www.blackmagic-design.com/images/navigation/navigation.gif"); background-position: -420px 0; }
#navbar #jobs:hover { background-position: -420px -25px; }

/* case studies grid */
#grid { margin: 23px 0 20px 20px; line-height: 1.3em; font-size: 12px; position: relative; }
#grid .title { background-color: #f2f2f2; font-size: 11px; padding: 7px 7px 7px 10px; margin-top: 7px; }

/* product matrix */
#matrix { width: 100%; }
#matrix .matrixCompare a:link, #matrix .matrixCompare a:visited, #matrix .matrixCurrency a:link, #matrix .matrixCurrency a:visited { color: #a77745; text-decoration: none; }
#matrix .matrixCompare a:hover, #matrix .matrixCompare a:active, #matrix .matrixCurrency a:hover, #matrix .matrixCurrency a:active { text-decoration: underline; background-color: #dfdfdf; color: #a77745; }
#matrix p { margin-bottom: 0; }
.matrixHead { background-image: url("http://www.blackmagic-design.com/images/page_build/products-tab.gif"); color: #fff; background-color: #676767; background-repeat: no-repeat; font-weight: bold; padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc; }
.matrixHeadSmall { background-image: url("http://www.blackmagic-design.com/images/page_build/products-tab-sml.gif"); color: #fff; background-color: #676767; background-repeat: no-repeat; font-weight: bold; padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc; }
.matrixSub { color: #fff; background-color: #b2b2b2; background-repeat: no-repeat; font-weight: bold; padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc; }
.matrixProduct td { padding: 10px 15px 10px 10px; border-bottom: 1px solid #ccc; vertical-align: top; }
.matrixProductSmall td { padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc; }
.matrixCompare { background-color: #dfdfdf; text-align: right; padding: 5px 10px 5px 10px; }
.matrixCurrency { border-top: 1px solid #ccc; background-color: #dfdfdf; text-align: right; padding: 5px 10px 5px 10px; }
.matrixPrice { text-align: right; }
.matrixProductSmall td.matrixPrice { text-align: right; padding-right: 10px; }
.matrixRegion { text-align: center; padding: 10px 0 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.matrixRegion #fmRegion { margin-top: 5px; }
#matrix .matrixMore a:link, #matrix .matrixMore a:visited { color: #a77745; text-decoration: none; }
#matrix .matrixMore a:hover, #matrix .matrixMore a:active { text-decoration: underline; background-color: #dfdfdf; color: #a77745; }
#matrix .matrixMore { background-color: #dfdfdf; text-align: right; padding: 5px 10px 5px 10px; }
#matrix .matrix_thumb { font-size: 11px; }
#matrix .matrix_thumb p { margin-top: 0; margin-bottom: 0; }

/* misc */
.clearer { clear: both; height: 0; line-height: 0; font-size: 0; }
#credits { font-size: 10px; line-height: 13px; }
.creditLink { font-size: 10px; }
.end { margin-bottom: 0; }
#sidebar .event p { margin: 0 0 .5em 0; line-height: normal; }
#sidebar .event h1 { margin: 0 0 .4em 0; line-height: normal; }
#sidebar .event table { margin: 0 0 .5em 0; }
#sidebar .event ol { margin-top: 0; margin-bottom: .5em; margin-left: 0; padding-left: 25px; }
#sidebar .event ul { margin-top: 0; margin-bottom: .5em; }
#sidebar .event img { margin-bottom: .8em; }
#container #content .intro { font-size: 12px; font-weight: bold; color: #000000; margin: 0 0 20px 0; line-height: 1.5em; }

/* #container #content h3 { margin-top: 20px; margin-bottom: 6px; } */

.matrixProduct img { border: 0; margin: 5px 0 5px 0; }
#container #content .first { margin-top: 0; }
#sidebar img.shadleft { margin-left: 0; }
#sidebar img.shadright { margin-right: 0; }
#container #content .shadbot { margin-bottom: 0; }
#privacy { width: 715px; margin: 23px 20px 20px 20px; line-height: 1.3em; font-size: 12px; position: relative; }

#product-tabs { margin: 0 20px 30px 20px; }
#product-tabs img { border: 0; display: block; margin-top: 30px; }
#product-tabs img.nospace { margin-top: 0; }

#sidebar .moreTop { text-align: center; border-bottom: 1px solid #CCC; margin-bottom: 1em; padding-bottom: 10px; }
#sidebar .moreBottom { text-align: center; border-top: 1px solid #CCC; margin-top: 1em; padding-top: 10px; }

#imageData #bottomNavClose { left: 383px; }
#loading { top: 55px; height: 32px; }
#emailSupport td { vertical-align: top; } 
#license { font-size: 11px; width: 390px; height: 200px; overflow-y: auto; padding: 10px; border: 1px solid #999; }
#license_check { margin-left: 10px; margin-right: 5px; }
#license ol { list-style: lower-alpha; }
#license ol.roman { list-style: lower-roman; }