﻿/*html {
	overflow: hidden;
}
*/

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: ;
	/* background-image: url(/assets/images/backgrounds/shutterstock_3362610.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed; */
	margin: 0px 0px 0px 0px;
}

#pageDiv
{
	/* height: 3200px; */ /* temp value while dev */
	width: 1000px;
	float: right;
}

#body2
{
	position:absolute;
	right:0px;
	top:0px;
	width: 600px;	
}

#homePortal
{	
	width: 600px;
	height: 600px;
	background-color: #efefef;
	filter:alpha(opacity=93);
	opacity:0.93;
	moz-opacity:0.93;
	float: right;
	margin-bottom: 8px;
	color: #838f91;
}

#portfolioContainer
{		
	width: 600px;
	position: absolute;
	right: 0px;
	top: 611px;
}

/* LH NAV */
#navContainer
{
	float: left;
	width: 390px;
	height: 100%;	
}


#fixedNav
{
	width: 376px; 
	height: 600px;
	background-color: #141D24;	
	position: fixed;	
	right: 613px;		
	top:0px;
	color: #D1D5D6;
}

#fixedNav a
{
	color: #D1D5D6;
	text-decoration: none;
}

#fixedNav a:hover
{	
	/*text-decoration: underline;*/
}

#navContent
{	
	width: 333px;
	margin: 20px 0px 0px 20px;			
}

#navContent1
{
	height: 90px;
	border-bottom: dotted 1px #6B6E73;	
}

#navContent2
{
	padding-top: 5px;
	height: 300px;
	border-bottom: dotted 1px #6B6E73;
	line-height: 20px;
}

#navContent3
{
	padding-top: 10px;	
}

#navContent3 a:hover
{
	color: #ffffff;
}

#navLinks
{
	position: absolute; 
	top: 85px;	
}

#navLinks div
{
	float: left;
}

#navLinksLinedUp
{
	position: relative; left: 28px;	
}

#navLinksLinedUp a
{
	padding-right: 20px;
}

#projectListDiv
{
	font-weight: normal;	
	width: 283px;		
}

/* LH NAV */

#about
{
	width: 90%;
	margin-left: 20px;	
	margin-top: 20px;
	color: #8B9593;
}

#aboutContent
{
	overflow: hidden; width: 85%; text-align: left;
}

.sectionHead
{
	font-weight: bold;	
	color:	#3C4A4B;
	padding-bottom: 5px;
}

#newsDiv
{
	/* width: 340px;
	position: absolute; top: 160px; right: 25px; 
	line-height: 14px;		*/
	width: 275px;
	position: absolute;
	top: 276px;
	left: 229px;
	line-height: 14px;
	height: 200px;

}

#newsItemsDiv
{
	height: 450px; overflow: hidden;
}

#newsScroller
{
	position: absolute; top: 180px; right: 8px; width: 15px; height: 300px;
}

.itemHeader
{
	color:	#3C4A4B;
	font-weight: normal;
}

.itemHeaderBold
{
	color:	#3C4A4B;
	font-weight: bold;
}

.itemHeaderBold a
{
	color:	#3C4A4B;
	font-weight: bold;
	text-decoration: none;
}

.news
{
	color: #8B9593;
	text-align: left;
	font-weight: normal;
}

.news a
{
	color: #8B9593;
	font-weight: bolder;
	text-decoration: none;
}

#clientDiv
{
	width: 200px;
	float: left;
	line-height: 14px;
	height: 219px;
	position: absolute;
	top: 274px;
	left: 20px;
}

.button
{
	font-family: Verdana;
	font-size: 10px;
	width: 100px;
}

#login
{
	width: 250px; height: 130px; margin: auto; border: solid 2px black; background-color: #dcdcdc;
	position: relative;
	top: 280px;
}

.logintitle
{
	font-weight: bold;
	padding-bottom: 10px;
}

.loginbutton
{
	font-family: Verdana;
	font-size: 10px;
	width: 100px;
	position: relative;
	top: 10px;
}

input
{
	font-family: Verdana;
	font-size: 10px;
}

select
{
	font-family: Verdana;
	font-size: 10px;
}

.contentEdit
{
	font-family: Verdana;
	font-size: 10px;
	overflow: hidden;
}

/* ASSET PLAYER */
.assetLabel
{
    font-weight: normal;
    color: #000;
}


#assetLabelArea
{
	float:left; width: 230px; padding-left: 10px; padding-top: 10px;
}

#assetLabelArea div
{
    padding-bottom: 10px;
    padding-right: 5px;    
}

#assetInfoArea
{
	float:left;padding-top: 10px;
	width: 350px;
}

.assetDisplayContainer
{
	width: 600px; 
	height: 600px;
	/* height: 600px; overflow: hidden;	*/
}

.assetDisplayHeader
{
	height: 50px; background-color: #3C4D57; color:#9BB8C6;
}

.assetDisplayHeaderTitle
{
	text-transform: ; 
	font-size: 11px; 
	padding-left: 10px;
	font-weight: bold;
	position: relative;
	top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	color: #BFE5FC;

}

.assetDisplayHeaderControls
{	
	padding-left: 10px;
	position: relative;
	top: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #89969E;
}

.assetDisplayHeaderControls a
{
     text-decoration: none;
     color: #9BB8C6;
     margin-right: 7px;
}

.assetDisplayHeaderControls a:hover
{
    color: #fff;
}

.prevNextSeperator
{
	color: #89969E;
	padding: 0px 3px 0px 3px;
}

.colorChips
{
	position: absolute;
	top: 10px;
	left: 10px;
	font-size:1px;
}

.colorChips img
{
	border: none;
	height: 15px;
	width: 15px;
}

.assetDisplayContent
{
	/*height: 400px;	*/
	min-height: 400px;
	background-color: #fff;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0px;
	
}

.assetDisplayFooter
{
	height: 150px; font-weight:bold; color: #7A8891;
	background-color: #EAEAEA;	
	position: relative;
	top: 400px; 
}


/* ASSET PLAYER */

.errorMessage
{
    background-color: #fff;
    border: solid 2px red;
    font-size: 12px;
    margin: auto;
}

.editLink
{
	font-weight: bold;	
	text-decoration: none;
	color: #141D24;
}

.editBGDiv
{
	position: relative; top: 50px; background-color: #dcdcdc; border: solid 1px black; width: 100px; padding-left: 3px; padding-right: 3px;
}

/* SCROLLER */

.upscroll
{
	text-align:center;
	background-image:url(/assets/images/site/upscroll_active.gif);
	height:7px;
	width:13px;
	border:none;
	cursor: pointer;
	font-size: 2px;
	color:White;
	background-repeat:no-repeat;
}
.upscroll:hover
{
	background-image:url(/assets/images/site/upscroll.gif);
	font-size: 3px;
}
.downscroll
{	
	text-align:center;
	background-image:url(/assets/images/site/downscroll_active.gif);
	height:7px;
	width:13px;
	border:none;
	cursor: pointer;
	font-size: 2px;
	color:White;
	background-repeat:no-repeat;
}
.downscroll:hover
{
	background-image:url(/assets/images/site/downscroll.gif);
	font-size: 3px;
}

/* SCROLLER */

.noScript
{
	border: solid 1px blue;
	background-color: #fff;
	color: #000000;
}

.noScript a:hover
{
	text-decoration: underline;
}
