/* basic elements */
body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6d6f71;
}
.clear {clear:both;margin:0;padding:0;height:0;overflow:hidden;}
a {color:#6d6f71;text-decoration:none;outline:none;}
a:visited {color:#6d6f71;}
a:hover, a:active {color:#000;}
form {margin:0;padding:0;}
fieldset {border:0;margin:0;padding:0;}
img {border:0;margin:0;padding:0;}
* html img {behavior:url(javascripts/iepngfix.htc);}

p {margin:0 0 15px 0;padding:0;}


a.download {margin:0px 0px 7px 0px;padding:0px 0px 0px 22px;display:block;text-decoration:underline;height:16px;background:transparent url(../images/ico-pdf.gif) no-repeat scroll left center;}
a.send {margin:0px 0px 7px 0px;padding:0px 0px 0px 22px;display:block;text-decoration:underline;background:transparent url(../images/ico-send-email.gif) no-repeat scroll left center;}

.overlay {background-color:#FFF;}

/* Popup */
.popup {
	background-color:#000;
	margin:0px auto;
	padding:0px;
	width:780px;
	border:5px solid #FFF;
}

/* specific divs */
#wrapper {
	margin:0 auto;
	padding:0px 0px 50px 80px;
	width:915px;
	background-color:#FFF;
}

#top {
	margin:0px 0px 38px 0px;
	padding:0;
	/*width:915px;*/
	min-height:408px;
}
* html #top {height:408px;}

#topLeft {
	float:left;
	margin:0;
	padding:0;
}

#flashDisplay {
	margin:144px 0px 0px 0px;
	padding:0;
}

#flashDisplay h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:20px;
	color:#292929;
}

#topRight {
	float:right;
	margin:0;
	padding:0;
}


#subMenu {
	margin:236px 0px 0px 0px;
	padding:0;
	width:145px;
}
#subMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#subMenu ul li {
	margin:0;
	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#8c8c8c;
	width:145px;
	height:25px;
	border-bottom:1px solid #e9e7e6;
}

#subMenu ul li a {display:block;height:25px;text-decoration:none;background:url(../images/submenu.gif) no-repeat;}

#subMenu ul li a span {visibility:hidden;}

#subMenu ul li a#case {background-position:0 0;}
#subMenu ul li a#case:hover {background-position:0 -24px;}
#subMenu ul li.active a#case {background-position:0 -24px;}

#subMenu ul li a#client {background-position:0 -58px;}
#subMenu ul li a#client:hover {background-position:0 -82px;}
#subMenu ul li.active a#client {background-position:0 -82px;}

#subMenu ul li a#creative {background-position:0 -116px;}
#subMenu ul li a#creative:hover {background-position:0 -140px;}
#subMenu ul li.active a#creative {background-position:0 -140px;}

#subMenu ul li a#leader {background-position:0 -174px;}
#subMenu ul li a#leader:hover {background-position:0 -198px;}
#subMenu ul li.active a#leader {background-position:0 -198px;}

#subMenu ul li a#why {background-position:0 -232px;}
#subMenu ul li a#why:hover {background-position:0 -256px;}
#subMenu ul li.active a#why {background-position:0 -256px;}

#subMenu ul li a#contact {background-position:0 -290px;}
#subMenu ul li a#contact:hover {background-position:0 -314px;}
#subMenu ul li.active a#contact {background-position:0 -314px;}

#subMenu ul li a#career {background-position:0 -348px;}
#subMenu ul li a#career:hover {background-position:0 -372px;}
#subMenu ul li.active a#career {background-position:0 -372px;}


#caseBox {
	margin:0;
	padding:0 0 20px 0;
	width:400px;
	background:transparent url(../images/i-srategic-beauty.gif) no-repeat scroll center bottom;
}
#caseBox img {margin:0;}
#caseBox .detail {padding:15px 10px 20px;margin:0px 0px 10px 0px;min-height:146px;}
#caseBox .detail.red {background-color:#BD1C29;color:#FFF;}
#caseBox p {margin:0;padding:0;color:#FFF;}
#caseBox a {text-decoration:underline;color:#FFF;font-size:12px;}
#caseBox a:hover {text-decoration:none;}
#caseBox a.gray {margin:25px 0 0 0;padding-right:30px;text-decoration:none;color:#6d6f71;font-size:12px;display:block;text-align:right;}
#caseBox a.gray:hover {color:#000;}

#caseBox .detail.red p {color:#FFF;}

#container {
	margin:0 0 75px 0;
	padding:0;
	width:835px;
}

#logoSmall {margin:0 0 16px 0;padding:0;}

#left {
	float:left;
	margin:-38px 0px 0px 0px;
	padding:0;
	width:240px;
	position:relative;
}

#linkBox {
	margin:125px 0px 0px 0px;
	padding:0;
	width:240px;
}
/*#linkBox a {margin:0px 0px 7px 0px;padding:0px 0px 0px 20px;display:block;text-decoration:underline;}
#linkBox a.download {height:16px;background:transparent url(../images/ico-pdf.gif) no-repeat scroll left center;}
#linkBox a.send {background:transparent url(../images/ico-send-email.gif) no-repeat scroll left center;}*/

#mainMenu {
	margin:0 0 16px 0;
	padding:0;
	width:100px;
}
#mainMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#mainMenu ul li {
	margin:0;
	padding:4px 0 0 2px;
	width:70px;
	height:14px;
	font-size:12px;
	color:#8c8c8c;
	border-bottom:1px solid #e3e1df;
}
#mainMenu ul li a {display:block;height:14px;text-decoration:none;background:url(../images/main-menu.gif) no-repeat;}

#mainMenu ul li a#work {background-position:0 0;}
#mainMenu ul li a#work:hover {background-position:0 -13px;}
#mainMenu ul li.active a#work {background-position:0 -13px;}

#mainMenu ul li a#idea {background-position:0 -31px;}
#mainMenu ul li a#idea:hover {background-position:0 -44px;}
#mainMenu ul li.active a#idea {background-position:0 -44px;}

#mainMenu ul li a#services {background-position:0 -62px;}
#mainMenu ul li a#services:hover {background-position:0 -75px;}
#mainMenu ul li.active a#services {background-position:0 -75px;}

#mainMenu ul li a#company {background-position:0 -93px;}
#mainMenu ul li a#company:hover {background-position:0 -106px;}
#mainMenu ul li.active a#company {background-position:0 -106px;}

#mainMenu ul li a span {visibility:hidden;}


#right {
	float:left;
	margin:0;
	padding:4px 0 0 0;
	width:402px;
}

#right h1 {
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	color:#000;
}

#right h2 {
	margin:20px 0px 2px 0px;
	padding:0;
	font-size:11px;
	color:#000;
}

#right p {margin:0px 0px 20px 0px;padding:0px;}

#right a.right {float:right;text-align:right;margin:5px 0px;display:block;font-size:11px;}

#right ul {
	margin:10px 0px;
	padding:0;
	list-style-type:none;
}
#right ul li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:transparent url(../images/bull01.gif) no-repeat scroll left 5px;
}

#right li ul {margin:3px 0px 0px 0px;}
#right li ul li {
	margin:0px 0px 3px 10px;
	padding:0px 0px 0px 10px;
	background:transparent url(../images/bull02.gif) no-repeat scroll left 5px;
}

fieldset {margin:0px;padding:0px;width:80%;border:0px solid black;}
fieldset label {font-size:11px;line-height:18px;margin:0px;padding:0px;display:block;}
fieldset input {margin:2px 0px 0px 0px;padding:0px;width:100%;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:11px;}
fieldset textarea {margin:0px;padding:0px;width:100%;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:11px;}
fieldset select {margin:0px;padding:0px;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:11px;}

fieldset label.msg 
{
	color:#b61d22;
	margin:0px 0px 0px 10px;
	padding:0px;
	display:none;
	float:left;
	text-align:left;
	border:0px solid black;
}

#Applybtn {
	margin:20px 0px 0px 0px;
	padding:0px;
	width:80%;
}

#Applybtn fieldset {
	float:right;
	margin:0px 0px 0px 5px;
	padding:0px;
	width:80px;
}
button.btn {
	float:right;
	margin:0px;
	padding:0px 0px 3px 0px;
	background-image:url(../images/buttons.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:80px;
	height:20px;
	font-size:12px;
	color:#FFF;
	border:0px;
	cursor:pointer;
}
button.btn:hover {
	background-image:url(../images/buttons.gif);
	background-position:0px 0px;
	color:#bdbdbd;
}


#subject {margin:0px 0px 20px;padding:0px;}
#subject h3 {margin:0px;padding:0px;}
#subject h3 a {
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#8c8c8c;
	text-decoration:none;
	display:block;
	background-color:#FFF;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-10000px;
	height:17px;
	overflow:hidden;	
}
#subject h3 a:hover {background-position:0px -17px;background-color:#FFF;}
#subject h3 a.active {background-color:#FFF;background-position:0px -17px;}
#subject div.block {padding:3px 0px;background-color:#FFF;border-bottom:1px solid #e9bbbc;}
#subject div.explain p {margin:5px 0px 10px 0px;padding:0px;}


#subject div.explain p.apply {margin-top:20px;text-align:right;}
#subject div.explain p.apply a {color:#b61d22;}
#subject div.explain p.apply a:hover {color:#000;}



#footer {
	margin:0;
	padding:0;
	width:835px;
}

#footer {
	margin:0;
	padding:0;
}
#footer ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer ul li {
	float:left;
	margin:0;
	padding:0 22px 0 0;
}

#footer ul li a {color:#6d6f71;}
#footer ul li a:hover {color:#b61d22;}

#footLeft {
	float:left;
	margin:0;
	padding:0;
	width:240px;
}

#footRight {
	float:right;
	margin:0;
	padding:0;
	width:595px;
}

/*Paging*/
#right .paging {
	margin:0px 0px 0px 0px;
	padding:1px 0px;
	width:402px;
}
#right ul.page {float:right;margin:0px;padding:0px;list-style-type:none;}
#right ul.page li {background-image:none;float:left;margin:0px;padding:0px 0px 0px 10px;}
#right ul.page li.first {0px;padding:0px 10px 0px 0px;}
#right ul.page li a {}
#right ul.page li a:hover {text-decoration:underline;}
#right ul.page li.active {text-decoration:underline;}
/*End Paging*/



#gallery {margin:0 0 25px;padding:0;width:484px;overflow:hidden;}
#imgCover {
	margin:0;
	padding:0;
	width:484px;
	height:196px;
	overflow:hidden;
	position:relative;background-color:#000;
}
#imgDisplay {margin:0;padding:0;position:relative;width:484px;overflow:hidden;}
#imgDisplay .image {float:left;width:484px;display:none;}

#pagesControl {margin:-18px 0 0 0;padding:0 0 0 16px;width:468px;position:relative;background:transparent url(../images/case-studies/bar.png) no-repeat top left;}
* html #pagesControl {background-image:none;background-color:#000;filter:alpha(opacity=50);margin-top:-20px;}
#pagesControl #pageTitle {position:relative;height:20px;float:left;margin:0;padding:0;width:200px;overflow:hidden;}
#pagesControl #pageTitle .title {display:none;float:left;margin:3px 0 0;padding:0;width:484px;color:#FFF;font-size:10px;}

#pagesControl ul {float:left;margin:0;padding:0;list-style-type:none;}
#pagesControl ul li {float:left;margin:1px 0;padding:0 12px 0 0;color:#a5a5a5;font-size:10px;display:none;}
#pagesControl ul li a {color:#a5a5a5;padding:2px 4px;display:block;}
#pagesControl ul li a:hover {color:#535252;background-color:#a5a5a5;}
#pagesControl ul li.active a {color:#535252;background-color:#a5a5a5;}

#gallery .explanation {position:relative;width:484px;height:10px;margin:0;padding:4px 0 4px 16px;color:#666666;font-size:10px;overflow:hidden;}
#gallery .explanation .text {display:none;width:484px;float:left;position:relative;}