﻿/* BASIC STYLES */
p 
{
    margin: 0; padding-bottom: 1em;
    /* Fix paragraphs with bottompadding 1em 
    margin: 0em 0em 1em 0em; */
}
ul 
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 1em;
}
a.stealth:link, a.stealth:visited
{
	color: #CCC !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
a.stealth:active, a.stealth:hover
{
    color: #FA0 !important;
}
div.twoColumnList
{
    border-left: solid 1px #313F52;
    width: 396px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}
div.twoColumnList ul 
{
    margin: 0px;
    padding: 0px;
}
div.twoColumnList li
{
    width: 177px;
    margin: 0px;
    padding: 0px 10px;
    float: left;
    list-style: none;
    border-right: solid 1px #313F52;
}

img
{
	border: none;	
	border-width: 0px;
	display: inline;
}
object 
{
    outline: none;
}
.secondTierNavContent div.header, .thirdTierNavContent img.header, .thirdTierNavContent div.header
{
    margin-left: -60px;
    margin-right: -60px;
    margin-top: -30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #313F52;
}


img.left, img.partner 
{
	float: left;
	margin-right: 10px;
	border: 1px solid #315374;
}

img.right
{
	float: right;
	margin-left: 10px;
	border: 1px solid #315374;
}

img.contentImage
{
    border: 1px solid #315374;
}
img.partner 
{
    display: inline;
    margin: 10px 5px;
    border: 1px solid #315374;
}
div.partners 
{
    text-align: center;
}

hr
{	
	margin: 10px 0px; padding:0;
	width: 100%; height: 1px;
	border: 0;
	color: #313F52;
	background-color: #313F52;
}

blockquote 
{
    border-top: 1px solid #313F52;
    border-bottom: 1px solid #313F52;
    margin: 30px 0px 10px 0px;
    padding: 10px 25px 10px 25px;
    font-size: 11px;
}
blockquote p 
{
    margin: 0px;
}
blockquote div.source 
{
    margin: 0px;
    text-align: right;   
}


/* LAYOUT STYLES */

body {
	background-color: #0E0C0D;
	margin: 20px 0 0 0;
	padding: 0;            
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
    line-height: 17px;
}

/*DIV{-moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}*/

#main
{
    background: transparent url('../Images/BG.png') no-repeat;
	width: 918px;
	height: 595px;
	min-height: 595px;
    margin-left: auto; 
    margin-right: auto;
    position: relative;
}

#mainInner
{
    background: #0E467D url('../Images/BGInner.png') no-repeat; 
	width: 916px;
    margin-left: auto; 
    margin-right: auto; 
    padding: 0px;
    padding-bottom: 10px;
    border: solid 1px #0E3764;
    position: relative;
}
#logo
{
	z-index:100;
	position: relative;
	background-color: transparent;
	margin: 0px 21px 19px 0px;
	left: 21px;
	top: 19px;
	height:115px; 
	width:63px;
}
#homeLink 
{
    z-index: 100;
}

#logoInner
{
	z-index:100;
	position: relative;
	background-color: transparent;
	margin: 15px 0 0 19px;
	height:115px; 
	width:63px;
}

#clientAccess
{
	position: relative;
	background-color: transparent;
	margin-top: -17px;
	margin-right: 10px;
	width:88px;
	height: 19px; 
	text-align:	right;
	float: right;
	line-height: normal;
}
#clientAccess a
{
	color: #818181;
}
#clientAccess a:hover, #clientAccess a:active
{
	color: #CCC;
}
#player
{
	margin-top: 2px;
	margin-right: -98px;
	height: 32px;
	width: 156px;
	position: relative;
	background-color: transparent;
	float: right;
	vertical-align: middle;
	text-align: right;
}
#player a 
{
    display: block;
    width: 156px;
    height: 32px;
}
#player a span { display: none;}

#LogoSNMenuHolder
{
position:relative;clear:both;padding:0;margin:0;z-index:10;
}
#LogoSNMenu
{
position:relative;float:left;width:503px;height:auto;margin-top:-34px;z-index:11;
}
#SNIcons 
{
	margin:0;padding:0;float:right;
}
#tagLine
{
	position: absolute;
	background-color: transparent;
	top: 48px;
	left: 94px;
	height:13px; 
	width:440px;
	vertical-align: top;
}

#footer
{
    background-color: transparent; 
	width: 918px;
	height: 20px;
	margin: 10px auto auto auto;
    text-align: right;
}
.homeFlash 
{
    position:absolute;
    left: -3px;
    top: 6px;
}
.featuredPane, .podcasts
{
    background-color: #06182C;
    border: 1px solid #323D4D;
    margin: 20px;
    padding: 30px;
    padding-bottom: 10px;
}

/* Podcasts */
.podcasts
{
    margin-right: 0px;
    margin-left: 0px;
    padding: 20px;
}
.podcasts img.featuredImage
{
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}
.podcasts .featuredContent
{
    border-left: 1px solid #323D4D;
    float: right;
}
.podcasts td 
{
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
    padding-bottom: 20px;
    vertical-align: top;
}
.podcasts td p
{
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    width: 160px;
}
.podcasts td .title 
{
    font-weight: bold;
    font-size: 1.2em;
}
.podcasts .featuredContent td .image
{
    width: 55px;
}
.podcasts td .image img
{
    border: 1px solid #666;
    padding: 0px;
    margin: 0px;
}
/* Sitemap */
.siteMapFirstTier a
{
	font-family: Verdanda, sans-serif !important;
	font-size: 13px !important;
	border-top: 1px solid #324359 !important;
	margin-left: 0px !important;
	color: #FFF !important;
	display: block !important;
	width: 200px;
	padding: 12px 0px;
	font-weight: bold !important;
}
.siteMapSecondTier a
{
	font-family: Verdanda, sans-serif  !important;
	font-size: 12px !important;
	margin-left: 0px !important;
	color: #CCC !important;
	font-weight: bold !important;
	display: block !important;
	padding-bottom: 8px;
}
.siteMapThirdTier a
{
	font-family: Verdanda, sans-serif !important;
	font-size: 11px !important;
	margin-left: 0px !important;
	color: #CCC !important;
	font-weight: normal !important;
	display: block !important;
	padding-bottom: 10px;
}
.siteMapFourthTier a
{
	font-family: Verdanda, sans-serif !important;
	font-size: 9px !important;
	margin-left: 0px !important;
	color: #CCC !important;
	font-weight: normal !important;
	display: block !important;
	padding-bottom: 10px;
}

/* Menu Styles */
#menu
{
	top: 0px; 
	position: relative;
	margin-top: -36px;
	padding: 0px;
	width:916px; 
	height: 26px;
	float: right;	
	border-top:solid 1px #313F52;	
	border-bottom:solid 1px #313F52;	
	text-align: right;
z-index:99;
}

.menuInner
{
	margin-top: -39px;
	/*display: inline;
	border: solid 1px red;*/
}
.menu a
{
	text-transform: uppercase;
	font-size: 10px; /* 8 pt */
	font-weight:normal;
	padding-right: 0px;
}

/* Job Listings */
.listingGroup h3 
{
    margin: 0px;
}
.listingGroup ul 
{
    margin: 0px;
    padding: 0px;
}
.listingGroup li 
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 9px;
}
.listingGroup
{
    border-top: solid 1px #313F52;
    margin-top: 10px;
    padding-top: 10px;
}

/* Producer Bios / Management Team */
.bioNav 
{
    font-size: .8em;
    margin-top: 1em;
    text-align:center;
    vertical-align: middle;
}
.bioNav img 
{
    top: 5px;
    position: relative;
}
.bioNav a 
{
    font-weight: normal !important;
    top: -5px;
    position: relative;
}
.bioNav a.inactive, .bioNav a.inactive:visited, .bioNav a.inactive:hover
{
    color: #CCC;
}


/* Client Showcase Styles */
#clientShowcaseContainer 
{
    margin-top: 35px;
}

.clientShowcase
{
	position: relative;
	background: transparent url("../Images/Menu/clientShowcaseBackgroundLight.png") repeat;
	border: solid 1px #313F52;
	border-top: none;
	width: 172px; 
	margin: 0px auto 8px 726px;
	color: #848C96;
    line-height: normal;
}
div#homeClientShowcase
{
	margin: 0px auto 8px 730px;
}

.clientShowcase .Title
{
	padding: 12px 0px;
	border-top: 1px solid #313F52;
	overflow: hidden;
}

.clientShowcase .Contents
{
    position:relative;
	padding: 6px 12px;
	padding-right: 22px;
	font-size: 7pt;
	border-top: 1px solid #313F52;
	overflow: hidden;
}
.clientShowcase .Contents p.source
{
	text-align: right;
}
.clientShowcase .Contents a.arrow
{
    position:absolute;
    right:5px;
    top:50%;
    margin-top:-7px;
}
.clientShowcase .Contents a, .clientShowcase .Contents a:hover, .clientShowcase .Contents a:active, .clientShowcase .Contents a:visited
{
    color: #848C96;
    line-height: normal;
}
.clientShowcase .Contents p 
{
    margin: 12px 0px;
    padding: 0px;
}
.clientShowcase .Contents Table td 
{
    vertical-align: top;
}

.clientShowcase .Logo
{
	height: 88px;
	padding: 0; /* Overides ".clientShowcase .Contents" class */
	background: transparent url("../Images/Menu/clientShowcaseBackgroundLight.png") repeat;
}



.clientShowcase .Logo Table 
{
    margin: 0px auto 0px auto;
}

#clientShowcase .Footer
{
	position: absolute;
	bottom: 0px;
	width: inherit;
	font-size: 7pt;
	vertical-align: text-top;
	display: block;
}

/* Client Gallery Styles */
.clientGalleryBox 
{
    margin:-1px 0px 20px 0px;
    padding:0;
    border: solid 1px #162940;
}
.clientGalleryBox .mediaContainer 
{
    float: left;
    margin:20px;
    padding:0;
    width: 281px;
}
.clientGalleryBox .mediaContainer img 
{
    border: solid 1px #315374;
    display: block;
}
.clientGalleryBox .content 
{
    margin: 0px;
    margin-left: 301px;
    padding: 20px
}
.clientGalleryBox .content h3, .clientGalleryBox .content h2, .clientGalleryBox .content p
{
    margin-top: 0px;
    margin-bottom: 1em;
}
.clientGalleryBox .content h3 
{
    text-transform: uppercase;
}
.clientGalleryMenuImage 
{
    margin: 0px;
}

#flashHome
{
	position: relative;
	background-color: Transparent;
	border: solid 1px red;
	margin: 0px 10px auto 1px;
	width:720px; 
	height: 453px;
	float: left;
}

#title
{
	position: relative;
	top: 15px;
	left: 20px;
}
#subMenuInner
{
	position: relative;
	top: 25px;
	left: 25px;
}

#contentInner
{
	position: relative;
	border: solid 1px #313F52;
	margin-top: 35px;
	min-height:449px;
	float: left;
	background: transparent url("../Images/Menu/clientShowcaseBackgroundLight.png") repeat;
	padding: 30px 60px 30px 60px;
	overflow:hidden;
}


.singleColumnContent
{
	width:760px; 
	margin-left: 7px;
}
.secondTierNavContent
{
	width:575px; 
	margin-left: 18px;
    margin-bottom: 20px;
}
* html .secondTierNavContent
{
	margin-left: 10px;
}
div.clientGallery 
{
    padding: 10px 30px 20px 30px !important;
    width:635px;
}
div.clientGallery h2
{
    margin-bottom: 10px;
}

div.thirdTierContentContainer 
{
    width: 700px;
    float: left;
    background: transparent url("../Images/Menu/thirdTierBackground.png") repeat-y;
	margin-left: 18px;
	position: relative;
	margin-bottom: 50px;
	margin-top: 35px;
}
* html div.thirdTierContentContainer 
{
	margin-left: 11px;
	height: 1px;
}
div.thirdTierContentContainer .thirdTierNavContent
{
    border-top: solid 1px #313F52;
	width:398px; 
	padding: 30px 60px 30px 60px;
	overflow:hidden;
	min-height:449px;
	margin-left: 8px;
}
* html div.thirdTierContentContainer .thirdTierNavContent
{
    height:449px;
    margin-left: 178px;
    position: relative;
    overflow: visible;
}

div.thirdTierContentContainer #contentEnd 
{
    clear: both;
    height:1px;
    overflow: hidden;
    background: transparent url("../Images/Menu/thirdTierBorder.gif") no-repeat;
}

#thirdTierMenu
{
	border-top: solid 1px #313F52;
	color: #CCC;
	float: left;
	width:171px; 
	margin-right: 10px;
}
* html #thirdTierMenu 
{
	margin: 0px;
}

.thirdTierNav
{
	margin-left: 4px;
	border-bottom: solid 1px #313F52;
}

.scroll
{
}

.thirdTierNavTable
{
	width: 100%;
	margin: 0px;
}

.thirdTierNavCell, .thirdTierSubNavCell
{
    margin: 0px;
    padding: 0px;	
	border-bottom: solid 1px #313F52;
}
.thirdTierNavCell a 
{
    text-align: left;
	padding: 5px 0px 5px 22px;
    margin-left: 1px;
	font-weight: bold;
	display: block;
}
.thirdTierSubNavCell a
{
    text-align: left;
	padding: 5px 0px 5px 42px;
    margin-left: 1px;
	display: block;
}
* html .thirdTierNavCell a, * html .thirdTierSubNavCell a
{
    margin-top: -2px;
}
.thirdTierNavIcon
{
    display: none;
}

.thirdTierSubNavIcon
{
    display: none;
}

#thirdTierMenu a, #thirdTierMenu a:visited
{
    color: #CCC;
    text-align:left;
}
#thirdTierMenu .thirdTierNavCell a:active, #thirdTierMenu .thirdTierNavCell a:hover,
#thirdTierMenu .thirdTierSubNavCell a:active, #thirdTierMenu .thirdTierSubNavCell a:hover
{
    background-color: #0D2B46; 
}
#thirdTierMenu a.CurrentPage
{
    color: #ff9900 !important; 
}

.leftNavTitle
{
	padding: 7px 0px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF; 
    font-size: 1.2em;
    font-weight: normal;
	border-bottom: solid 1px #313F52;
}
#thirdTierMenu .leftNavTitle a, #thirdTierMenu .leftNavTitle a:visited
{
	color: #FFF; 
    font-size: 1.1em;
    font-weight: normal;
}


/* FONT STYLES */

/*header1 is a replacement for h1
this allows h1 to be optimized for SEO*/
.header1
{
	font-size: xx-large;
	font-weight:bold;
}

h1
{
	display:none;
}
h2
{
	font-size: 24px;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 4px;
	font-weight: lighter;
}
h3
{
	font-size: 16px;
	color: #fff;
	margin-top: 26px;
	margin-bottom: 12px;
	font-weight: normal;
	line-height: 1.25em;
}
td h3 
{
    margin-top: 0px;
}
.thirdTierNavContent h3 a, .secondTierNavContent h3 a 
{
    font-weight: normal;
}
h4
{
	font-size: 12px;
	color: #FFF;
	display: inline;
}
h4 a, h4 a:visited, h4 a:hover, h4:active
{
    color: #FFF;
    text-decoration: underline;
}
.titleHighlight
{
    color: inherit;
}

.event 
{
    margin:20px 0px 20px 0px;
    padding:0;
    border: solid 1px #315374;
    width: 100%;   
}
.event img 
{
    margin: 15px;
    border: solid 1px #315374;
    display: block;
    float: left;   
}
.event p
{
    margin-top: 0px;
    margin-bottom: 1em;
    font-style: italic;
}
a, a:visited
{
	color: #FFF;
	text-decoration: none;
}
a:active, a:hover 
{
    color: #ff9900;
    text-decoration: none;
}

a.event, a.event:visited, a.event:hover
{
	color: black;
	text-decoration: none;
}
.thirdTierNavContent a, .secondTierNavContent a
{
    font-weight: bold;
    text-align:left;
}

#footer a
{
    color: Gray;
    font-size: smaller;
}

p.faqQuestion 
{
    font-weight: bold;
    padding-bottom: .25em;
}
p.faqAnswer span
{
    font-weight: bold;
}

/* Services Page Styles */
table.services 
{
    width: 100%;
    margin-bottom: 1em;
}
tr.service td 
{
    vertical-align: top;
    padding: 0px;
    padding-top: 24px;
}
tr.service td.imageContainer a, tr.service td.imageContainer a:visited 
{
    display: block;
    font-size: 10px;
    color: #666666;
    width: 118px;
}
tr.service td.imageContainer img 
{
    margin: 0px;
    margin-bottom: 10px;
} 
tr.service td.content 
{
    width: 430px;
    padding-left: 21px;
}
tr.service td.content h3 
{
    margin: 0px;
}
tr.service td.content p 
{
    margin: 0px;
    margin-top: 10px;
}
tr.service td.content ul 
{
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}
tr.service td.content ul li 
{
    margin: 0px;
    padding: 0px;
    margin-left: 22px;
}

/* Contact Us Styles */
table.contact, table.contact td 
{
    margin: 0px;
    padding: 0px;
}
table.contact label
{
    display: block;
    margin-bottom: 6px;
}
table.contact .checkboxContainer label
{
    display: inline;
}
table.contact label.required 
{
    font-weight: bold;
    color: #FFF;
}
table.contact label.required span 
{
   color: #ff9900;
}
table.contact label.secondaryLabel 
{
    margin-top: -8px;
    color: #99CCFF;
    font-size: 10px;
}
table.contact textarea, table.contact input.textbox, table.contact input.smallInput, table.contact .phoneInput, table.contact select
{
    background-color: #CCC;
    border: 1px solid #6699CC;
    color: #000;
    margin-bottom: 10px;
}
table.contact textarea
{
    overflow: auto;
    display: block;
    width: 450px;
    height: 100px
}
table.contact input.textbox
{
    width: 450px;
}
table.contact input.smallInput, table.contact select.smallInput
{
    width: 220px;
}
table.contact table.phone td
{
    margin: 0px;
    padding: 0px;
    padding-right: 5px;
    vertical-align: top;
}
#contractorApplicationPanel 
{
    padding-left: 32px;
    padding-right: 32px;
    width: 455px;
}
* html #contractorApplicationPanel 
{
	padding-left: 30px;
    padding-right: 30px;
}
/* Fixme styles */
.fixme
{
    color: #000;
    background-color: #F77;
}