/* element styles */
body
{
	margin:0;
	padding:0;
	color:#88889E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	overflow-y:scroll;
    overflow-y:-moz-scrollbars-vertical;
}
h1
{
	font-size:14px;
	color:#003875;
	margin:0 0 10px 0;
	padding:0;
}
h2
{
	font-size:12px;
	color:#003875;
	margin:0 0 10px 0;
	padding:0;
}
h2.underline
{
	margin:0;
	margin-bottom:20px;
	padding:0;
	padding-bottom:5px;
	border-bottom:solid 1px #003875;
}
h3
{
	font-size:11px;
	color:#003875;
	margin:0;
	margin-top:10px;
	padding:0;
}
p
{
	margin:0 0 10px 0;
	padding:0;
}
a, a:link, a:visited, a:active
{
	color:#476095;
	text-decoration:none
}
a:hover
{
	text-decoration:underline;	
}
.separator
{
	height:1px;
	margin:10px 0;
	padding:0;
	background:#D5D5D5;
}

/*************************************************
	Main absolute positioned layout
 *************************************************/
#bodyContainer
{
	width:900px;
	height:610px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#bgFlashContainer
{
	width:900px;
	height:610px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
#bgImageContainer
{
	width:900px;
	height:610px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
	background:#FFFFFF url(/images/bgBody.gif) top center no-repeat;
}
#contentContainer
{
	width:900px;
	height:610px;
	position:relative;
	z-index:1;
}
#navContainer
{
	width:185px;
	height:170px;
	position:absolute;
	left:670px;
	top:380px;
}
.LargeSectionButtons
{
	width:800px;
	height:128px;
	position:absolute;
	left:50px;
	top:180px;
	z-index:9;
}
.LargeSectionButtons a
{
	width:132px;
	height:128px;
	float:left;
	text-decoration:none;
}
.SectionButtons
{
	width:460px;
	height:90px;
	position:absolute;
	left:280px;
	top:40px;
	z-index:2;
}
.SectionButtons a
{
	float:left;
	width:74px;
	height:90px;
	text-decoration:none;
}

/*************************************************
 * Default scalable layout
 *************************************************/
.HeaderContainer
{
	width:900px;
	height:150px;
	margin:0 auto;
	background:url(/images/bgHeaderContainer.png) no-repeat;
	position:relative;
}
.BodyContainer
{
	width:900px;
	margin:0 auto;
	background:url(/images/bgBodyContainer.png) repeat-y;
	overflow:hidden;
}
.BodyContainer .BodyColumn
{
	width:600px;
	min-height:170px;
	margin-top:10px;
}
.FooterContainer
{
	width:900px;
	height:20px;
	margin:0 auto;
	background:url(/images/bgFooterContainer.png) no-repeat;
	position:relative;	
}
.FooterContainer #navContainer
{
	width:185px;
	height:170px;
	position:absolute;
	left:670px;
	top:-180px;
}

/* content ids */
#sectionTitle
{
	width:240px;
	height:30px;
	position:absolute;
	left:20px;
	top:40px;
}
#contentBottom
{
	width:600px;
	height:230px;
	position:absolute;
	left:50px;
	top:360px;
	border:solid 1px #FF0000;
}
#logoLink
{
	position:absolute;
	left:750px;
	top:20px;
	width:140px;
	height:130px;
	z-index:99;
	/*border:solid 1px #FF0000;*/
}

/* navigation styles */
#navContainer ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#navContainer li
{
	text-align:right;
	line-height:18px;
	margin:0;
	padding:0;
}
#navContainer a, #navContainer a:link
{
	font-size:11px;
	color:#88889E;
	/*color:#ABB4D1;*/
	text-decoration:none;
}
#navContainer a:hover
{
	color:#003876;
}

/* Default Master template styles */
.Headline
{
	width:700px;
	height:110px;
	position:absolute;
	left:20px;
	top:40px;
}
.Headline h1
{
	margin:0;
	padding:0;
}
/*************************************************
	Home Section styles
 *************************************************/
#homeIcons
{
	position:absolute;
	left:50px;
	top:160px;
	width:810px;
	height:160px;
	z-index:2;
	background:url(../images/iconsLarge.gif) no-repeat;
}
#homeInfo
{
	position:absolute;
	left:50px;
	top:360px;
	width:500px;
	height:230px;
	z-index:2;
}
#homeInfo p
{
	color:#88889E;
	/*color:#B9C0D9;*/
	font-size:11px;
	line-height:24px;
}
#homeInfo b
{
	color:#003876;
	font-size:12px;
	font-weight:normal;
}
#homeInfo h2
{
	color:#88889E;
	font-size:11px;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-top:20px;
}
#homeInfo ul
{
	list-style-position:outside;
	list-style-type:disc;
	font-size:11px;
	padding:5px 10px 5px 10px;
	margin:5px;
}
#homeInfo li
{
	font-size:11px;
	padding:5px 0 0;
	margin:0;
}
/*#iconsSmall
{
	position:absolute;
	left:310px;
	top:40px;
	width:410px;
	height:90px;
	z-index:2;
	background:url(../images/iconsSmall.gif) no-repeat;
}*/
/*#iconsLarge
{
	position:absolute;
	left:70px;
	top:175px;
	width:760px;
	height:130px;
	border:solid 1px #FF0000;
}*/
#btnPlanning
{
	position:absolute;
	left:310px;
	top:40px;
	width:82px;
	height:90px;
	z-index:2;
}
#btnPR
{
	position:absolute;
	left:392px;
	top:40px;
	width:82px;
	height:90px;
	z-index:2;
}
#btnDesign
{
	position:absolute;
	left:474px;
	top:40px;
	width:82px;
	height:90px;
	z-index:2;
}
#btnAdvertising
{
	position:absolute;
	left:556px;
	top:40px;
	width:82px;
	height:90px;
	z-index:2;
}
#btnAffairs
{
	position:absolute;
	left:638px;
	top:40px;
	width:82px;
	height:90px;
	z-index:2;
}
#linkPlanning
{
	position:absolute;
	left:70px;
	top:175px;
	width:150px;
	height:130px;
	z-index:99;
	/*border:solid 1px #FF0000;*/
}
#linkPR
{
	position:absolute;
	left:220px;
	top:175px;
	width:150px;
	height:130px;
	z-index:99;
	/*border:solid 1px #FF0000;*/
}
#linkDesign
{
	position:absolute;
	left:370px;
	top:175px;
	width:150px;
	height:130px;
	z-index:99;
	/*border:solid 1px #FF0000;*/
}
#linkAdvertising
{
	position:absolute;
	left:520px;
	top:175px;
	width:150px;
	height:130px;
	z-index:99;
	/*border:solid 1px #FF0000;*/
}
#linkAffairs
{
	position:absolute;
	left:670px;
	top:175px;
	width:150px;
	height:130px;
	z-index:99;
	/*border:solid 1px #FF0000;*/
}

.ShortsLink
{
	position:absolute;
	top:120px;
	left:330px;
	z-index:9;
}
.ShortsLink img
{
	border:none;
}
.XOBook
{
	position:absolute;
	top:120px;
	left:540px;
	z-index:9;
}

/*************************************************
	Portfolio Section styles
 *************************************************/
#portfolioIcons
{
	position:absolute;
	left:410px;
	top:45px;
	width:275px;
	height:70px;
}
#clientInfo
{
	position:absolute;
	left:30px;
	top:135px;
	width:400px;
	height:450px;
	/*border:solid 1px #9da8c9;*/
	/* GRAY TEXT  color:#88889E;*/
	color:#476095;
	font-size:11px;
	line-height:18px;
	overflow:auto;
	z-index:2;
}
#clientInfo img
{
	margin-bottom:10px;
}
#clientDisplay
{
	position:absolute;
	left:455px;
	top:155px;
	width:398px;
	height:238px;
	border:solid 1px #d9ddeb;
	border-bottom:none;
	z-index:2;
}
#ClientPager
{
	position:absolute;
	left:455px;
	top:396px;
	width:398px;
	height:18px;
	border:solid 1px #d9ddeb;
	border-top:none;
	background:#d9ddeb;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	z-index:99;
}
#ClientPager a
{
	position:relative;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:10px;
	color:#003875;
}
.btnView
{
	position:absolute;
	left:550px;
	top:480px;
	cursor:pointer;
	z-index:99;
}
.ClientInput
{
	width:250px;
}

/*************************************************
	Our Team Section styles
 *************************************************/
#teamInfo
{
	position:absolute;
	left:50px;
	top:85px;
	width:620px;
	height:380px;
	/*border:solid 1px #9da8c9;*/
	color:#476095;
	/*color:#9EA8C9;*/
	font-size:11px;
	line-height:18px;
	overflow:auto;
	z-index:2;
}
#teamInfo h1
{
	padding:0;
	margin:0;
}
#teamNav
{
	position:absolute;
	left:30px;
	top:470px;
	width:630px;
	height:120px;
	font-size:11px;
	color:#476095;
	/*border:solid 1px #9da8c9;*/
	white-space:nowrap;
	overflow:auto;
	overflow-x:scroll;
	overflow-y:hidden;
	z-index:2;	
}
.tmbTeam
{
	display:inline;
	float:left;
	width:55px;
	height:75px;
	margin:5px 0;
	color:#476095;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10px;
	line-height:12px;
	text-align:center;
	white-space:normal;
}
#headshot
{	
	width:150px;
	height:197px;
}
.btnThumbnail
{
	cursor:pointer;
}
#colLeft
{
	float:left;
	height:197px;
	margin-right:20px;
}
#colRight
{
	float:left;
	margin-top:160px;
}
/*************************************************
	Strategic Business Planning Section styles
 *************************************************/
#infoPlanning
{
	position:absolute;
	left:30px;
	top:160px;
	width:800px;
	height:240px;
	z-index:2;
	background:url(../images/infoPlanning.gif) no-repeat;
}
#titlePlanning
{
	position:absolute;
	left:40px;
	top:110px;
	width:180px;
	height:30px;
	z-index:2;
	background:url(../images/titlePlanning.gif) no-repeat;
}
#pointPlanning
{
	position:absolute;
	left:120px;
	top:420px;
	width:430px;
	height:30px;
	z-index:2;
	background:url(../images/pointPlanning.gif) no-repeat;
}

/*************************************************
	PR Section styles
 *************************************************/
#iconsPR
{
	position:absolute;
	left:310px;
	top:40px;
	width:410px;
	height:90px;
	z-index:2;
	background:url(../images/iconsPR.gif) no-repeat;
}
#infoPR
{
	position:absolute;
	left:30px;
	top:160px;
	width:800px;
	height:240px;
	z-index:2;
	background:url(../images/infoPR.gif) no-repeat;
}

/*************************************************
	Graphic Design Section styles
 *************************************************/
#titleDesign
{
	position:absolute;
	left:40px;
	top:110px;
	width:180px;
	height:30px;
	z-index:2;
	background:url(../images/titleDesign.gif) no-repeat;
}
#infoDesign
{
	position:absolute;
	left:30px;
	top:160px;
	width:600px;
	height:310px;
	z-index:2;
	background:url(../images/infoDesign.gif) no-repeat;
}

/*************************************************
	Advertising Section styles
 *************************************************/
#titleAdvertising
{
	position:absolute;
	left:70px;
	top:110px;
	width:140px;
	height:30px;
	z-index:2;
	background:url(../images/titleAdvertising.gif) no-repeat;
}
#infoAdvertising
{
	position:absolute;
	left:30px;
	top:180px;
	width:600px;
	height:230px;
	z-index:2;
	background:url(../images/infoAdvertising.gif) no-repeat;
}

/*************************************************
	Public/Government Affairs Section styles
 *************************************************/
#titleAffairs
{
	position:absolute;
	left:40px;
	top:110px;
	width:180px;
	height:30px;
	z-index:2;
	background:url(../images/titleAffairs.gif) no-repeat;
}
#infoAffairs
{
	position:absolute;
	left:30px;
	top:160px;
	width:740px;
	height:260px;
	z-index:2;
	background:url(../images/infoAffairs.gif) no-repeat;
}

/*************************************************
	Contact Section styles
 *************************************************/
#infoContact
{
	position:absolute;
	left:120px;
	top:160px;
	width:300px;
	height:400px;
	z-index:2;
	/*background:url(../images/infoContact.gif) no-repeat;*/
}
#infoContact h2
{
	color:#003876;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
#infoContact p
{
	color:#003876;
	/*color:#B9C0D9;*/
	font-size:11px;
	line-height:18px;
}

/*************************************************
	Admin Tools
 *************************************************/
#adminMenu
{
	position:absolute;
	left:300px;
	top:205px;
	width:250px;
	height:220px;
	/*border:solid 1px #9da8c9;*/
	color:#476095;
	font-size:11px;
	line-height:18px;
	overflow:auto;
	z-index:2;
}
#adminMenu a
{
	color:#476095;
	cursor:pointer;
}
.btnLog
{
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	background:#EFEFEF;
	padding:2px;
}
.btnLog:hover
{
	color:#FFFFFF;
	font-weight:bold;
	background:#CCCCCC;
	text-decoration:none;
}
a.button
{
	text-decoration:none;
	cursor:pointer;
}
* html a.button
{
	position:relative;
}
a.button span
{
	text-decoration:none;	
}
a.button:hover span
{
	text-decoration:underline;
}
a.button img
{
	border:none;
	vertical-align:middle;
}
.TextBox
{
	width:99%;
}

/*************************************************
* Videos
*************************************************/
.VideoViewContainer
{
	width:600px;
	float:left;
}
#VideoPlayerContainer
{
	width:320px;
	height:195px;
	float:left;
}
#VideoPlayer
{
	position:absolute;
	top:150px;
	left:100px;
    width:480px;
    height:360px;
    overflow:hidden;
}
.NowPlaying
{
	width:260px;
	height:195px;
	float:right;
	color:#666;
	font-size:11px;
	line-height:18px;
	overflow-y:auto;
}
.NowPlaying h2
{
	margin:0;
	padding:0;
}
.NowPlaying input.TextBox,
.NowPlaying textarea.TextBox
{
	margin:0;
	width:245px;	
}
.NowPlaying .VideoDescription
{
	margin-top:5px;
}
.VideoList
{
	width:90px;
	float:right;
	display:inline;
	margin-left:10px;
	background:#f4f5f9;
	border:solid 1px #003875;
	position:relative;
	color:#666;
	font-size:11px;
	line-height:18px;
}

.VideoList h3
{
	margin:0;
	font-size:11px;
}
.VideoList .separator
{
	height:1px;
	margin:0;
	padding:0;
	background:#D5D5D5;
}
.VideoList .ControlPanel
{
	margin:0;
}
.VideoListSeparator
{
	height:1px;
	background:#003875;
}

/*************************************************
 * common styles
 ************************************************/
.padding
{
	padding:10px;
}
.clear
{
	clear:both;
	visibility:hidden;
}
.ControlPanel
{
	margin-top:10px;
	padding:2px;
	background:#F9F9F9;
	border:solid 1px #D5D5D5;
	text-align:center;
}
.GridViewListItem
{
	padding:5px 5px;
}
.GridViewSelected .GridViewListItem
{
	background:#F9F9F9;
	border-left:solid 1px #D5D5D5;
	border-right:solid 1px #D5D5D5;
}
* html tr.GridViewSelected td .GridViewListItem
{
	background:#F9F9F9;
	border-left:solid 1px #D5D5D5;
	border-right:solid 1px #D5D5D5;
}
.error
{
	color:#F90000;
}

/************************************************************************
* AJAX styles
************************************************************************/
.BodyColumn .ajax__tab_xp .ajax__tab_body
{
	padding:15px;
	font-size:11px;
}
.BodyColumn .ajax__tab_xp .ajax__tab_body h2
{
	margin:0;
	margin-top:10px;
	margin-bottom:20px;
	padding:0;
	padding-bottom:5px;
	border-bottom:solid 1px #003875;
}
.BodyColumn .ajax__tab_xp .ajax__tab_panel
{
	min-height:250px;
}
* html .BodyColumn .ajax__tab_xp .ajax__tab_panel
{
	height:auto !important;
	height:250px;
}

/************************************************************************
* browser specific styles
************************************************************************/
/* IE dotted outline removal */
* html a
{
	behavior: url(/scripts/onclickbehavior.htc);
}
/* Mozilla dotted outline removal */
:focus
{
	-moz-outline-style:none;
}
/* IE6 png */
* html .png
{
	border:none;
	behavior:url(/scripts/pngbehavior.htc);
	position:relative;
}