/* reset styles */
/* First let's reset all padding and margins to give us an equal work area cross browser */
*{ margin: 0px; padding: 0px; }
/* Now reset the font size so we can use EM sizing cross browser */
html{font-size: 62.5%; }
/* Now we can specify EM sizing where 1.1em = 11px, 1.4em = 14px etc */
body { 
/*font: 1.2em/1.4em Myriad, 'Century Gothic', AppleGothic, Verdana, Arial, Sans-Serif;*/
font: 1.2em/1.4em Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Sans Unicode", Arial, sans-serif;
color: #b4b4b4; background: #000000;
word-wrap: break-word;
}

/*reset font size across the board */
p, table, th, td, li, li li, li p, td p, blockquote p { font-size:1em;  }
h1, h2, h3, h4, h5 { color : #ffffff; font-weight: bold; text-transform: capitalize; font-size:1.2em; }

img { border: 1px solid #202020; }

p { margin: 0 0 8px 0; line-height: 1.4em; }
p a { }

b, strong { color: #ffffff; }


a, a:visited { font-weight: normal; color: #ffffff; text-decoration: underline; outline: 0; }
a:hover{ color: #146ead; text-decoration: underline; outline: 0; }

.content-wrapper { width:1020px; margin: 0 auto; padding-bottom: 100px;  }

#top-inline-wrapper {  height: 32px; position: fixed; top: 0; z-index: 20;  }

#top-inline-nav { list-style: none; margin: 0 0 0 19px; width: 1000px; }
#top-inline-nav li { display: block; float: left; margin: 0 19px 0 0; padding: 0; }
#top-inline-nav li.right-most { margin-right: 0; }
#top-inline-nav li a { font-size: 1.1em; display: block; height: 24px; width: 171px; margin: 0; padding: 6px 0 0 8px; color: #b4b4b4; text-decoration: none; background: url(../bckgrd/1px-grey-trans.png) 0 0 repeat; border: 1px dashed #444444; border-top: 0;}
#top-inline-nav li a:hover { color: #ffffff; text-decoration: underline; }

#productions-logo { margin: 0 0 35px 20px; padding: 70px 0 0 0;}
#productions-logo a { display: block; width: 380px; height: 70px; text-indent: -1000px; overflow: hidden; background: url(../logos/59-productions.png) 0 0 no-repeat; }

#left-sidebar { float: left; width: 180; margin: 0 0 30px 19px;  }
#right-column-wrapper { float: left; width: 780px; margin: 0 0 30px 20px;   }

.extra-dark-back { background: url(../bckgrd/1px-extra-dark-trans.png) 0 0 repeat; padding: 6px 8px 6px 8px; border: 1px dashed #444444; }
#left-sidebar .extra-dark-back { font-weight: normal; text-transform: uppercase; }
.page .extra-dark-back { margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal; }

.dark-back { margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal; background: url(../bckgrd/1px-dark-trans.png) 0 0 repeat; padding: 7px 8px 6px 8px; border: 1px dashed #444444;}

#main-nav { width: 177px; list-style: none; background: url(../bckgrd/1px-dark-trans.png) 0 0 repeat; padding: 7px 2px 18px 2px;}
#main-nav li ul { list-style: none; width: 161px; padding: 0 0 5px 16px; }
#main-nav li { padding: 1px 0 1px 0; }
#main-nav li a, #main-nav li li a { text-decoration: none; display: block; line-height: 1.1em; color: #b4b4b4; }
#main-nav li a:hover, #main-nav li li a:hover { text-decoration: none; color: #ffffff; }
#main-nav li a { font-size: 1.1em; padding: 2px 0 2px 16px; text-transform: uppercase;  background: url(../icons/tri-right.png) left center no-repeat; }
#main-nav li a:hover { }
#main-nav li a.active { background: url(../icons/tri-down.png) left center no-repeat; }
#main-nav li li a { font-size: 1em; padding: 1px 0 1px 14px; text-transform: capitalize;  background: url(../icons/circle.png) left center no-repeat; }
#main-nav li li a:hover { background: url(../icons/circle-dot.png) left center no-repeat; }
#main-nav li li a.active { background: url(../icons/circle-dot.png) left center no-repeat; }


.contact-details { color: #b4b4b4; padding: 8px 2px 0 2px; background: url(../bckgrd/1px-dark-trans.png) 0 0 repeat; border-bottom: 1px dashed #444444;}
.contact-details h5 { text-transform: uppercase; color: #b4b4b4; font-weight: normal; }
.contact-details p { padding-left: 15px; }
.contact-details a { color: #b4b4b4; text-decoration: none; }
.contact-details a:hover { color: #146ead; text-decoration: underline; }


.white-back { color: #000000; padding: 7px 8px 8px 8px; background: url(../bckgrd/1px-white-trans.png) 0 0 repeat;   }
h1.white-back { margin-bottom: 12px; color: #000000; font-size: 1.1em; line-height: 1.2em; font-weight: normal; text-transform: uppercase; }
.white-back a { color: #000000; text-decoration: none; }
.white-back a:hover { color: #146ead; text-decoration: underline; }
.page .white-back { text-transform: uppercase; font-weight: normal; margin-bottom: 12px; }

.grey-back { line-height: 1em; text-transform: uppercase; font-weight: normal; margin-bottom: 12px; background: url(../bckgrd/1px-grey-trans.png) 0 0 repeat; padding: 7px 8px 8px 8px; border: 1px dashed #444444; }

.feature { padding-bottom: 20px; line-height: 1.1em; }
.feature img { width: 378px; }
/*.feature .img-place-holder { background: url(../bckgrd/1px-extra-dark-trans.png) 0 0 repeat; width: 378px; height: 298px; border: 1px solid #202020; float: left; margin-right: 20px; }*/

.feature a.image-link { float: left; margin-right: 20px; }
.feature img.no-link { float: left; margin-right: 20px; }
.feature-info-wrapper { width: 380px; float: left; }
.feature-info-wrapper h2 { font-size: 1.5em; line-height: 1.1em; text-transform: capitalize; font-weight: bold; margin-bottom: 0px; }
.feature-info-wrapper h2 a { color: #ffffff; text-decoration: none; }
.feature-info-wrapper h2 a:hover { color: #146ead; text-decoration: underline; }
.sub-info { line-height: 1.1em; margin-bottom: 0px; }
.category-link { margin-bottom: 10px; font-size: 1em; text-transform: capitalize; font-weight: normal; }
.category-link a { text-decoration: none; }
.category-link a:hover { color: #146ead; text-decoration: underline;  }




.box-quote { margin: 0 0 10px 0; background: url(../bckgrd/1px-extra-dark-trans.png) 0 0 repeat; padding: 6px 8px 7px 8px; border: 1px dashed #444444;  }
h3.box-quote { color: #b4b4b4; font-weight: normal; font-size: 1em; }
.feature-info-wrapper .box-quote {  }

.read-more { text-align: right; }
.read-more a {  color: #b4b4b4; text-decoration: none; padding-left: 14px; background: url(../icons/tri-right.png) left center no-repeat; }
.read-more a:hover { color: #146ead; text-decoration: underline;  }

.col { float: left; margin: 0 20px 20px 0; }
.right-most { margin-right: 0; }
.one-of-four { width: 180px; }
.two-of-four { width: 380px; }

.project-mini { margin: 0 0 12px 0; padding: 0 0 4px 0; border-bottom: 1px dashed #444444;}
.project-mini h3 { font-size: 1.3em; text-transform: capitalize; font-weight: bold; margin-bottom: 0px;  }
.project-mini h3 a { color: #ffffff; text-decoration: none; }
.project-mini h3 a:hover { color: #146ead; text-decoration: underline; }

.two-of-four .feature { margin: 0 0 16px 0; padding: 0 0 4px 0; border-bottom: 1px dashed #444444; }
.two-of-four .feature h2 { font-size: 1.3em; text-transform: capitalize; font-weight: bold; margin-bottom: 0px; }
.two-of-four .feature img { width: 178px; }
.two-of-four .feature a.image-link { margin-bottom: 12px; }
.two-of-four .feature .feature-info-wrapper { width: 180px; }
.two-of-four .feature .img-place-holder { width: 178px; height:240px; margin-bottom: 12px; }

.two-of-four .missing-image .feature-info-wrapper { width: 380px; }

.feature .no-image { width: 100% }

h2.no-style { padding-top: 2px; margin-bottom: 8px;  }
.subtitle { font-weight: normal; font-size: 75%; line-height: 80%; color: #b4b4b4; padding-bottom: 1px; display: block;}
.white-back .subtitle { color: #000000; }
.border-base { border-bottom: 1px dashed #444444; margin-bottom: 8px; }
img.left-align { float: left; margin: 2px 18px 8px 0; }
img.right-align { float: right; margin: 2px 0 8px 18px; }
img.full-column { width: 778px; margin: 0 0 8px 0; }
img.half-width { width: 378px; }
img.narrow { width: 178px; margin-bottom: 8px;}
.list-seg p { margin-bottom: 2px; }
.page ul { list-style: none; margin: 0 0 8px 13%; padding: 0; width: 87%; }
.page ul li { background: url(../icons/bul-point.png) left center no-repeat; padding: 0 0 1px 12px; }
.page ul.rel-links li { background: url(../icons/circle-bright.png) left center no-repeat; }
.page ul.rel-links li a { display: block; padding-top: 1px; color: #b4b4b4; text-decoration: none; }
.page ul.rel-links li a:hover { color: #146ead; text-decoration: underline; }
/*
.page a.read-more { display: block; text-align: right; color: #b4b4b4; text-decoration: none; padding-left: 14px; background: url(../icons/tri-right.png) left center no-repeat; }
.page a.read-more:hover { color: #146ead; text-decoration: underline;  }
*/
.indent-text .top-p { margin-bottom: 0; color: #ffffff; }
.indent-text .indent-p { padding-left: 20%; width: 80%; }
.text-right .left-p { margin-bottom: 0; }
.text-right .right-p { text-align: right; }
.shift-up { margin-top: -8px; }

.two-of-four img.full-column { width: 378px; }
.two-of-four img.half-width {  width: 178px;  }

.one-of-four img { width:178px; margin-bottom: 8px; }

.project-title { font-size: 1.5em; text-transform: capitalize; font-weight: bold; margin-bottom: 2px;  }
.project-title-wrapper .sub-info { margin-bottom: 10px; }
.solid-white-border { font-size: 1em; font-weight: normal; color: #b4b4b4;  margin: 0 0 10px 0; background: url(../bckgrd/1px-extra-dark-trans.png) 0 0 repeat; padding: 6px 8px 7px 8px; border: 1px solid #444444;   }



#footer { width: 780px; margin: 0 20px 80px 0; float: right; padding: 8px 0 0 0; font-size: 90%; color: #444444; border-bottom: 1px solid #444444; border-top: 1px solid #444444;  }
#footer .left { width: 580px; float: left; margin: 0 0 0 0; }
#footer .right { width: 180px; float: right; margin: 0 0 0 0; text-align: right; }
#footer a { color: #444444; text-decoration: none; }
#footer a:hover { color: #146ead; text-decoration: underline; }


#base-fade {  width: 1020px; height: 30px; position: fixed; bottom: 0; z-index: 20; background: url(../bckgrd/base-fade-30.png) 0 0 repeat-x; }


/* background-color: #fff;*/

.right-margin { margin-right: 10px; }
.left-margin { margin-left: 10px; }

/* USEFUL STUFF - ### KEEP @ BOTTOM OF PAGE ### */
.image-replace { display: none; }
.clear-floats { clear: both; }

.full-justify { text-align: justify; }
.centre { text-align: center; }

/*
@import url("../css/antistyles.css") handheld; 
@import url("../css/antistyles.css") only screen and (max-device-width:480px);
*/