@charset "utf-8";
/* CSS Document */


/***** BEGIN RESOURCES **************************************************/

#container-resource
{
	position: relative;

	display: table;
	width: 665px;


}


#container-resource #indicator
{
	width: 665px;
	height: 27px;

	background: #333 url(resource_indicator_left.gif) no-repeat left top;

	overflow: visible !important;

}


#container-resource #indicator #indicator-inner
{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(resource_indicator_right.gif) no-repeat right top;

}


#container-resource #indicator-inner #first
{
	float: left;
	padding-left: 66px;

	height: 18px;

}


#container-resource #indicator-inner #second
{
	float: left;

	height: 18px;

}



#container-resource #indicator-inner #third
{
	float: left;

	height: 18px;

}



#container-resource #indicator-inner #fourth
{
	float: left;

	height: 18px;

}


#container-resource #indicator-inner #first span
, #container-resource #indicator-inner #second span
, #container-resource #indicator-inner #third span
, #container-resource #indicator-inner #fourth span
{
/*	margin-left: 10px;*/
	position: relative;
	top: -3px;
	margin-left: 12px;
	margin-right: 30px;
	padding-top: -10px;
}


#container-resource #indicator-inner #first img
, #container-resource #indicator-inner #second img
, #container-resource #indicator-inner #third img
, #container-resource #indicator-inner #fourth img
{

	padding-top: 5px;
}


#container-resource #resource-area
, #container-resource #archive-area
{
	width: 665px;



}


#resource-area dl
, #archive-area dl
{
	position: relative;
	float: left;
}


#resource-area dl.left
, #archive-area dl.left
{
	clear: both;

}


#resource-area dl.right
, #archive-area dl.right
{
	padding-left: 34px;
}



#resource-area dl span
, #archive-area dl span
{
	position: absolute;


}


#resource-area dl span.c
, #archive-area dl span.c
{
	background:url(./icons/icon_c.gif) no-repeat;
	height: 52px;
	width: 45px;
}


#resource-area dl span.i
, #archive-area dl span.i
{
	background:url(./icons/icon_i.gif) no-repeat;
	height: 52px;
	width: 45px;
}


#resource-area dl span.m
, #archive-area dl span.m
{
	background:url(./icons/icon_m.gif) no-repeat;
	height: 52px;
	width: 45px;
}


#resource-area dl span.p
, #archive-area dl span.p
{
	background:url(./icons/icon_p.gif) no-repeat;
	height: 52px;
	width: 45px;
}









#resource-area dl dt
, #archive-area dl dt
{
	padding-left: 65px;
	width: 250px;

}


#resource-area dl dd
, #archive-area dl dd
{
	padding-left: 65px;
	padding-top: 3px;
	width: 250px;
	
	font-size: 11px;
	color: #959595;

}


#resource-area dt.c
, #archive-area dt.c
{
/*	background:url(./icons/icon_c.gif) no-repeat;*/
}


#resource-area dt.i
, #archive-area dt.i
{
/*	background:url(./icons/icon_i.gif) no-repeat;*/
}


#resource-area dt.m
, #archive-area dt.m
{
/*	background:url(./icons/icon_m.gif) no-repeat;*/
}


#resource-area dt.p
, #archive-area dt.p
{
/*	background:url(./icons/icon_p.gif) no-repeat;*/

}





/***** END RESOURCES **************************************************/



/***** BEGIN OUR WORK **************************************************/

#container-work
{
	position: relative;

	display: table;
	width: 665px;
	z-index: 15;

}



#container-work #indicator
{
	width: 665px;
	height: 27px;
	margin-bottom: 11px;

	background: #333 url(resource_indicator_left.gif) no-repeat left top;
	
	overflow: visible !important;

}


#container-work #indicator a
{
	text-decoration: none;
}

#container-work #indicator a:hover
{
	text-decoration: underline;
}


#container-work #indicator .selected a
{
	font-weight: bold;
/*	color: #01adda;*/
	text-decoration: none;
}


#container-work #indicator #indicator-inner
{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(resource_indicator_right.gif) no-repeat right top;

}


#container-work #indicator-inner #first
{
	float: left;
	padding-left: 12px;
	line-height: 27px;
	height: 18px;

}


#container-work #indicator-inner #second
{
	float: left;
	padding-left: 25px;
	line-height: 27px;
	height: 18px;

}



#container-work #indicator-inner #third
{
	float: left;
	padding-left: 25px;
	line-height: 27px;
	height: 18px;

}



#container-work #indicator-inner #fourth
{
	float: left;
	padding-left: 25px;
	line-height: 27px;
	height: 18px;

}









/* which contans dl images */
#container-work #work-area
{
	position: relative;
	width: 665px;

}


/* Video Display Area */
#work-area-inner #websites
, #work-area-inner #interactive
, #work-area-inner #marketing
, #work-area-inner #viral
{
	clear: both;
}











/* Video Tile inner (difinition list and etc...) */

#work-area #work-area-inner
{
	position: relative;
	width: 665px;
	z-index: 20;

}


#work-area-inner a
{
	text-decoration: none;
}


#work-area-inner a:hover
{
	text-decoration: underline;
}


#work-area-inner dt a
{
	color: #959595;
}


#work-area-inner dd a
{
	color: #fff;
}



#work-area-inner dl
{
	float: left;
	margin-top: 20px;
	width: 231px;
/*	background: #433;*/


}

#work-area-inner dl.firstthird
{
	margin-top: 5px;
}



#work-area-inner dl.rightedge
{
	width: 201px;
}


#work-area-inner dt
{
	font-size: 11px;
	color: #959595;

	padding-top: 2px;
	overflow: hidden;

}






/***** END OUR WORK **************************************************/


/***** BEGIN Contact **************************************************/


#container-contact
{
	position: relative;

	display: table;
	width: 665px;
	z-index: 15;

}


/* forms */
#container-contact #form-area
{
	width: 665px;




}



#form-area #form-area-inner
{
	position: relative;
	width: 100%;
	z-index: 30;

}


/* bubble with agency photo */
#form-area #form-area-inner #form-leftside
{
	float: left;
	width: 225px;


}


/* flat. address, email and form */
#form-area #form-area-inner #form-rightside
{
	float: left;
	width: 440px;


}


#form-rightside #form-infoarea
{

											background: #552222;

}

#form-rightside #form-infoarea #form-infoarea-left
{
	float: left;
	width: 78px;
	text-align: left;
}

#form-rightside #form-infoarea #form-infoarea-right
{
	float: left;
	width: 362px;
	color: #959595;

}


#form-rightside #form-inputarea
{
	clear: both;
	padding-top: 16px;
	padding-top: expression('6px');
	font-size: 13px;
	color:#959595;

}


#form-inputarea form
{




}


#form-inputarea form input
, #form-inputarea form textarea
{
	width: 358px;
	background-color: #4d4d4d;
	color: #fff;

	border-left-color: #404040;
	border-top-color: #404040;
	border-bottom-color: #7e7f81;
	border-right-color: #7e7f81;
	border-style: solid;
	border-width: 1px;
	cursor: text;
	font-family: arial, helvetica;
	font-size: 11px;

	padding-left: 2px;
}


#form-inputarea form input
{
	padding-top: 3px;
	height: 18px;
}


#form-inputarea form textarea
{
	height: 140px;
}


#form-inputarea form #btnsubmit
{
	position: relative;
	margin-left: 247px;
	margin-top: 20px;
	width: 115px;
	height: 25px;
	border: 0;
	cursor: pointer;
	padding: 25px 115px 0pt 0pt;
/*	background: url(btn_send_message_7973b1.gif) no-repeat left top;*/

}


#form-rightside #form-inputarea #form-inputarea-left
{
	float: left;
	width: 78px;
	text-align: left;
}


#form-inputarea-left div
{
	height: 23px;
	line-height: 23px;
	padding-bottom: 10px;
}


#form-rightside #form-inputarea #form-inputarea-right
{
	position: relative;
	float: left;
	width: 362px;
	padding-bottom: 25px;
}


#form-inputarea-right .gap-input
{
	padding-bottom: 10px;


}


#form-inputarea-right #thankyou
{
	position: absolute;
	left: -85px;
	top: -5px;
	width: 455px;
	height: 330px;
	
	background: #000;

	z-index: 30;

}


/* Thanks message is shown only the submission is successful. */
#form-inputarea-right #thankyou span
{
	position: relative;
	top: 40px;
	left: 85px;

}





/* which contans dl images */
#container-contact #addresses-area
{
	position: relative;
	width: 665px;
	z-index: 40;
}


#addresses-area #addresses-area-inner
{
	position: relative;
	width: 100%;
	margin-left: 0;


}


#addresses-area-inner dl
{
	float: left;
	margin-top: 20px;
	width: 220px;
	/*background: #433;*/
	font-size: 11px;

}


#addresses-area .country-flag
{
	height: 38px;

}


#addresses-area .agency-name
{
	margin-top: 5px;
	height: 39px;

}


#addresses-area .agency-address
{
	margin-top: 5px;
	padding-left: 1px;
	height: 50px;

	color: #959595;
	line-height: 16px;
	overflow: hidden;

}

#addresses-area .phone-number
{

	color: #959595;
	margin-bottom: 2px;

}


#addresses-area .link-clickto
{


}










/***** END Contact **************************************************/



/***** BEGIN Comment Form **************************************************/



.form-comment-rows
{
	clear: both;
}


.form-comment-leftarea
{
	float: left;
	width: 110px;

}


.form-comment-rightarea
{
	float: left;
	width: 445px;
	padding-bottom: 10px;

}


form#comments-form
{
	width: 555px;
	margin-left: 110px;

}


form#comments-form input
, form#comments-form textarea
{


	background-color: #4d4d4d;
	color: #fff;

	border-left-color: #404040;
	border-top-color: #404040;
	border-bottom-color: #7e7f81;
	border-right-color: #7e7f81;
	border-style: solid;
	border-width: 1px;
	cursor: text;
	font-family: arial, helvetica;
	font-size: 11px;

	padding-left: 2px;

}


form#comments-form input
{
	height: 18px;
}


form#comments-form #comment-author
,form#comments-form #comment-url
,form#comments-form #comment-email
{
	width: 235px;

}



form#comments-form textarea
{
	height: 110px;
	width: 440px !important;
}



#comments-open-captcha br
, #comments-open-captcha p
{
	display: none;


}


.form-comment-rightarea #comments-open-captcha .field
{
	line-height: 35px;
	vertical-align: middle;

}


.form-comment-rightarea #comments-open-captcha .field input
{
	line-height: 35px;
	vertical-align: middle;
        margin-left: 10px;
}


.form-comment-rightarea #comments-open-captcha .field img
{
	line-height: 35px;
	vertical-align: middle;

}


/*#comments-open-capcha .label
{
	float: left;
	width: 110px;

}
*/


#comments-open-captcha .label
{
	float: left;
}


#comments-open-captcha .field
{
	float: left;
}





form #comments-open-footer #comment-preview
{
	position: relative;
	border: 0;
	width: 66px;
	height: 25px;
	cursor:pointer;
	padding: 25px 66px 0 0;
/*	background: url(btn_preview_00afd8.gif) no-repeat left top;*/

}


form #comments-open-footer #comment-submit
{
	position: relative;

	border: 0;
	width: 115px;
	height: 25px;
	cursor:pointer;
	padding: 25px 115px 0 0;
/*	background: url(btn_send_message_00afd8.gif) no-repeat left top;*/

}




form #comments-open-footer #comment-cancel
{
	position: relative;
/*	margin-left:198px;*/
	border: 0;
	width: 56px;
	height: 25px;
	cursor:pointer;
	padding: 25px 56px 0 0;
/*	background: url(btn_cancel_00afd8.gif) no-repeat left top;*/

}









/***** END Comment Form **************************************************/









/***** START GENERAL (CUSTOMISED PAGES ONLY) **************************************************/


.normaldivider1
{
	background: transparent url(devider_1.png) no-repeat scroll 0%;
	clear: both;
	height: 205px;
	margin-bottom: -170px;
	position: relative;
	top: -80px;
	width: 664px;
}





.mt10
{
	margin-top: 10px

}


.pt10
{
	padding-top: 10px

}


.mb10
{
	margin-bottom: 10px

}


.pb10
{
	padding-bottom: 10px

}



.mt35
{
	margin-top: 35px

}


.pt35
{
	padding-top: 35px

}


.mb35
{
	margin-bottom: 35px

}


.pb35
{
	padding-bottom: 35px

}



/***** START GENERAL (CUSTOMISED PAGES ONLY) **************************************************/