@charset "UTF-8";
* {
	margin:0;
	padding:0;
}
body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
	background-color: #79654a;
	background-image: url(../images/background3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a:link {
	color:#555555;
	text-decoration:none;
}
a:visited {
	color:#555555;
	text-decoration:none;
}
a:hover {
	color:#8dc63f;
	text-decoration:none;
}
a:active {
	color:#555555;
	text-decoration:none;
}
a.backbutton:link {
	color:#FFFFFF;
	text-decoration:none;
}
a.backbutton:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a.backbutton:hover {
	color:#3399FF;
	text-decoration:none;
}
a.backbutton:active {
	color:#FFFFFF;
	text-decoration:none;
}
a.contact:link {
	color:#8DC63F;
	text-decoration:underline;
}
a.contact:visited {
	color:#8DC63F;
	text-decoration:underline;
}
a.contact:hover {
	color:#555555;
	text-decoration:underline;
}
a.contact:active {
	color:#8DC63F;
	text-decoration:underline;
}
img {
	border:none;
}

h1 {
	color:#FFFFFF;
	background-color:#85b634;
	margin-bottom:3px;
	font-size:130%;
	clear:both;	
	float:left;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	padding:0px 5px 0px 2px;
}

h1.home {
	font-size:180%;
}
h2 {
	color:#FFFFFF;
	background-color:#fe5fa0;
	margin-bottom:3px;
	font-size:180%;
	clear:both;	
	float:left;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	padding:0px 5px 0px 2px;
}
h3 {
	color:#8dc63f;
	font-size:80%;
	font-weight:bold;
}
h4 {
	color:#FFFFFF;
	background-color:#85b634;
	margin-bottom:1px;
	font-size:100%;
	clear:both;
	float:left;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	padding:0px 2px 0px 2px;
}
h5 {
	color:#5f5f5f;
	font-size:70%;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
.backbutton {
	color:#FFFFFF;
	background-color:#D65CA2;
	margin-bottom:3px;
	font-size:80%;
	clear:both;
	float:right;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-right: 20px;
}

.clear {
	clear:both;
	height:1px;
	font-size:1%;
}

.oneColFixCtr #container {
	width: 808px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:38px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:1312px;
}
.oneColFixCtr #mainContent {
	height:900px;
	padding:78px 50px;
}


#headerLogo {
	float:left;
	width:194px;
}
/*
 * TOP NAVIGATION
 */
#headerNav {
	float:left;
	margin-left:5px;
}
#headerNav ul {
	list-style-type:none;
}
#headerNav ul li {
	display:inline;
	height: 67px;
}

#headerNav ul li a {
	padding:0px 0px 0px 50px;
	text-decoration:none;
	height: 67px;
	float:left;
}
#headerNav ul li a:hover {
	background-position: 0 -67px;
}
#headerNav ul li .label {
	display:none;
}
#headerNav ul li .home {
	background:url(../images/nav/home.gif) no-repeat top left;
	/*width:50px;*/
	padding-left:50px;
	
}
#headerNav ul li .work {
	background:url(../images/nav/work.gif) no-repeat top left;
	/*width:117px;*/
	padding-left:117px;
	margin-left: -7px; /* hack for safari */
}
#headerNav ul li .services {
	background:url(../images/nav/work_2.gif) no-repeat top left;
	/*width:80px;*/
	padding-left:54px;
	margin-left: -7px; /* hack for safari */
}
#headerNav ul li .clients {
	background:url(../images/nav/clients.gif) no-repeat top left;
	/*width:73px;*/
	padding-left:73px;
	margin-left: -7px; /* hack for safari */
}
#headerNav ul li .jobs {
	background:url(../images/nav/jobs.gif) no-repeat top left;
	/*width:54px;*/
	padding-left:54px;
	margin-left: -7px; /* hack for safari */
}
#headerNav ul li .news {
	background:url(../images/nav/news.gif) no-repeat top left;
	/*width:74px;*/
	padding-left:60px;
	margin-left: -7px; /* hack for safari */
}
#headerNav ul li .contact {
	background:url(../images/nav/contact.gif) no-repeat top left;
	/*width:74px;*/
	padding-left:74px;
	margin-left: -7px; /* hack for safari */
}
#headerNav ul li a.current {
	background-position:0 -67px;
}
/*
 * END TOP NAVIGATION
 */

#flashArea {
	clear:both;
	float:left;
	margin-left:3px;
	margin-top:5px;
}
#headingArea {
	clear:both;
	float:left;
	margin-top:20px;
	margin-left:17px;
	width:100%;
}

#Phone_No {
	float:right;
	width:227px;
	height:16px;
	color:#5f5f5f;
	font-weight:bold;
	font-size:0.9em;
	margin:4px 0 0 0;
}

.clearInline {
	clear:both;
	display:inline;
}
.midline {
	clear:both;
	padding-top:15px;
	text-align:center;
	height:6px;
}
#narrowContent {
	clear:both;
	margin:30px 0px 0px 194px;
	width:448px;
}
#wideContent {
	clear:both;
	padding-top:10px;
	margin-left:17px;
	width:660px;
}
.subHeading {
	
}
.pageCopy {
	padding-top:25px;
	clear:both;
}
.pageCopy2 {
	padding-top:25px;
	float:left;
	width: 280px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-left: 50px;
}
.pageCopy3 {
	padding-top:25px;
	float:right;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-right: 30px;
}
.pageCopyBack {
	padding-top:25px;
	clear:both;
	width: 50px;
	position: relative;
	left: 650px;
	top: 0px;
}
.pageCopy p, p.pageCopy {
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
}

.noPadding {
	padding:0px;
}

ul.menuList {
	list-style-type:none;
}

/*
 * FOOTER
 */
#footerNav {

	font-size:60%;
	color:#5f5f5f;
	text-align: center;
	width: 100%;
}
#footerNav ul {
	list-style-type:none;
}
#footerNav ul li {
	display:inline;
	padding-right:3px;
}
#footerNav ul li a {
	color:#5f5f5f;
	text-decoration:none;
	border-right:#5f5f5f solid 1px;
	padding-right:5px;
}
#footerNav ul li a:hover {
	color:#8dc63f;
}

#footer {
	clear: left;
	padding-bottom:10px;
	text-align: center;
	width: 100%;
	font-size:60%;
	color:#5f5f5f;
}
#footer ul {
	list-style-type:none;
}
#footer ul li {
	display:inline;
	padding-right:3px;
}
#footer ul li a {
	color:#5f5f5f;
	text-decoration:none;
	border-left:#5f5f5f solid 1px;
	padding-left:5px;
}
#footer ul li a:hover {
	color:#8dc63f;
}

/*
 * SERVICES
 */
#services ul {
	list-style-type:none;
	
}
#services ul li img {
	float:left;
	padding-right:10px;
}
#services ul li {
	clear:both;
	padding-top:10px;
}
#services a {
	color:#5f5f5f;
	text-decoration:none;
	font-weight:bold;
}

/*
 * SERVICES LIST
 */
#servicesList {
	float:left;
	margin-left:65px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#servicesList ul {
	list-style-type:none;
}

#servicesList ul li {
	display:inline;
}


#servicesList ul li a, #servicesList ul li div {
	text-decoration:none;
	width: 526px;
	float:left;
	height:55px;
}
#servicesList ul li a:hover {
	background-position:-526px 0;
}
#servicesList ul li .label {
	display:none;
}


/*
New Services CSS
*/


#servicesList ul li .servicesWDD {
	background:url(../images/services/webdesigndev.jpg) no-repeat top left;
	/*width:50px;
	height:60px;*/
}

#servicesList ul li .servicesBFV {
	background:url(../images/services/brandfundedvideo.jpg) no-repeat top left;
	/*width:50px;
	height:60px;*/
}


#servicesList ul li .servicesCVP {
	background:url(../images/services/corporatevideoproduction.jpg) no-repeat top left;
	/*width:50px;
	height:60px;*/
}

#servicesList ul li .servicesFDD {
	background:url(../images/services/flashdesigndev.jpg) no-repeat top left;
	/*width:50px;
	height:60px;*/
}

#servicesList ul li .servicesDP {
	background:url(../images/services/digital-publications.jpg) no-repeat top left;
	/*width:50px;
	height:60px;*/
}

#servicesList ul li .servicesDM {
	background:url(../images/services/digital-magazines.jpg) no-repeat top left;
	/*width:50px;
	height:60px;*/
}

#servicesList ul li .servicesMG {
	background:url(../images/services/motiongraphics.jpg) no-repeat top left;
	/*width:50px;
	height:55px;*/
}

#servicesList ul li .servicesME {
	background:url(../images/services/musicentertainment.jpg) no-repeat top left;
	/*width:50px;
	height:55px;*/
}


#servicesList ul li .servicesCI {
	background:url(../images/services/commericalidents.jpg) no-repeat top left;
	/*width:50px;
	height:55px;*/
}

#servicesList ul li .servicesLG {
	background:url(../images/services/landscape_gardening.jpg) no-repeat top left;
	/*height:49px;*/
}


#servicesList ul li .servicesP {
	background:url(../images/services/plumbing.jpg) no-repeat top left;
	/*height:49px;*/
}







/*
Old Services CSS
*/
/*
#servicesList ul li .servicesBF {
	background:url(../images/services/brand_funded_video.jpg) no-repeat top left;
	height:48px;
}
#servicesList ul li .servicesRS {
	background:url(../images/services/rocket_science.jpg) no-repeat top left;
	height:52px;
}
#servicesList ul li .servicesWD {
	background:url(../images/services/web_design.jpg) no-repeat top left;
	height:47px;
}
#servicesList ul li .servicesMEP {
	background:url(../images/services/music_ent_prod.jpg) no-repeat top left;
	height:53px;
}
#servicesList ul li .servicesMG {
	background:url(../images/services/motion_graphics.jpg) no-repeat top left;
	height:49px;
}
#servicesList ul li .servicesLG {
	background:url(../images/services/landscape_gardening.jpg) no-repeat top left;
	height:49px;
}
#servicesList ul li .servicesCVC {
	background:url(../images/services/corporate_video_communication.jpg) no-repeat top left;
	height:53px;
}
#servicesList ul li .servicesCI {
	background:url(../images/services/commercials_idents.jpg) no-repeat top left;
	height:51px;
}
#servicesList ul li .servicesP {
	background:url(../images/services/plumbing.jpg) no-repeat top left;
	height:49px;
}
#servicesList ul li .servicesWDCMS {
	background:url(../images/services/web_dev_cms.jpg) no-repeat top left;
	height:65px;
}
*/



#servicesList ul li a.inactive:hover {
	background-position:0 0;
}


/*
 * CLIENT LIST
 */
#clientList {
	float:left;
	margin-left:17px;
	margin-top:10px;
}
#clientList ul {
	list-style-type:none;
}
#clientList ul li {
	display:inline;
	height: 67px;
}

#clientList ul li a {
	padding:0px 0px 0px 120px;
	text-decoration:none;
	height: 80px;
	float:left;
	margin:4px;
}
#clientList ul li a:hover {
	background-position: 0 -80px;
}
#clientList ul li .label {
	display:none;
}
#clientList ul li .clientUMC {
	background:url(../images/clients/universal_mccann.gif) no-repeat top left;	
}
#clientList ul li .clientUniversal {
	background:url(../images/clients/universal.gif) no-repeat top left;	
}
#clientList ul li .clientNHS {
	background:url(../images/clients/nhs.gif) no-repeat top left;	
}
#clientList ul li .clientMSN {
	background:url(../images/clients/msn.gif) no-repeat top left;	
}
#clientList ul li .clientStarcom {
	background:url(../images/clients/starcom.gif) no-repeat top left;	
}
#clientList ul li .clientWrigleys {
	background:url(../images/clients/wrigleys.gif) no-repeat top left;	
}
#clientList ul li .clientFive {
	background:url(../images/clients/five.gif) no-repeat top left;	
}
#clientList ul li .clientHitachi {
	background:url(../images/clients/hitachi.gif) no-repeat top left;	
}
#clientList ul li .clientHP {
	background:url(../images/clients/hp.gif) no-repeat top left;	
}
#clientList ul li .clientFord {
	background:url(../images/clients/ford.gif) no-repeat top left;	
}
#clientList ul li .clientYahoo {
	background:url(../images/clients/yahoo.gif) no-repeat top left;	
}
#clientList ul li .clientWhich {
	background:url(../images/clients/which.gif) no-repeat top left;	
}
#clientList ul li .clientHearst {
	background:url(../images/clients/hearst.gif) no-repeat top left;	
}
#clientList ul li .clientHSBC {
	background:url(../images/clients/hsbc.gif) no-repeat top left;	
}
#clientList ul li .clientPlayStation {
	background:url(../images/clients/playstation.gif) no-repeat top left;	
}
#clientList ul li .clientNMC {
	background:url(../images/clients/nmc.gif) no-repeat top left;	
}
#clientList ul li .clientMediaedge {
	background:url(../images/clients/mediaedge.gif) no-repeat top left;	
}
#clientList ul li .clientFHM {
	background:url(../images/clients/fhm.gif) no-repeat top left;	
}
#clientList ul li .clientDisney {
	background:url(../images/clients/disney.gif) no-repeat top left;	
}
#clientList ul li .clientCH4 {
	background:url(../images/clients/ch4.gif) no-repeat top left;	
}
#clientList ul li .clientEmap {
	background:url(../images/clients/bauer.gif) no-repeat top left;	
}
#clientList ul li .clientBBC {
	background:url(../images/clients/bbc.gif) no-repeat top left;	
}
#clientList ul li .clientArc {
	background:url(../images/clients/arc.gif) no-repeat top left;	
}
#clientList ul li .clientHaymarket {
	background:url(../images/clients/haymarket.gif) no-repeat top left;	
}
#clientList ul li .clientBookseller {
	background:url(../images/clients/bookseller.gif) no-repeat top left;	
}
#clientList ul li .clientFactory {
	background:url(../images/clients/factory.gif) no-repeat top left;	
}
#clientList ul li .clientDennis {
	background:url(../images/clients/dennis.gif) no-repeat top left;	
}
#clientList ul li .clientDmg {
	background:url(../images/clients/dmg.gif) no-repeat top left;	
}
#clientList ul li .clientMaryMcCartney {
	background:url(../images/clients/mary_mccartney.gif) no-repeat top left;	
}
#clientList ul li .clientIPCMedia {
	background:url(../images/clients/ipc.gif) no-repeat top left;	
}
/*
 * WORK
 */
.layout3Across {
	clear:both;
	margin-left:40px;
	padding-top:25px;
}
.item3Across {
	float:left;
	width:198px;
	margin-right:20px;
	text-align:center;
	font-size:70%;
}
.item3Across a {
	text-decoration:none;
	color:#5f5f5f;
}

.workItemLayout {
	padding-top:10px;
	clear:both;
}

.workItemLayout .left {
	float:left;
	
}

.workItemLayout .right {
	float:left;
	margin-left:10px;
	width:215px;
}

.workItemContent {
	background:url(../images/common/content_expanding_bg_green_mid.gif) no-repeat;
	padding:6px 27px;
	width:401px;
}
.workItemContentNoBorder{
	margin-left:24px;
	margin-top:20px;
}
/*
 * CONTACT
 */
.contactLayout {
	padding-top:10px;
	clear:both;
}

.contactLayout .left {
	float:left;
	margin-left:17px;
	width:210px;
	margin-right:20px;
}

.contactLayout .right {
	float:left;
	
}

.contactMap {
	background:url(../images/common/content_expanding_bg_green_mid.gif) no-repeat;
	padding:6px 27px;
	width:401px;
}

.contactLayout a {
	
}

/*
 * THUMBNAILS
 */
 
.largeThumb {
	background:url(../images/common/large_thumb_bg_purple.gif) no-repeat;
	padding:18px;
	width:290px;
	float:left;
	margin-top:10px;
}
.mediumThumb {
	background:url(../images/common/medium_thumb_bg_purple.gif) no-repeat;
	padding:15px;
	width:245px;
	float:left;
	margin-top:10px;
	margin-left:30px;
}

/*
 * VIDEO CONTENT
 */
 
.videoContent {
	background:url(../images/common/content_bg_purple.gif) no-repeat;
	padding:34px;
	height:336px;
}

ul.terms {
	color: 5f5f5f;
	padding-left: 10px;
	font-size: 11px
}
#scroll {
	overflow: visible;
	width: 90%;
	padding-left: 40px;
}
ul.sitemap {
	color: red;
	padding-left: 10px;
	font-size: 11px
}
	ul.sitemap li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-position: inside;
	list-style-type: circle;
	
	}
	ul.sitemap li ul {
	color: blue;
	padding-left: 20px;
	}
	ul.sitemap li ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	list-style-position: inside;
	list-style-type: circle;
	
	}

.column {
	width: 200px;
	float: left;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}
.blacknbold {
	font-weight: bold;
	color: #333333;
}

/*
 * JOBS PAGE
 */
 
#jobs-board {
	background: url('../images/jobs/buttons-decor.png') no-repeat 162px 323px;
	float: left;
	padding-bottom: 40px;
	position: relative;
	width: 100%;
}
 
#jobs-board .card,
#jobs-board .card-edit {
	display: block;
	position: absolute;
}
	
#jobs-board .button {
	background: url('../images/jobs/button-heartperm.png') no-repeat left top;	/* see main_ie6.css */
	display: block;
	height: 89px;
	left: 184px;
	position: absolute;
	text-indent: -9999px;
	top: -10px;
	width: 88px;
	z-index: 200;
}

	#jobs-board .button.perm2 {
		background: url('../images/jobs/button-perm.png') no-repeat left top;	/* see main_ie6.css */
		left: 250px;
		top: -2px;
	}
	
	#jobs-board .button.contract {
		background: url('../images/jobs/button-contract.png') no-repeat left top;	/* see main_ie6.css */
		left: 250px;
		top: -2px;
	}
	
	#jobs-board .button.freelance {
		background: url('../images/jobs/button-freelance.png') no-repeat left top;	/* see main_ie6.css */
		left: 170px;
		top: -10px;
	}
	
	#jobs-board .button.info {
		background: url('../images/jobs/button-info.png') no-repeat left top;	/* see main_ie6.css */
		left: 292px;
		top: 48px;
	}
	
#jobs-board .card-edit {
	background: url('../images/jobs/card-top.png') no-repeat left top;	/* see main_ie6.css */
	float: left;
	width: 367px;
	z-index: 20;
}

#jobs-board .card-edit .inner {
	background: url('../images/jobs/card-bottom.png') no-repeat left bottom;	/* see main_ie6.css */
	float: left;
	margin-top: 68px;
	min-height: 131px; /* see main_ie6.css */
	width: 367px;
	z-index: 150;
}

#jobs-board .card-edit p.description {
	color: #690;
	font: normal 118.75% Georgia;
	padding: 10px 0 0 28px;
}

	#jobs-board .card-edit p.description span {
		color: #232222;
		display: block;
		font-size: 115.78947%;
	}
	
#jobs-board .card-edit p.address,
#jobs-board .card-edit p.number,
#jobs-board .card-edit .more {
	color: #979797;
	display: block;
	font: normal 75% Georgia;
	padding: 15px 0 0 28px;
	width: 150px;
}

#jobs-board .card-edit p.number {
	float: left;
	padding: 10px 0 20px 28px;
}

#jobs-board .card-edit .more {
	color: #690 !important;
	display: block;
	float: left;
	padding: 10px 0 20px 15px !important;
	position: relative;
	text-transform: uppercase;
	width: auto;
	z-index: 600;
}

	#jobs-board .card-edit p.address span {
		display: block;
		padding-top: 10px;
	}
	
/* Individual cards */

	#jobs-board #blank-green-card {
		height: 228px;
		left: 146px;
		background: url('../images/jobs/green-card-blank.png') no-repeat left top;
		top: 40px;
		width: 370px;
		z-index: 5;
		display: none;
	}

	#jobs-board #card1 {
		left: 17px;
		top: 67px;
		display: none;
	}
	
	#jobs-board #card2 {
		left: 50px;
		top: 350px;
		_display: none;
	}
	
	#jobs-board #work-experience {
		background: url('../images/jobs/green-card-we.png') no-repeat left top;
		display: block;
		height: 232px;
		left: 30px;
		text-indent: -9999px;
		top: 30px;
		width: 371px;
	}
	
	#jobs-board #card3 {
		left: 280px;
		top: 140px;
	}
	
/*
 * JOBS PAGE SIGNLE JOB
 */
 
#jobs-board.single {
	background: url('../images/jobs/paper.png') no-repeat 47px 90px;
	min-height: 778px;	/* see main_ie6.css */
}
 	
 /* Individual cards */
 	
 	#jobs-board.single #blank-green-card {
 		background-image: url('../images/jobs/green-card-blank-single.png');	/* see main_ei6.css */
 		position: absolute;
 		left: -10px;
 		top: 9px;
 	}
 	
 	#jobs-board.single #card1 {
 		left: -20px;
 		top: 23px;
 	}
 	
 	#jobs-board.single #copy {
 		color: black;
 		font: normal 81.25%/140% Georgia;
 		height: 640px;
 		margin: 0 0 0 132px;
 		overflow: auto;
 		position: relative;
 		top: 154px;
 		width: 490px;
 	}
 	
	 	#jobs-board.single #copy p {
	 		margin-bottom: 6px;
	 	}
	 	
	 	#jobs-board.single #copy ul {
	 		list-style-type: none;
	 		margin: 0 0 6px 22px;
	 	}
	 	
	 	#jobs-board.single #copy ul li {
	 		background: url('../images/jobs/bul.png') no-repeat left 4px;	/* see main_ie6.css */
	 		padding-left: 16px;
	 	}
	 	
	 	#jobs-board.single #copy a { 
	 		color: #690;
	 	}
			
	 		#jobs-board.single #copy a:hover {
	 			text-decoration: underline;
	 		}


/* incorprated news page start here */

/*--------------------------------------------
Author		:Mohamed Arif.
Email		:mohamed.arif@bigkidlondon.com
Office		:BigKidLondon - Chennai India
Date		:05-02-2009
---------------------------------------------*/


/* common and hack */
.has:after{
content:'';
display:block;
height:0;
line-height:0;
clear:both;
visibility:hidden;
}
	.has{
	zoom:1;
	}
/* common hack */
body.bik-kid-video{
background:#383838 url(../images/css/bigKid-video-bg.jpg) repeat-x top;
}

.woodBg,.videoBg{
width:100%;
min-height:100%;
}
.videoBg{
background:url(../images/css/bigkid-body-bg.jpg) no-repeat left top;
overflow:hidden;
}

#container{
width:707px;
background:url(../images/f/header-x.png) repeat-x top;
color:#636363;
padding:1px;
margin:116px auto 0 auto;
}
		.videoBg #container{
		margin:0 auto;
		}
		#container h1,#container h2{
		background:#85b634;
		font-family:"Times New Roman", Times, serif;
		color:#FFF;
		line-height:25px;
		float:left;
		padding:0 5px;
		}
		#container h2{
		margin-bottom:15px;
		}
		.hr-div{
		margin:10px 0 4px 0;
		}
		
#content-left{
width:375px;
float:left;
min-height:810px;
_height:810px;
text-align:left;
font-size:0.7em;
}	
	#content-left a{
	color:#c25693;
	text-decoration:underline;
	}
	#content-left a:hover{
	text-decoration:none;
	}
	h3{
	color:#85b634;
	font-size:1.3em;
	font-weight:bold;
	margin:10px 0;
	}
	#content-left p{
	margin-bottom:20px;
	line-height:1.3;
	}
#content-right{
float:right;
width:300px;
background:url(../images/css/Archive-bg.png) no-repeat left top;
height:443px;
padding:30px 0 0 25px;
font-size:0.7em;
text-align:left;
}
	#content-right a:hover{
	text-decoration:underline;
	}
	#content-right ul{
	clear:left;
	margin:0 30px 15px 0;
	!margin:0 30px 0 0;
	zoom:1;
	}
		#content-right li{
		padding-bottom:12px;
		overflow:hidden;
		height:auto;
		zoom:1;
		}
		#content-right span{
		width:50px;
		display:block;
		color:#85b634;
		font-weight:bold;
		float:left;
		}
		#content-right p{
		margin-left:10px;
		float:right;
		width:210px;
		}
		#content-right a{
		color:#333;
		font-weight:bold;
		}
		
		
/* vidoe page */

#navi-link-video li a{
background:url(../images/css/navi-link-video.png) no-repeat;
padding:0 10px;
height:34px;
width:30px;
display:block;
text-indent:-200em;
overflow:hidden;
padding:0 10px;
}
	#navi-link-video li,#navi-link-video li a{
	float:left;
	margin:0 2px;
	display:inline;
	}
	#navi-link-video{
	margin:100px 0 30px 0;
	}
	#navi-link-video li a.activ,#navi-link-video li a:hover{
	background:url(../images/css/navi-link-video-activ.png) no-repeat -5px top;
	}
	#navi-link-video li.works a,#navi-link-video li.works a:hover{
	background-position: -5px 0;
	}
	#navi-link-video li.clients a,#navi-link-video li.clients a:hover{
	background-position:-57px 0;
	width:40px;
	}
	#navi-link-video li.jobs a,#navi-link-video li.jobs a:hover{
	background-position:-127px 0;
	}
	#navi-link-video li.contact a,#navi-link-video li.contact a:hover{
	background-position:-180px 0;
	width:45px;
	}
	.videoBg h1{
	clear:left;
	margin-bottom:5px;
	}
	.video-disply-box{
	background:url(../images/css/vidoe-box-bg.png) no-repeat top;
	width:700px;
	height:390px;
	margin-bottom:15px;
	padding-top:30px;
	text-align:center;
	}
	
	
/*  footer */

#footer-n{
clear:both;
margin:40px 0 150px 0;
!margin:-5px 0 100px 0;
font-size:0.7em;
}
	#footer-n ul{
	text-align:center;
	margin-bottom:5px;
	}
	#footer-n li{
	display:inline;
	border-right:1px solid #636363;
	padding-right:5px;
	}
	#footer-n li.last{
	border-right:0;
	}
	#footer-n a{
	color:#636363;
	text-decoration:none;
	margin-left:5px;
	}
	#footer-n a:hover{
	color:#85B634;
	}

/* #footer */

.hidden {
	position 		: absolute;
	left 			: -999em;
}
.top-clear{
margin-top:45px;
}