* {margin: 0 0;}

/***********************************************************************************************************************************************************
	STYLES
***********************************************************************************************************************************************************/
		body{
			background-color: #efefef;
			background-image:url('../images/background_headerRepeater.gif');
			background-repeat: repeat-x;
			background-position: center top;
			font-family: Verdana, Arial, sans-serif;
			font-size: 0.7em;
			line-height: 1em;
			color: #636466;
		}
		
		table{
			font-size: 1em;
		}
			
		a:link, a:visited, a:hover, a:active{color:#FD8900;}
		
		.subTitle{	
			font-weight: normal;
			font-size: 1.5em;
			line-height: 1.8em;
			font-family: Verdana, sans-serif;
		}
		.subTitlePosition {
			font-weight: bold;
			color: #fd8900;
		}
		
		.lighterblue{color: #71bec9;}
		.lightblue{color: #75caee;}
		.turquoise{color: #55c6ba;}
		.blue{color:#288cd9;}
		.darkblue{color: #18519f;}
		.red{color: #ab1e02;}
		.brightred{color: #c40909;}
		.limegreen{color: #8bc526;}
		.darkgreen{color: #89b725;}
		.darkergreen{color: #0f461c;}
		.orange{color:#FD8900;}
		.black{color:#000;}
		.brown{color: #c56626;}
		.darkgrey{color:#252525;}
		
		li{
			list-style-image: url('../images/bulletPoint.gif');
			list-style-position: inside;
		}
		
		.tiny{font-size: 0.8em;}
		
		#headerFileCount{
			border: 0px solid #FFF; border: none; color: #FFF; background-color: #f99a0e; font-family: Georgia, sans-serif; text-align: center; font-size: 0.9em;
		}
		#titleFileCount{
			border: 1px solid #FFF; border: none; text-align: center; font-size: 0.9em; width: 24px;
		}

/***********************************************************************************************************************************************************
	HEADER
***********************************************************************************************************************************************************/

		#headerContainer{
/*			background-image: url('../images/background_header.gif'); 
			background-repeat: no-repeat;
			background-position: top left;*/
			height: 232px;
			width: 814px;
			position: relative;
			margin: 0 auto;
			margin-top: -64px;
		}

/***********************************************************************************************************************************************************
	LOGIN CONTAINER
***********************************************************************************************************************************************************/

		#loginContainer {
			background-image: url('../images/background_login.gif');
			background-repeat: no-repeat;
			background-position: right;
			width: 814px;
			text-align: left;
			height: 64px;
			color: #6d6e70;
			font-size: 0.9em;
			z-index: 999;
		}

		#loginContainer a{			
			text-decoration: underline;
		}

		#loginTab{
			position: absolute;
			bottom: 8px;
			left: 567px;
			text-align: center;
			display: block;
			width: 110px;
		}
		
		#loginTextbox{
			padding-bottom: 10px;
			text-align: left;
			margin-left: 110px;
		}
		
		.inputBoxes{
			color: #747474;
			font-size: 0.9em;
			margin-right:5px;
			margin-left:5px;
		}
		
		#submitBox{
			margin-left: 30px;
			text-align: left;		
		}

/***********************************************************************************************************************************************************
	BODY
***********************************************************************************************************************************************************/
		#ContentBG {
			background-color: #FFF;
		}

		#ContentContainer{
			width: 780px;
			margin: 0 auto;
		}
		
		#ContentContainer:after{
			content:".";
			display: block;
			height: 1px;
			visibility: hidden;
			clear: both;
		}
		
		#ContentContainerLeft{
			float: left;
			width: 500px;
			padding-top: 5px;
		}
		
		#ContentContainerRight{
			float: left;
			width: 240px;
			margin: 0px 0px 0px 30px;
			padding-top: 26px;
		}
		
		#topHeader, .topHeader {
			font-size: 1.8em;
			padding-bottom: 5px;
			padding-top: 20px;
			font-family: Verdana, sans-serif;
			background-image: url('../images/dottedLine.jpg');
			background-repeat: repeat-x;
			background-position: 0 bottom;	
		}
		
		#newsHeaderContainer, .newsHeaderContainer {
			height: 24px;
			font-family: Georgia, sans-serif;
			background-image: url('../images/dottedLine.jpg');
			background-repeat: repeat-x;
			background-position: 0 bottom;
		}
		
		#newsHeader, .newsHeader{
			margin-left: 15px;
		}
		
		.newsItemContainer, .newsItemContainer_2 {
			padding-top: 10px;
			padding-bottom: 15px;
			background-image: url('../images/dottedLine.jpg');
			background-repeat: repeat-x;
			background-position: 0 bottom;
		}
		
		.newsItemContainer_2:hover {
			background-color: #f7f7f7;
		}
		
		#newsItem, .newsItem {
			margin-left: 15px;
			line-height: 1.5em;
		}
		
		.newsBackground{
			background-color: #f7f7f7;
		}
		
		.topHeaderDark{
			color:#000;
		}
		
		.topHeaderLight{
			color:#8F8F8F;
		}
				
		#bodyTextArea, .bodyTextArea {	
			text-align: left;	
			padding-top: 10px;
			padding-bottom: 5px;
			line-height: 1.6em;
			color: #747474;
		}
		
		#bodyTextArea:after, .bodyTextArea:after {
			content:".";
			display: block;
			height: 1px;
			visibility: hidden;
			clear: both;
		}		
		
		#subHeader{
			color: #747474;
			font-size: 1.2em;
		}

/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	FOOTER
***********************************************************************************************************************************************************/
		
		#footerContainer{
			width: 100%;
			height: 61px;
			background-image: url('../images/background_footerTop.gif');
			background-repeat: repeat-x;
			background-position: top;
			background-color:#efefef;
			padding-top: 40px;
		}
		#footerContents{
			width: 730px;
			height: 61px;
			font-size: 0.9em;
			line-height: 1.8em;
			text-align: left;
			padding-right: 20px;		
			margin: 0 auto;
		}
		#footerContents b {
			font-weight: normal;
			color: #FD8900;
		}
		a.footerOff:link, a.footerOff:visited, a.footerOff:active{color: #636466;}
		a.footerOff:hover, a.footerOn:link, a.footerOn:visited, a.footerOn:hover, a.footerOn:active{color: #FD8900;}
		
/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	MENU 
***********************************************************************************************************************************************************/
		#menuContainer{
			height: 58px;
			position: absolute;
			bottom: 21px;
		}
				
		#workSub{
			position: absolute;
			top: 75px;
			left: 171px;
		}
		
		#contactSub{
			position: absolute;
			top: 75px;
			left: 237px;
		}
				
		.subContainer{
			z-index: 9999;
			float: left;
			color: #FFFFFF;
			position: relative;
			top: 26px;
		}
		.subContainer a{color: #FFF; line-height:1.2em; text-decoration:none; display:block;z-index: 9999;}
		.subContainer a:hover{color: #FFF; line-height:1.2em; text-decoration:underline; display:block;z-index: 9999;} 
		
		.subContents{	
			z-index: 9999;		
			position: absolute;
			text-align: left;
			background-image:url('../images/background_subMenu.gif');
			background-repeat: repeat-y;
			width: 146px;
			padding-bottom: 20px;
			padding-top: 0px;
			border-bottom: 2px solid #e8e8e8;

		}
		
		.hide{
		display: none;
		}
		
		.show{
		display: block;
		}
		
		.menu1{
			position: relative;
			top: 30px;
			text-align: center;		
			display: block;
			float:left;
			text-decoration: none;
			cursor: pointer;
		}
		
		#welcome.menu1{
			background: url("../images/menu_Welcome.gif") 0 bottom no-repeat;
			height: 45px;
			width: 93px;			
		}		
		
		.welcomeMenu1Open{
			background: url("../images/menu_WelcomeOver.gif") 0 bottom no-repeat;
			height: 45px;
			width: 93px;
			position: relative;
			top: 30px;
			text-align: center;		
			display: block;
			float:left;
			text-decoration: none;
			cursor: pointer;
		}
			
		#team.menu1{
			background: url("../images/menu_Team.gif") 0 bottom no-repeat;
			width: 78px;
			height: 45px;
		}
		
		.teamMenu1Open{
			background: url("../images/menu_TeamOver.gif") 0 bottom no-repeat;
			width: 78px;
			height: 45px;
			position: relative;
			top: 30px;
			text-align: center;		
			display: block;
			float:left;
			text-decoration: none;
			cursor: pointer;
		}
		
		#work.menu1{
			background: url("../images/menu_Work.gif") 0 bottom no-repeat;
			width: 66px;
			height: 45px;
		}
		
				
		.workMenu1Open{
			background: url("../images/menu_WorkOver.gif") 0 bottom no-repeat;
			width: 66px;
			height: 45px;
			position: relative;
			top: 30px;
			text-align: center;		
			display: block;
			float:left;
			text-decoration: none;
			cursor: pointer;
		}

		#contact.menu1{
			background: url("../images/menu_Contact.gif") 0 bottom no-repeat;
			width: 84px;
			height: 45px;
		}
		
			
		.contactMenu1Open{
			background: url("../images/menu_ContactOver.gif") 0 bottom no-repeat;
			width: 84px;
			height: 45px;
			position: relative;
			top: 30px;
			text-align: center;		
			display: block;
			float:left;
			text-decoration: none;
			cursor: pointer;			
		}

		.menu2{
			height: 10px;
			width: 146px;
			font-size: 0.9em;
			margin-top: 18px;
			line-height: 20px;
			margin-left: 20px;
			font-family: Verdana, Arial, sans-serif;
			font-weight: normal;
		}
		
		.menu2 a:link, .menu2 a:visited, .menu2 a:active{
			height: 10px;
			width: 146px;
			color: #838F97;
			cursor: pointer;	
			text-decoration: none;
			text-align: left;			
			display: block;
			
		}
		
		.menu2 a:hover{
			height: 10px;
			width: 146px;
			color: #FD8900;
			text-decoration: none;
			text-align: left;		
			display: block;
		}
		


/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	PORTFOLIO BOXES
***********************************************************************************************************************************************************/
#item-container{
	width: 618px;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: 110px;
	font-family: Georgia, sans-serif;
}

#item-basic-container {
	width: 618px;
	height: 106px;
		
}

.item-basicBackClosed{
	background-image: url("../images/portfolioBasic.gif");
	background-repeat: no-repeat;	
}

.item-basicBackOpen{
	background-image: url("../images/portfolioBasicOpen.gif");
	background-repeat: no-repeat;	
}

#smallShot {
	float: left;
	margin-left: 10px;
	margin-right: 25px;
	padding-top: 10px;
	width: 210px;
	height: 96px;
}

#info-basic {
	padding-top: 15px;
	margin-left: 210px;
	height: 96px;
	font-size: 1em;
	line-height: 1.2em;

}
#info-arrow {
	float: right;
	margin-top: 47px;
	margin-right: 25px;
	text-align: right;
	width: 50px;
	height: 59px;
}

#info-extended-container {
	width: 618px;
	height: 124px;
	background-image: url("../images/portfolioExtended.gif");
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: Georgia, sans-serif;
	/*position: relative;
	top: -30px;*/
	z-index: -200;
}

#rightSide{
	float: right;
	width: 198px;
	padding-right: 30px;
	padding-top: 10px;
}

#leftSide{
	float: left;
	width: 380px;
	padding-left: 10px;
	padding-top: 10px;
}


#portfolioTitle{
	font-size: 1.2em;
	line-height: 1.4em;
	color: #000;
}

#portfolioTitleRight{
	font-size: 1.2em;
	line-height: 1.4em;
	color: #000;
	padding-right: 20px;
	text-align: right;
}



#portfolioBody{
	font-size: 0.9em;
	padding-left: 10px;
}

#portfolioBodyRight{
	font-size: 0.9em;
	line-height: 1.5em;
    padding-right: 20px;
	text-align: right;
}


/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	WORK STUFF
***********************************************************************************************************************************************************/
	a.page:link, a.page:visited, a.page:hover, a.page:active{
		color: #636466;
		padding-left:7px;
		padding-right:7px;
	}
	a.pageSelected:link, a.pageSelected:visited, a.pageSelected:hover, a.pageSelected:active{
		padding-left:7px;
		padding-right:7px;
	}
	a.pageNoUnderline:link, a.pageNoUnderline:visited, a.pageNoUnderline:hover, a.pageNoUnderline:active{
		color: #636466;
		font-size: 0.7em;
		text-decoration: none;
		padding-left:7px;
		padding-right:7px;
	}

/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	TEAM MEMBER STUFF
***********************************************************************************************************************************************************/

	.teamMemberContainer{
		padding-top: 5px;
		padding-bottom: 5px;
		width: 500px;
		height: 75px;	
	}

	.teamPic{
		float: left;
		height: 75px;	
	}
	
	.teamPic img{
		padding-bottom: 5px;
	}
	
	.teamBio{
		float: right;
		width: 360px;
		height: 75px;
		line-height: 1.5em;
	}

/***********************************************************************************************************************************************************/


/***********************************************************************************************************************************************************
	CONTACT FORM STUFF
***********************************************************************************************************************************************************/

#contactFormRight{
	float: right;
	width: 440px;
}

#contactFormLeft{
	float: left;
	width: 150px;
	text-align: right;
}

.formFields{
	font-family: Georgia, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	width: 250px;
}
.formTitles{
	line-height: 1.7em;
	padding-right: 10px;
}
/***********************************************************************************************************************************************************/