html{
	font-size:100.01%;
}
body{
	margin:0;
	padding:20px 0 0;
	font:62.5% Helvetica, Arial, sans-serif;
	background:#bab5a3;
}
form,fieldset,img{margin:0;padding:0;border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:10px arial,sans-serif;
	vertical-align:middle;
}
#wrapper{
	position:relative;
	width:980px;
	overflow:hidden;
	margin:0 auto 20px;
	border:1px solid #ccc7b9;
}
/*header*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:875px;
	padding:18px 45px 0 68px;
	
	overflow:hidden;
}
.logo{
	position:absolute;
	top:119px;
	left:60px;
	background: url(/images/logo.png) no-repeat;
	margin:0;
	width:247px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:10;
}
.logo a{
	height:100%;
	display:block;
}
/*logo03*/
.logo03-hold{
	width:160px;
	bottom:0;
	right:26px;
	position:absolute;
}
.logo03-hold:after{
	content:"";
	display:block;
	clear:both;
}
ul.logo03{
	float:left;
	margin:0;
	padding:0;
	list-style:none;

}
ul.logo03:after{
	content:"";
	display:block;
	clear:both;
}
ul.logo03 li{
	height:1%;
	overflow:hidden;
	vertical-align:middle;
	font-size:13px;
	line-height:16px;
        width: 200px;
}
ul.logo03 li.images{
	margin:0 0 -33px;
	position:relative;
}
ul.logo03 li img{
	float:right;
}
ul.logo03 li a{
	position:relative;
	text-decoration:none;
	color:#fff;
/* 	float:right; 
width: 100px;
*/
	cursor:pointer;

}
ul.logo03 li a:hover{
	color:#310e31;
	text-decoration:none;
/*
position:relative;
	float:right;
	cursor:pointer;

*/
}
ul.logo03 li span{
	/* float:right; */
	padding:4px 5px 4px 5px;
	background: url(/images/bg-btn02.gif) no-repeat 100% 0;
	margin:0 150px 0 0;
}
p.alfe a{
	background: url(/images/bg-btn02.gif);
        padding: 5px;
color:#fff;
text-decoration:none;
font-size: 12px;
}
/*top-menu*/
#header ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
#header li{
	margin:0 0 5px;
	font-size:220%;
	line-height:120%;
	height:1%;
	overflow:hidden;
	vertical-align:middle;
}
#header li a{
	float:right;
	color:#fff;
	font-weight:bold;
}
#header li.top-right.selected a,
#header li.top-right-rollover a{
	color:#310e31;
	text-decoration:none;
}
/*main*/
#main{
	padding:150px 0 0;
	width:980px;
	overflow:hidden;
}
.image-holder{
	margin:0 0 15px;
	width:100%;
	overflow:hidden;
	border-bottom:2px solid #998f7c;
	border-top:2px solid #998f7c;
}
.image-holder img{
	display:block;
}
/*nav*/
.nav-holder{
	margin:0 0 20px;
	padding:0 0 0 54px;
	width:980px;
	overflow:hidden;
}
.nav-holder ul{
	margin:0;
	padding:0;
	list-style:none;
}
.nav-holder ul li{
	float:left;
	font-size:110%;
	line-height:120%;
	padding:0 7px;
}
.nav-holder ul li a{
	color:#310e31;
	text-transform:uppercase;
}
.nav-holder ul li.horizontal-menu a{
	color:#310e31;
}
.nav-holder ul li.horizontal-menu.selected a{
	color:#fff !important;
	text-decoration:none;
}
.nav-holder ul li.active a,
.nav-holder ul li.horizontal-menu-rollover a{
	color:#fff;
	text-decoration:none;
}
/*footer*/
#footer{
	width:875px;
	overflow:hidden;
	padding:8px 45px 30px 60px;
}
#footer p{
	float:left;
	margin:0;
	color:#310e31;
	font-size:110%;
	line-height:150%;
}
#footer p a{
	color:#310e31;
	margin:0 15px 0 0;
}
#footer p a.active,
#footer p a:hover{
	text-decoration:none;
	color:#fff;
}
#footer ul{
	float:right;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
#footer li{
	padding:0 0px 0 0;
	float:left;
	font-size:110%;
	line-height:120%;
	color:#310e31;
}
#footer li a{
	color:#310e31;
}
#footer li a:hover{
	color:#fff;
	text-decoration:none;
}
/*INNER*/
.page-content td {
	padding:0 10px 15px;
	color:#6b6657;
	font-size:11px;
	line-height:16px;
	text-align:center;
	vertical-align:top;
	
}
.page-content td a{
	text-decoration:none;
}
.page-content td a:hover{
	text-decoration:none;
}
.page-content{
	margin:0 0 15px;
	width:100%;
	border-bottom:2px solid #998f7c;
	border-top:2px solid #998f7c;
}
.page-content:after{
	content:"";
	display:block;
	clear:both;
}
.form-inner{
	width:880px;
	overflow:hidden;
	padding:0 39px 0 61px;
}
.form-inner-02{
	width:908px;
	padding-right:11px;
}
.form-inner .img-hold{
	float:left;
	/*width:407px;*/
	overflow:hidden;
	padding:0 31px 0 0;
}
.form-inner .img-hold img{
	display:block;
}
.form-inner .column-content{
	padding:15px 0 0;
	float:left;
	/*width:441px;*/
	overflow:hidden;
}
.inner .form-inner .column-content{
	padding-top:0;
}
.margin{
	padding:0 26px 0 0;
}
/*scrollbar*/
.scrollable{
/* padding: 0px  26px 0px 0px; */
	/* height:308px; */
/*height: 306px; */
height: 287px;
padding: 0px 26px 0px 0px;
margin: 21px 0px 0px 0px;
	overflow:hidden;
	float:right;
	/* width:470px; */
/*width: 448px; */
width: 440px;
position: relative;
}
.content{
	float:left;
	width:442px;
	padding:0 10px 0 0;
	overflow:hidden;
        position: absolute;
}
.scroll-content{
	width:440px !important;
}
.vscroll-bar{
	height:298px !important;
	margin:10px 0 0;
	background:#aa9f8d;
	overflow:hidden;
	width:17px;
}
.vscroll-slider{
	cursor:pointer;
	border:2px solid #aa9f8d;
	width:13px !important;
	background:#c7c1b1;
}
.vscroll-down,
.vscroll-up{
	display:none;
}
.form-inner .holder{
	margin:0 0 5px;
	width:100%;
	overflow:hidden;
}
.form-inner .holder .wrapp{
	float:left;
	width:182px;
	overflow:hidden;
}
.form-inner .holder label{
	margin:0 0 6px;
	display:block;
	color:#6b6657;
	font-size:10px;
	line-height:12px;
}
.form-inner .holder input{
	font-size:14px;
	padding:4px 2px;
	width:161px;
	border:1px solid #9d9888;
	background:#aba795;
	color:#fff;
}
.form-inner .holder textarea{
	width:347px;
	height:74px;
	color:#fff;
	font-size:12px;
	border:1px solid #9d9888;
	background:#aba795;
}
.form-inner .check-holder{
	/* margin:0 0 18px; */
margin: 0px 0px 9px;
	padding:11px 0 0;
	width:100%;
	overflow:hidden;
}
.form-inner .check-holder label{
	color:#6b6657;
	font-size:12px;
	line-height:14px;
	float:left;
}
.form-inner .check-holder input{
	float:left;
	width:16px;
	height:15px;
	margin:0 8px 0 2px;
}
.form-inner .btn-holder{
	width:100%;
	overflow:hidden;
}
.form-inner .btn-holder .btn01-hold{
	float:left;
	height:22px;
	overflow:hidden;
	background: url(/images/bg-btn01.gif) no-repeat 100% 0;
}
.form-inner .btn-holder .btn01-hold .btn01{
	float:left;
	height:22px;
	overflow:hidden;
	background: url(/images/bg-btn01-hold.gif) no-repeat;
}
.form-inner .btn-holder .btn01-hold input{
	float:left;
	cursor:pointer;
	padding:3px 17px 0;
	margin:0;
	border:none;
	background:none;
	color:#fff;
	font-size:12px;
	line-height:15px;
}
* html .form-inner .btn-holder .btn01-hold input{
	padding:3px 1px 0;
}
* +html .form-inner .btn-holder .btn01-hold input{
	padding:3px 1px 0;
}
.column-content .text{
	float:left;
	overflow:hidden;
}
.page-content h2{
	font-size:15px;
	/* margin:17px 0 16px; */
margin:0px 0 16px 0px;  
	color:#fff;
	line-height:20px;
}
.page-content p{
	margin:0 0 15px;
	color:#6b6657;
	font-size:11px;
	line-height:16px;
	text-align:justify;
}
.page-content a{
	text-decoration:underline;
	color:#6b6657;
}
.page-content a:hover{
	text-decoration:underline;
	color:#fff;
}
/*inner02*/
.visual{
	position:relative;
	width:892px;
	padding:0 27px 0 61px;
}
.visual:after{
	content:"";
	display:block;
	clear:both;
}
/*launch-iframe*/
.launch-iframe{
	float:left;
	width:586px;
	height:327px;
	padding:0 32px 0 0;
	position:relative;
}
.launch-iframe:after{
	content:"";
	display:block;
	clear:both;
}
.launch-iframe img{
	display:block;
}
/*text-bar*/
.text-bar{
	padding:23px 0 0;
	float:left;
	width:274px;
}
.text-bar:after{
	content:"";
	display:block;
	clear:both;
}
.text-bar .text{
	width:251px;
	overflow:hidden;
	padding:0 23px 0px 0;
}
/*logo02*/
.logo02-hold{
	width:160px;
	bottom:110px;
	right:13px;
	position:absolute;
}
.logo02-hold:after{
	content:"";
	display:block;
	clear:both;
}
ul.logo02{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
ul.logo02:after{
	content:"";
	display:block;
	clear:both;
}
ul.logo02 li{
	height:1%;
	overflow:hidden;
	vertical-align:middle;
	font-size:13px;
	line-height:16px;
}
ul.logo02 li.images{
	margin:0 0 -33px;
	position:relative;
}
ul.logo02 li img{
	float:right;
}
ul.logo02 li a{
	position:relative;
	text-decoration:none;
	color:#fff;
	float:right;
	cursor:pointer;
}
ul.logo02 li a:hover{
	position:relative;
	color:#310e31;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
ul.logo02 li span{
	float:right;
	padding:4px 4px 14px 4px;
	background: url(/images/bg-btn02.gif) no-repeat 100% 0;
	margin:0 25px 0 0;
}
/*tree-column*/
.tree-column{
	width:980px;
	overflow:hidden;
	background:#c5c3c0;
	/*background: url(/images/bg-tree-column.gif) repeat-y;*/
}
.tree-column .two-column{
	float:left;
	padding:0 0 0 62px;
	overflow:hidden;
}
.tree-column .column-one{
	float:left;
	width:162px;
	padding:21px 16px 0 0;
	overflow:hidden;
}
/*column-two*/
.tree-column .column-two{
	float:left;
	width:503px;
	overflow:hidden;
}
.tree-column .column-two img{
	display:block;
}
/*column-tree*/
.column-tree{
/*
	float:left;
	width:166px;
	overflow:hidden;
	padding:21px 38px 0 25px;
*/
scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #0000FF;
scrollbar-highlight-color: #00FF00;
scrollbar-3dlight-color: #FF00FF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FFFF00;
scrollbar-arrow-color: #000000;
float:left;
height:291px;
overflow:auto;
padding:21px 20px 0;
width:197px;
}
.column-tree .main-menu ul{
	width:155px;
}
/*main-menu*/
.main-menu{
	width:100%;
	overflow:hidden;
}
.main-menu ul{
	margin:0 0 31px;
	padding:0;
	list-style:none;
	width:155px;
	overflow:hidden;
}
.main-menu li{
	font-size:12px;
	line-height:30px;
	height:1%;
	overflow:hidden;
	vertical-align:middle;
}
.main-menu li a{
	position:relative;
	color:#666;
	display:block;
}
.main-menu li.portfolio-right-menu-rollover a,
.main-menu li.active a,
.main-menu li a:hover{
	text-decoration:none;
	color:#fff !important;
}

li.portfolio-left-menu.selected a{
	text-decoration:none;
        color: #FFFFFF;
}
li.portfolio-left-menu a{
	text-decoration:none;
	color:#310e31;
}
li.portfolio-right-menu a{
	text-decoration:none;
	color:#310e31;
}
li.portfolio-right-menu.selected a{
	text-decoration:none;
	color:#FFF;
}
.column-tree .main-menu li a{
	padding:0 0 0 20px;
}
.column-tree .main-menu li a:hover{
	text-decoration:none;
	color:#FFF;
}
/*text*/
.tree-column .text{
/*
	margin:0 0 20px;
	width:146px;
	padding:0 0 0 20px;
	overflow:hidden;
*/
margin:0 0 0;
overflow:auto;
padding:0 0 0 0;
width:194px;
}
.tree-column .text p{
	margin:0 0 14px;
	font-size:11px;
	color:#666;
}
.tree-column .text a{
	text-decoration:none;
	color:#666;
}
.tree-column .text a:hover{
	text-decoration:none;
	color:#fff;
	text-decoration:underline;
}
/*inner02*/
.inner02 .form-inner{
	width:909px;
	padding-right:10px;
}
.inner02 .form-inner .column-content{
	width:909px;
}
/* scroll*/
.inner02 .scroll-content{
	width:265px !important;
}
.inner02 .scrollable{
	/* width:292px; */
width: 263px;
}
.staff .scroll-content{
	width:860px !important;
}
.staff .scrollable{
	width:909px;
}
/*active*/
#contactus-active .nav-holder li#contact-us a,
#aboutus-active .nav-holder li#about-us a,
#marketing-active .nav-holder li#marketing a,
#branding-active .nav-holder li#branding a,
#photography-active .nav-holder li#photography a,
#videoproduction-active .nav-holder li#video-production a,
#macdonalds-active .main-menu li#macdonalds a,
body.Branding .main-menu li#branding1 a,
#web-active .main-menu li#web a,
body.Photography .main-menu li#photo a,
body.Video .main-menu li#videop a,
body.Marketing .main-menu li#marketing a,
body.VideoHub .main-menu li#videohub a,
body.MediaHub .main-menu li#mediahub a,
body.Legal #footer li#legal a{
	text-decoration:none;
	color:#fff;
}
body.Products #header li#product a,
body.MediaHub #header li#portfolio a,
body.VideoHub #header li#portfolio a,
body.Marketing #header li#portfolio a,
body.Video #header li#portfolio a,
body.Photography #header li#portfolio a,
#web-active #header li#portfolio a,
body.Branding #header li#portfolio a{	
	text-decoration:none;
/*	color:#310e31; */
}

.slider1{
	width: 16px;
	height:287px !important;
left:945px !important;
top:174px !important;
	background-color:#998F7C;
        border:1px solid #BAB5A3;
border:1px solid #998F7C;
	position: absolute;
margin: 0px 0px 0px 5px;
}
.indicator{
	width: 16px;
	height: 16px;
	background-color: #BAB5A3;
	position: absolute;
	font-size: 1px;
	overflow: hidden;

}
#dragHelper{
left: 0px !important;
}