@charset "utf-8";
/* CSS Document */

body
{
margin: 10px auto;
width: 875px;
background: #400000 url(images/backTile1.jpg) repeat-x center top;
}

h1
{font-size: 16px; line-height: 19px;}

h2
{font-variant: small-caps; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; color: #363636; font-size: 16px; line-height: 18px;}

h3
{font-variant: small-caps; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; color: #363636; font-size: 14px; line-height: 16px;}

p
{}

td {text-align: left; vertical-align: top;}

fieldset
{margin: 15px;}

legend
{font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #A4C13C; padding: 8px;}

a {color: #333333;}
a:visited {color: #666666;}
a img {border: 0px;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearBoth {clear: both;}

#theHeader,#logo,#estimateB,#theTopMast,#mastFloat1,#mastRtSidebar,#masterContent1,#masterContent2,#theFooter, #contentNavigation, #theTopMastCart, #theTopMastClient, #masterContent1B, #theTopMastHost, #masterContent1C, #masterContent1D, #masterContent1E, #masterContent1F, #theTopMastPhotography, #theTopMastVideo, #theTopMastSEO
,#fotoThumbs, #fotoPic, #theTopMastDESIGN, #theTopMastWEB, #masterContent1G, #theTopMastBLOG
{float: left;}

#theHeader,#theTopMast,#masterContent1,#masterContent2,#theFooter, #contentNavigation, #theTopMastCart, #masterContent1B, #theTopMastClient, #theTopMastHost, #masterContent1C, #masterContent1D, #masterContent1E, #theTopMastPhotography, #theTopMastVideo, #masterContent1F, #theTopMastSEO, #theTopMastDESIGN, #theTopMastWEB, #masterContent1G, #theTopMastBLOG
{width: 840px;}

#mainWrapper
{background: #fff; border: 1px double #003366; width: 840px; float: left;}

#theHeader
{height: 110px;}

#logo
{width: 380px; margin: 0 0 0 30px;}

#estimateB
{width: 200px; margin: 20px 0 0 50px;}

#headerSearch
{width: 120px; margin: 0 22px 0 0; float: right;}

#theTopMast {height: 300px; background: url(images/mast_background.gif) no-repeat top center;}
#theTopMastCart {height: 300px; background: url(images/cart/mast_background.jpg) no-repeat top center;}
#theTopMastHost {height: 300px; background: url(images/mast_background_hosting.gif) no-repeat top center;}
#theTopMastPhotography {height: 300px; background: url(images/cart/mast_background_photography.jpg) no-repeat top center;}
#theTopMastVideo {height: 300px; background: url(images/video/mast_background_video.jpg) no-repeat top center;}
#theTopMastSEO {height: 300px; background: url(images/seo/mainMastPic_SEO.jpg) no-repeat top center;}
#theTopMastDESIGN {height: 300px; background: url(images/mast_background_design.gif) no-repeat top center;}
#theTopMastWEB {height: 300px; background: url(images/mast_background_web.gif) no-repeat top center;}
#theTopMastBLOG {height: 300px; background: url(images/mast_background_blog.gif) no-repeat top center;}
#theTopMastClient {height: 200px; background: url(images/clients_background.jpg) no-repeat top center;}
#contentNavigation
{}

#mastFloat1 {width: 390px; height: 198px; margin: 50px 0 0 95px; background: url(images/mastBlurb_background.png) no-repeat center center;}
#mastRtSidebar {float: right; width: 220px; margin: 5px 15px 0 0;}
#masterContent1 {background: url(images/mast_bottom.gif) no-repeat top center;}
#masterContent1B {background: url(images/mast_bottom2.gif) no-repeat top center;}
#masterContent1C {background: url(images/mast_bottom2.gif) no-repeat top center;}
#masterContent1D {background: url(images/cart/mast_bottom3.gif) no-repeat top center;}
#masterContent1E {background: url(images/video/mast_bottom4.gif) no-repeat top center;}
#masterContent1F {background: url(images/seo/mainMastNav_SEO.jpg) no-repeat top center;}
#masterContent1G {background: url(images/mast_bottom3.gif) no-repeat top center;}
#masterContent1H {}

#masterContent2
{}

#theFooter, #theFooter a
{font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; text-decoration: none; color: #666666;}

#portfolioViewer
{float: right; width: 320px; margin: 0 15px 0 15px;}

#webThumbViewer
{clear: left; float: left; margin: 10px 0 10px 0; width: 830px;}

#creativeSideBar1
{float: right; width: 200px; margin: 10px;}

#topStoryArt
{float: left; width: 780px; margin: 10px 0;}

/* dynamic content styles */

#webThumbViewer
{}

#webThumbViewer ul, #ecomThumbs ul
{margin: -1px;}

#webThumbViewer li, #ecomThumbs li
{list-style-type: none; float: left; margin: 0px 3px; cursor: pointer;}

#webThumbViewer li a
{}

/* Class Links */

.sidebarLinks h1
{line-height: 14px;}

.barLink, .barLink a
{font-size: 10px; line-height: -1px; color: #003366; font-variant: small-caps; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}

.barLink h1
{line-height: 14px;}

.barTXT
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #333333; margin-top: -4px; }

.quoteTXT1, .quoteTXT2, .quoteTXT3
{font-size: 22px; line-height: 30px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}

.quoteTXT2
{font-size: 16px; line-height: 22px;}

.quoteTXT3, .quoteTXT3 a
{font-size: 12px; line-height: 20px; padding-top: 17px; font-weight: normal; color: #000; text-decoration: none;}

.quoteTXT3 a:hover
{font-size: 11px;}

.fancyContent1
{font-size: 14px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps;}

.legalTXT
{font-size: 11px; line-height: 12px; clear: both;}

.formField
{margin-bottom: 8px;}

#serviceType,#existingWebsite,#estimatedBudgetRange,#need_ecommerce,#marketingMaterial,#,
{color: #333333; font-size: 11px;}

.picFrame
{padding 2px;}

.picCaption
{background: #FAFBD7; font-size: 11px; line-height: 12px; color: #333333;}

.floaterCell
{
width: 25%;
margin: 25px 5px 2px 5px;
float: left;
display: block;
font-size: 12px;
line-height: 13px;
color: #333333;
}

.jumpToPages
{width: 220px; text-align: left;}

/* In The News */

#featuredNewsTitle
{background: url(images/horizontalGradient1.jpg) repeat-x center center; padding: 5px; text-indent: 22px;}

#newsSection
{float: left; width: 95%; font-family: "Lucida Sans", Arial; font-size: 13px; line-height: 14px; margin: 10px 20px;}

.newsDate, .newsBlurb, .newsLink, .newsBox
{width: 235px; float: left; padding: 3px;}

.newsBox
{margin: 20px 10px;}

.newsDate
{font-family: Tahoma, sans-serif; font-size: 16px; color: #006699; background: url(images/newxIcon.gif) no-repeat left top; padding: 8px 0 0 32px; height: 33px; width: 200px;}

.newsBlurb
{}

.newsLink
{}


/* Ecommerce Pages */

#ecomOverview
{}

#ecomOverview td, #ecomOverview th
{text-align: left; font-weight: normal; vertical-align: top;}

#ecomContent1_title
{background: url(images/cart/ecomBack_gradient1.jpg) no-repeat top left; height: 200px; width: 490px; padding: 15px;}

.hostingContent1_title
{background: url(images/cart/ecomBack_gradient1.jpg) no-repeat top left; width: 98%; padding: 15px;}

#techIntegration
{width: 274px;}

#ecomThumbs
{width: 260px; float: left;}

#ecoDetails
{width: 240px; float: left; margin: 0 0 0 5px;}

/* Foto Classes */

#fotoThumbs
{width: 420px;}

#fotoThumbs ul
{margin: -1px;}

#fotoThumbs li
{list-style-type: none; float: left; display: block; cursor: pointer; width: 75px;}

#fotoPic
{width: 300px;}

/* FONT Classes */

.bigRed
{font-size: 24px; color: #CC0000; font-family: Impact; line-height: 24px;}

.bigGrey
{font-size: 24px; color: #666666; font-family: Impact; line-height: 24px;}

.bigGreen
{font-size: 24px; color: #00CC00; font-family: Impact; line-height: 24px;}

.capGrey
{
font-variant: normal;
text-transform: uppercase;
font-family: Impact, Arial;
font-size: 24px;
font-weight: normal;
color: #999999;
line-height: 25px;
}

.capRed
{
font-variant: normal;
text-transform: uppercase;
font-family: Impact, Arial;
font-size: 24px;
font-weight: normal;
color: #CC0000;
line-height: 25px;
}

.capGreen
{
font-variant: normal;
text-transform: uppercase;
font-family: Impact, Arial;
font-size: 24px;
font-weight: normal;
color: #009900;
line-height: 25px;
}

/* CLIENT PORTAL */

#clientPortal {margin: 45px 20px 20px 20px;}
.clientCol {width: 48%; float: left; margin: 8px;}
.ClientColHeader {padding: 3px; background: #FAFBD7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; display: block; width: 99%; font-weight: bold; font-variant: small-caps;}
#clientUpload {margin: 20px; background: #F2F2F2; padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #003366;}

/* Misc Classes */

.RFPform
{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; font-variant: small-caps;}

.RFPform p
{font-variant: normal; padding: 0 10px 0 10px;}

.rightFloatAdvert
{float: right; width: 200px; margin: 9px;}

#termsConditions
{margin: 20px;}

.quarterPanel {float: left; width: 30%; margin: 5px;}
.quarterPanel3 {width: 39%; margin: 5px; float: right; background: url(images/photography/cornerImage.jpg) no-repeat top right; padding-top: 135px;}

.halfPanel
{float: left; width: 55%; margin: 5px;}

#photoCorner {background: url(images/photography/cornerImage.jpg) no-repeat top right; padding-top: 170px; width: 36%;}
#webCorner {background: url(images/webBackGraphic.gif) no-repeat top right; padding-top: 170px; width: 36%;}
#videoCorner {background: url(images/video/cameraGraphic.gif) no-repeat bottom right; padding-bottom: 170px; width: 36%;}

#designCorner
{width: 40%;}

#emptyCorner
{padding-bottom: 170px; width: 36%;}

.blogNews1
{border: 1px groove #CCCCCC; padding: 9px;}

#pricingPanel
{border: 1px #CCCCCC groove; padding: 8px;}

#pricingPanel td
{text-align: left; vertical-align: middle; font-variant: small-caps;}

.simple10pxMargin
{margin: 10px;}

.simple20pxMargin
{margin: 20px;}

.even
{background: #FFFFE1;}

.odd
{background: #E1E1FF;}

.infoTD
{padding: 15px 3px 0 3px;}

#portfolioTable td
{align: center; text-align: center;}

.portThumb
{background: #fff;}

#generalContact
{font-family: Arial, Helvetica, sans-serif; line-height: 13px; font-size: 12px;}

/* top navigation buttons */

#topNav
{width: 840px; float: left;}

#topNav ul
{margin: -1px -1px -1px -15px;}

#topNav li, #topNav li a
{list-style-type: none; display: block; float: right; width: 115px; height: 25px; text-align: center; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; font-variant: small-caps; background: url(images/topNav_back.png) no-repeat top center; text-decoration: none; color: #000; margin-bottom: 8px;}

#topNav li a:hover
{background: url(images/topNav_backHover.png) no-repeat top center;}

/* Search Styles */
#results
{float: left; width: 510px; margin: 5px 15px; border: 1px groove #CCCCCC; padding: 8px;}

#result_report
{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 53px;}

.url, .description, .title
{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.url
{;}

.description
{}

.title
{display: block; background: #D5D5FF;}

#other_pages
{margin: 5px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#rightColBanners
{float: right; width: 255px; border: 1px groove #CCCCCC; padding: 8px;}

/* FLASH STYLES */

#mastFlash {float: left; margin: 0 0 0 0; width: 565px; height: 263px;}
#graphicFlash {float: left; margin: 8px 0 0 8px; width: 561px; height: 267px;}
#webFlash {float: left; margin: 12px 0 0 15px; width: 561px; height: 267px;}
#ecommerceFlash {float: left; margin: 12px 0 0 15px; width: 561px; height: 267px;}

/* Page Sub Styles */

#webFolio {background: url(images/web-design/webPortfolioBackground.jpg) no-repeat bottom left; height: 400px;}
#webThumbNails {float: left; width: 53%; margin: 4px; padding: 20px 0 0 0;}
#webDisplayScreen {float: left; width: 340px; margin: 4px;}
.fancyTitle {padding: 4px 5px 4px 5px; background: url(images/web-design/portfolioTitles.jpg) repeat-x; font-size: 14px; line-height: 15px; color: #68620b; font-weight: bold; width: 329px;}
#webThumbNails ul {margin: 0;}
#webThumbNails li {cursor: pointer; list-style-type: none; float: left; margin: 5px 0 0 7px;}

/* in the news */

#newsContainer
{width: 550px; float: left; position: relative; padding: 10px; background: #999999;}

#headerBox
{width: 550px; height: 99px; background: #fff;}

#newsLogo
{float: left; width: 383px; background: url(http://www.fscproductions.net/images/logo.gif); height: 99px;}

#newsHeadline
{width: 167px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px;}

#contentBox
{width: 550px; float: left; background: #fff;}

#contentNews
{margin: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px;}

#contentNews h1
{}

#contentNews p
{}

#footerBox
{width: 550px; float: left; background: #fff;}

#contentFooter
{font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; padding: 5px;}

#newsDisplay
{position: absolute; width: 565px; z-index: 99; display: none; margin: 50% auto;}

.hideMe {display: none;}
.invisLink
{display: none;}

#mainPage1 {background: url(images/background1_homepage.jpg) no-repeat bottom left;}