/* @group general */
body { background: #191919 url(../images/siteWide/bkg_line.png) repeat-x;}
div#doc.yui-t7 {background: #000 url(../images/siteWide/bkg_line_interior.png) repeat-x;}
#bd {border-top: 1px solid #222;}
 img, div { behavior: url(../images/siteWide/iepngfix.htc) }
/* @end */
/* @group Navigation */
#fancymenu,#fancymenu2 {position: relative; height: 15px; overflow: hidden; width: 750px;}
#fancymenu ul,#fancymenu2 {margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-left: 10px; padding-right: 0;}
div#fancymenu2 {padding-top: 10px; padding-bottom: 20px;}
div#fancymenu {padding-bottom: 10px; background-color: #101010; padding-top: 10px; margin-bottom: 1px; border-bottom: 2px solid #050505; border-top: 2px solid #5c5c5c;}
/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */


#fancymenu ul li {float: left; list-style: none;}
#fancymenu a { padding: 10px; color: #fff; font-size: .75em; text-decoration: none;}
#fancymenu a:hover { text-decoration: underline;}

#fancymenu2 ul li {float: left; list-style: none;}
#fancymenu2 a { padding: 10px; color: #ede6c9; font-size: .85em; text-decoration: none;}
#fancymenu2 a:hover { text-decoration: underline;}

.current{ background-color: #292929; padding-bottom: 1px;}


/* @end */
/* @group Homepage */
.news {float: right; width: 350px; margin-top: 25px;}
#bd div.yui-g div.slideshow img {float: left;}
li.newsTitle h4 {color: #5b5b7b; text-transform: uppercase; font-size: 85%; text-shadow: #000 0 0 0; font-weight: bold;}
#bd div.yui-g div.news ul li.newsTitle h4 { margin-top: 10px;}
#bd div.yui-g div.news img {margin-left: 10px;}
li.newsClip a {color: #fff; text-decoration: none; font-size: 85%;}
li.newsClip a:hover {border-bottom: 1px solid #1a09fc;}
.news ul { padding-left: 10px; padding-top: 2px; padding-bottom: 10px;}
.news ul:hover {background-color: #04052d;}
.news a img {padding: 2px; position: relative; bottom: 3px; left: 30px;}
.news a img:hover {background-color: #ebebeb;}
/* @end */
/* @group work */
ul.workMod {width: 360px; float: left; height: 90px; background-color: #151515; margin: 3px 3px 3px 4px; padding-top: 4px; padding-left: 4px;}

ul.workMod:hover {background-color: #1b1b1b;}
ul.workMod li {display: block;}
.microDisc {padding: 5px; position: relative; width: 150px; float: left; margin-left: -5px;}
.microDisc h3 {color: #fefedc; text-transform: uppercase; font-size: 80%;}
a.microTitle {text-decoration: none; color: #b5f2ce; font-size: 85%; text-transform: uppercase; text-shadow: #0d282b 2px 2px 3px; font-weight: bold;}
.microDisc p {font-style: normal;font-size: 80%; color: #e2e8e7; margin-top: 4px; letter-spacing: 1px; text-decoration: none; background-color: transparent;}


.microThumb {width: 200px; overflow: hidden; float: left; clear: both;}

.microThumb-solo a {float: left; margin-right: 3px; padding: 1px; width: 60px; height: 40px; margin-bottom: 3px; background-color: #000;}
.microThumb-solo a:hover { background-color: #00fcff;}
a.microEnter {text-decoration: none; color: #feff82; font-size: 80%; text-transform: uppercase; position: absolute; background-color: #2e2e2e; padding: 2px 5px 1px; top: 70px; float: left;}
a.microEnter:hover { color: #b6fff4; text-decoration: underline;}
/* @end */
/* @group workDetail */


a.backButt {float: right; position: relative; right: 15px; bottom: 5px; margin-top: -20px; text-decoration: none; color: #797979; font-size: 70%; text-transform: uppercase; padding: 2px;}
a.backButt:hover {background-color: #7c3b3c; color: #fff;}
p.ProTile {color: #f8fe63; margin-top: 50px; text-transform: uppercase; font-size: 95%; margin-left: 20px; margin-bottom: 10px;}
div.vidThumb-solo {float: left; width: 260px; margin-left: 5px; margin-top: 5px;}
div.stillThumb { float: left; clear: both; margin-left: 5px;}
p.clipTitle {color: #405a64; font-size: 75%; margin-bottom: 15px; text-transform: uppercase; margin-top: 1px; background-color: #111007; padding-left: 15px;}
div.vidThumb-solo a img {padding: 1px;}
div.vidThumb-solo a img:hover {background-color: white;}
p.vidMod-Tile {color: #4a4a4a; text-transform: uppercase; font-size: 80%; padding-left: 20px; border-top: 5px solid #132c44; margin-bottom: 10px; margin-top: 30px; padding-top: 10px; background-color: #000; padding-bottom: 3px;}
.stillThumb ul li {display: inline}
div.stillThumb a img {padding: 1px;}
div.stillThumb a img:hover {background-color: white;}

/* @end */
/* @group Footer */
#ft {margin-top: 75px;}
#ft p.credit { text-align: center; color: #606060; margin-top: 50px; text-shadow: #000 0 0 0;}
#ft p.credit a { color: #679898; text-decoration: none; padding: 2px; margin-left: 2px;}
#ft p.credit a:hover { background-color: #b10000; color: #fff;}
#ft img {margin-top: 15px;}
.footerImage { padding-top: 30px; padding-bottom: 20px;}
/* @end */
/* @group lightbox */
#lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 100;}
#lbCenter, #lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index: 100;}
.lbLoading {background: #fff url(../images/siteWide/loading.gif) no-repeat center; z-index: 100;}
#lbImage {border: 10px solid #fff; z-index: 100;}
#lbBottom {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block; width: 22px; height: 22px; background: transparent url(../images/siteWide/closebox.png) no-repeat center; position: fixed; top: 43px; margin-left: -20px;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}
#lbOverlay_vid {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 100;}
#lbCenter_vid, #lbBottomContainer_vid {position: absolute; left: 50%; overflow: hidden; background-color: #fff; text-align: center; padding: 5px; z-index: 100;}
.lbLoading_vid {background: #fff url(../images/siteWide/loading.gif) no-repeat center;}
#lbImage_vid {border: 10px solid #fff;}
#lbBottom_vid {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 5px solid #fff; border-top-style: none;}
#lbCloseLink_vid {display: block; width: 22px; height: 22px; background: transparent url(../images/siteWide/closebox.png) no-repeat center; position: fixed; top: 43px; margin-left: -20px;}
#lbCaption_vid, #lbNumber_vid {margin-right: 71px;}
#lbCaption_vid {font-weight: bold;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../images/siteWide/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../images/siteWide/nextlabel.gif) no-repeat 100% 15%;}
/* @end */
/* @group form */
img.contactImage { float: right; margin-right: 5px;}
#contact_form {  padding: 10px; height: 530px; width: 300px; float: left;}

ul.contact li { display: inline; margin-left: 5px;}
#contact_form p label {color: #76ffde; float: left; margin-top: 10px; margin-bottom: 5px; }
#contact_form p {color: #76ffde; margin-bottom: 5px;}
#contact_form p {}
INPUT, TEXTAREA, SELECT, OPTION {
font-family: Georgia, "MS Serif", "New York", serif; padding: 2px; color: #000080; background-color: #E0FFFF; border: inset 1px #708090;}
#contact_form h2 { color: #f9ffa0; font-weight: bold; font-size: 120%;}

/* @end */
/* @group text */
p.proDescription { color: #c6c6c6; font-size: 120%; line-height: 1.5em; letter-spacing: .1em; padding-right: 10px; padding-left: 20px; text-shadow: black 0px 0px 0px; margin-top: 10px;}

.proDescription a { color: #fff; padding: 2px 5px;}
.proDescription a:hover { color: yellow;}
.proDescription b {background-color: #da3410; text-decoration: none; color: #fff; padding: 2px 5px; }
.proDescription a b {text-decoration: underline;}
.proDescription a:hover b { color: yellow;}

.microDisc p a { text-decoration: none; color: white;}
div.vidMod {width: 750px; clear: both;}
a.backButt2 { text-decoration: none; color: #797979; font-size: 70%; text-transform: uppercase; width: 100%; margin-top: 10px; margin-bottom: 10px; float: left; margin-left: 20px;}
h4.Aticletitle { padding-left: 20px; padding-bottom: 15px; color: #76fdef; font-size: 25px; text-shadow: black 0px 0px 0px; float: left; clear: both; width: 100%; padding-top: 10px;}
#work_listing ul.workMod li div.microDisc p b { font-weight: normal; font-style: normal;}

#blogbar2 p {float: right; display: inline; color: #000; font-weight: bold; font-size: 2em; position: relative; right: 1em; bottom: 1.65em; clear: both;}
#blogbar2 ul li {background: #1A1A1A; width: auto; min-width: 100%; margin-top: 1px; margin-bottom: 1px;}
a.bloglink2 {display: block; color: #7c7c7c; background: url(../graphics/go.gif) no-repeat 3px; font-size: 18px; padding-top: 1em; padding-bottom: 1em; padding-left: 1.5em; margin-top: 2px; text-decoration: none;}
#blogbar2 { margin-top: 20px;}
a.bloglink2:hover {color: #fff; background: #313131 url(../graphics/go_on.gif) no-repeat 5px;}

/* @end */