html {
	background-color: #000000;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 12px; 
}


.clr{
	clear:both;
}

object {
	outline: none;
}
/*///////////////////////////////////MAIN/////////////////////////////////////////*/
#Main {
	width:900px;
	padding: 0;
	margin: 0 auto;
	background: #250C07;
}


#Title {
	width: 820px;
	margin: 0 auto;
	height: 180px;
	background: #250C07;
	
}

#MainContent {
	margin: 0;
	
	
}	
	#MainContent h2 {
		display: block;
		background: #F05023;
		height: 36px;
		width: 220px;
		line-height: 39px;
		color: #fff;
		margin: 0;
		padding-left: 11px;
		padding-right: 10px;
		padding-top: 3px;
	}

	#MainContent .box {
		background:  #1a0d0d;
		margin-bottom: 20px;
		position: relative;
	}
	
	#MainContent .btn {
		background:  #f05023;
		font-weight: bold;
		position: absolute;
		right: 0;
		bottom: 0;
		height: 20px;
	}
	
	#MainContent .left {
		float: left;
	}
	
	#MainContent .right {
		float: right;
	}
	
	#MainContent .btn a {
	color: #FFFFFF;
	margin: 0;
	padding: 15px;
	font-size: 13px;
	line-height: 20px;
	}
	
	#MainContent .content {
		margin: 15px;
	}
	
	
	#MainContent ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#MainContent li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

#Footer {
	width: 820px;
	margin: 0 auto;
	padding: 10px 0;
}


/*///////////////////////////////////TEXT/////////////////////////////////////////*/



a {	
	color: #e47f1e;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:hover {	
	color: #FFFFFF;
}

a img{
	border:0;
}

p {
	
	margin: 0;
	padding: 0;
}

p.bold {
	font-weight: bold;
}

h1 {
	font-size: 50px;
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 20px;
}


h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	
}


h3.white {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 16px;
	
}

h3.black {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 16px;
	
}

h3.orange {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #F97902;
	
}

#Work h4.white {
	margin: 0;
	padding: 0;	
}

#Home h3.white {
	margin: 0;
	padding: 0;
	font-size: 16px;
	
}



/*///////////////////////////////////FORM/////////////////////////////////////////*/

form {
	
	
}

	form p {
		padding: 0;
		margin: 0;
		color: #000000;
		font-size: 12px;
		font-weight: bold;
	}
	
	form input[type=text] {
		border: none;
		background: #FFFFFF;
		margin: 2px 0;
		padding: 3px;
		width: 200px;
	}
	
	form input[type=submit] {
		border: none;
		background: #000000;
		color: #FFFFFF;
		font-size: 14px;
		font-weight: bold;
		padding: 1px 4px;
		margin: 5px 0 0 0;
		cursor: pointer;
	}


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


#Header {
	background:  #1a0d0d;
	height: 30px;
	position: relative;
}
	#topMenu {
		float: left;
		width: 600px;
		margin: 8px 0 0 40px;
	}
	#topMenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		
	}
	
	#topMenu li {
		float:left;
		margin-right:40px;
		
	}
		#topMenu li.current,
		#topMenu li.section {
			
		}
		#topMenu li a {
			color: #FFFFFF;
			font-weight:bold;
			font-size:13px;
			text-decoration:none;
			
		}
			#topMenu li a:hover {
				color:#e47f1e;
			}
			#topMenu li a.current,
			#topMenu li a.section {
				color:#e47f1e;
			}
			
		
	#signUpFormHldr {
		background: #f05023;
		color: #FFFFFF;
		z-index: 99999;
		position: absolute;
		right: 40px;
	}
	
	#signUpFormHldr #signUpLink {
		font-weight:bold;
		font-size:12px;
		text-decoration:none;
		color: #FFFFFF;
		padding: 12px 20px 4px 20px;
		cursor: pointer;
	}
	
		
	#signUpFormHldr #signUpForm {
		display: none;
		background: #f05023; 
		padding: 10px;
		width: 145px;
		z-index: 99998;
	}
	
	#signUpFormHldr #signUpForm input[type=text] {
		width: 140px;
		margin: 5px 0;
	}
	


/*///////////////////////////////////TITLE/////////////////////////////////////////*/
#Title {
	z-index: -7;
}

#Title #logo{
	z-index: -7;
}

#Title #titleImg{

}





/*///////////////////////////////////SUBMENU/////////////////////////////////////////*/



#subMenu {
	background: #e47f1e url(../images/subMenuBg.jpg) repeat-x;
	margin:  0 0 20px 0;
	padding:  10px 10px 10px 0;
	min-height: 110px;
	text-align: right;
}

#subMenu ul{
	margin: 0 5px 5px 3px;
}

#subMenu li{
	margin: 0 0 5px 0;
}

#subMenu li a {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#subMenu li a:hover {
	color: #000000;
}

#subMenu li a.current, #subMenu li a.section {
 	color: #000000;
}






/*///////////////////////////////////PAGE STYLES/////////////////////////////////////////*/

#Home {
	width: 820px;
	margin: 0 auto;
}

	#Home .left {
		width: 540px;
		float: left;
	}
	
	#Home .right {
		width: 262px;
		float: right;
		margin-left: 10px;
	}
	
	
	#Home .box {
		padding: 0 0 20px 0;
	}

	
	#Home #showreel{
		padding: 20px 20px 15px 20px;
		min-height: 280px;
	}
	
		#Home #homeSlideshow{
			position: relative;
			
		}
	
		#Home #homeSlideshow #replay{
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1000;
		}
	
		
		#Home #homeSlideshow {
			display: none;
		}
	
	
	
	
	
	#Home #news .left{
		width: auto;
	}
	
	#Home #news .right{
		width: 240px;
	}
	
	#Home #download p{
		position: absolute;
		top: 40px;
		right: 40px;
		width: 200px;
	}
	
	#Home #contact {
		background: url(../images/homeContact.jpg);
		height: 400px;
	}
	
	#Home #contact .btn{
		background: #000000;
		right: 8px;
	}
	
	#Home #client{
		background: url(../images/homeClientBg.jpg);
		height: 280px;
	}
	
	#Home #clientLogin {
		margin: 20px;
	}
	
	
	#Home #client h2 {
		background: #000000;
	}

#AboutUs {
	width: 820px;
	min-height: 300px;
	margin: 0 auto;
}

	#AboutUs .left {
		width: 380px;
	}
	
	#AboutUs .right {
	}
	
	
	#AboutUs #staffHldr ul{
	
	}
	
	#AboutUs #staffHldr li {
		width: 260px;
		float: left;
		margin: 6px;
	}
	
	#AboutUs #staffHldr .box {
		margin: 0;
		min-height: 250px;
	}
	
	
	#AboutUs #staffHldr .content {
		margin: 0 20px 20px 20px;
		
	}
	
	
#Work {
}

	#Work .left{
		width: 181px;
		margin: 0;
	}
		
	#Work .right{
		width: 690px;
		margin: 0 10px 0 0 ;
	}
	
	#Work #thumbView {
		margin: 10px 54px 0 0;
		float: right;
		font-size: 13px;
	}
	
		#Work #thumbView .thumbViewTitle {
			font-weight: bold;
		}
		
		#Work #thumbView .currNum {
			color: #f97902;
		}
		
	#Work #subMenu {
		background: none;
		text-align: left;
		padding: 0;
	}
	
		#Work #subMenu #ProjectNavigationName{
			background: #eb7202;
			height: 32px;
			margin-bottom: 14px;
			padding: 0 0 0 20px;
			
		}
			#Work #subMenu #ProjectNavigationName h3{
				padding: 3px 0 0 0;
			}
		
		#Work #subMenu  ul {
			margin: 0;
			background: #1a0d0d;
			padding: 20px;
		}
		
		#Work #subMenu li {
			position: relative;
			margin-bottom: 5px;
		}
		
		
		#Work #subMenu li .arrow{
			position: absolute;
			top: 0px;
		}
		
		#Work #subMenu li a.current, #subMenu li a.section {
			color:#eb7202;
		}
		
		
		#Work #subMenu li a.link:hover {
			color:#eb7202;
		}
	
	#Work #projectsList {
		margin: 0;
		padding:  0;
		min-height: 160px;
		text-align: left;
		background: none;
	}
	
		#Work #projectsList .ProjectListName{
			background:  #eb4f03;
			height: 32px;
			margin-bottom: 14px;
			padding-left: 20px;
		}
		
			#Work #projectsList .ProjectListName h3{
				padding: 3px 0 0 0;
				text-align: left;
			}
	
		#Work #projectsList ul {
			margin: 0;
			padding: 6px 0 20px 20px;
			background: #1a0d0d;
		}
			
			#Work #projectsList li {
				margin: 14px 0 0 0;
				font-size: 14px;
			}
			
			#Work #projectsList a {
				color: #FFFFFF;
				text-decoration:underline;
			}
			
			#Work #projectsList a.current {
				font-weight: bold;
				color: #e47f1e;
				text-decoration: none;
			}
	
	
	/*#Work .workTitle {
		width: 480px;
		margin: 0 auto;
	}*/
	
	#Work #PortfolioContent	{
		position: relative;
	}
	
	#Work #ProjectNav {
		top: 140px;
		height: 124px;
		position: absolute;
		width: 100%;
	}
	
		#Work #ProjectNav .leftBtn {
			float: left;
			margin-left: 6px;
			width: 34px;
			height: 124px;
			background:url(../images/image_nav/leftBtn.png) no-repeat top left;
			cursor: pointer;
		}
		
		#Work #ProjectNav .rightBtn {
			float: right;
			margin-right: 6px;
			width: 34px;
			height: 124px;
			background:url(../images/image_nav/rightBtn.png) no-repeat top right;
			cursor: pointer;
		}
	
	#Work #projectThumbs {
		width: 590px;
		margin: 0 auto;
		position: relative;
		height: 410px;
	}
	
	.hideOverflow{
		overflow: hidden;
	}

	
		#Work #projectThumbs ul{
			position: absolute;
			
		}
		
	
		#Work #projectThumbs li{
			float: left;
			width: 275px;
			height: 183px;
			margin: 10px;
			cursor: pointer;
		}


	
	#Work #ProjectContent{
		position: relative;
		margin: 20px 20px 50px 20px;
	} 
	
	
	#Work #portfolio{
		
	}	
		#Work #slideShow {
			overflow: hidden;
		}
		#Work #slideShow, #Work #flashHldr {
			height: 352px;
		}
		
		#Work #flashHldr {
			display: none;
		}
	
		
		#Work #videoThumbs {
			width: 530px;
			float: left;
		}
		
		#Work #videoThumbs #selectVideo{
			background: #F05023;
			padding: 2px 0 5px 5px;
			width: 140px;
		}
		
		#Work #videoThumbs #selectVideo h3{
			padding: 0;
			margin: 0;
			height: 15px;
			
		}
	
	#Work #videoThumbs li{
		float: left;
		position: relative;
		margin: 10px 10px 0 0;
		width: 95px;
		height: 55px;
	}
	
		#Work #videoThumbs li a, #Work #videoThumbs li a img{
			width: 95px;
			height: 55px;
			display: block;
		}
	
	#Work #videoThumbs li .thumbOver{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	
	#Work #ProjectInfo{
		margin: 20px 0 0 0;
	}
		#Work #WorkTitle {
			margin-bottom: 10px;
		}
			#Work #WorkTitle h3{
				 margin: 0 0 10px 0;
				 padding: 0;
				 font-size: 20px;
				 height: 25px;
			}
		
			#Work #videoTitle {
				color: #F97902;
				font-size: 18px;
				font-weight: bold;
			}
			
		#Work  #ProjectInfo p {
			margin: 20px 0;
		}
	
	
	#Work #backBtn{
		position: absolute;
		right: 18px;
		bottom: 3px;
	}
	
	
	
#News {
}

	#News .left{
		width: 160px;
	}
	
	#News .right{
		width: 675px;
		margin: 0 40px 0 0;
	}
	#News #articles {
		padding:  10px 10px 6px 0;
		width: 160px;
		background: #e47f1e url(../images/subMenuBg.jpg) repeat-x;
		margin: 0 0 30px 0;
		
	}
	
		#News #articles h3 {
			margin: 0;
			padding: 0;
			
		}
	
	#News #subMenu li a {
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	#News #subMenu li a:hover {
	color: #e47f1e;
	}
	
	#News #subMenu li a.current {
	 color: #e47f1e;
	}

	
	
	#News .newsBox {
		margin: 0 0 20px 0;		
	}
	
	#News .newsBox .left{
		width: 260px;
		
	}
	
	#News .newsBox .right{
		width: 260px;		
	}
	
	#News h3.white {
		padding: 0;
	}
	
	#News h4.white {
		padding: 0;
		margin: 0;
	}
	
	
	#News #prevNext {
		margin: 50px 0 0 0;
	}
	
	#News .btn {
		width: 50px;
		padding: 3px 0;
	}
	
	#News .prev {
		padding-left: 50px;
		left: 0;
	}
	
	#News .next {
		padding-right: 50px;
		right: 0;
	}
	
#Contact {
	width: 820px;
	margin: 0 auto;
}

	#Contact .left {
		width: 550px;
		min-height: 380px;
		float: left;
	}
	
	#Contact .right {
		width: 255px;
		min-height: 380px;
		background: #1a0d0d url(../images/whale.jpg) no-repeat right bottom;
		float: right;
		
	}
		
	#Contact #googleMap{
		width: 515px;
		margin: 20px auto 10px auto ;
	}
	
#Client {
	width: 820px;
	margin: 0 auto;
}
	#Client .left{
		width: 350px;
	}
	
	#Client .right{
		width: 390px;
		
	}
	
	#Client #clientLogin {
	}
	
	
	#Client .right h3.white {
		width: 100px;
		float: left;
	}
	
	#Client .right h3.orange {
	margin: 10px 0 0 0;
		width: 100px;
		float: right;
	}
	
	#Client .clientLogo {
		margin: 20px 0;
		
	}
	
	#Client #userDets .left {
		width: 150px;
	}
	
#CustomLogin_LoginForm {
	width: 200px;
}

	#CustomLogin_LoginForm .right {
			float: none;
		}
		
		#CustomLogin_LoginForm #CustomLogin_LoginForm_Password {
			background: #FFFFFF;
			border: none;
			padding: 3px;
		}
		
		#CustomLogin_LoginForm p{
			margin: 3px 0;
			color: #FFFFFF;
		}
		
		
		#CustomLogin_LoginForm field{
			margin: 5px 0;
		}
		
		#CustomLogin_LoginForm label{
			font-weight: bold;
			margin: 5px 0;
		}
		
		#CustomLogin_LoginForm #Remember input{
			margin: 5px 0 0 0;
		}
		
		#CustomLogin_LoginForm #Remember label.right{
			margin: -10 0 0 0;
			padding: 0;
		}
		
		#CustomLogin_LoginForm #Password .text {
			width: 200px;
		}
		
		#CustomLogin_LoginForm #ForgotPassword{
			display: none;
		}