body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
	}
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
	}
	ol,ul {
		list-style:none;
	}
	caption,th {
		text-align:left;
	}
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { border:0;
	}
	
	a, p, h1, h2, h3, h4, li, em {
		font-family:Georgia;
	}
        *:focus {
              outline:none;  
        }
body {
    background:#000 url(../images/background2011.jpg) center 0;
    background-attachment:fixed;
    overflow-x:hidden;
}
div {
    position:relative;
}
* {
    color:#fff;
}
a {
    text-decoration:none;
    color:#eeb211;
}
a:hover {
    text-decoration:none;
}
a:focus {
    outline:0;
}
.page {
    width:908px;
    margin:0 auto;
    padding:0px;
}
a.logo span {
    display:none;
}
a.logo {
    display:block;
    width:265px;
    height:30px;
    position:absolute;
    top:54px;
}
/****************** Top Navigation ********************/
ul.navigation {
    width:410px;
    height:14px;
    position:absolute;
    right:0;
    top:70px;
    z-index:999;
}
ul.navigation li a span {
    display:none;
}
ul.navigation li {
    display:inline-block;
    float:left;
}
ul.navigation li.portfolio a {
    width:89px;
    height:15px;
    background:url(../images/top_nav_folio.jpg) no-repeat;
    margin-right:44px;
    display:block;
}
ul.navigation li.portfolio a:hover,
ul.navigation li.portfolio a.current {
    background:url(../images/top_nav_folio.jpg) 0 -14px no-repeat;
}
ul.navigation li.about a {
    width:57px;
    height:15px;
    background:url(../images/top_nav.png) no-repeat;
    margin-right:44px;
    display:block;
}
ul.navigation li.about a:hover,
ul.navigation li.about a.current {
    background:url(../images/top_nav.png) 0 -14px no-repeat;
}
ul.navigation li.contact a {
    width:77px;
    height:15px;
    background:url(../images/top_nav.png) -100px 0 no-repeat;
    margin-right:55px;
    display:block;
}
ul.navigation li.contact a:hover,
ul.navigation li.contact a.current {
    background:url(../images/top_nav.png) -100px -14px no-repeat;
}
ul.navigation li.blog a {
    width:42px;
    height:15px;
    background:url(../images/top_nav.png) -232px 0 no-repeat;
    display:block;
}
ul.navigation li.blog a:hover,
ul.navigation li.blog a.current {
    background:url(../images/top_nav.png) -232px -14px no-repeat;
}
/********************* Introduction ************************/
p.intro {
    position:absolute;
    top:141px;
    right:0px;
    width:276px;
    height:66px;
    font-size:1.25em;
    text-transform:uppercase;
}
p.intro span {
    font-size:1.15em;
}
p.intro em {
    font-size:0.6em;
    text-transform:lowercase;
    color:#3b3b3b;
    font-style:italic;
}
p.description {
	font-size:0.8em;
	line-height:18px;
	margin-bottom:18px;	
}
/******************** Content ****************************/
.content {
    position:relative;
    top:145px;
    padding-bottom:100px;
}
.content h2 {
    font-size:1.0em;
    text-transform:uppercase;
    margin-bottom:20px;
}
/******************** Content Navigation *************************/
#nav {
	margin-bottom:100px;	
}
#nav li {
	float:left;
	margin-right:25px;
}
#nav li a {
	display:block;
	font-size:0.8em;
	color:#7d7d7d;
}
#nav li a:hover,
#nav li a.current {
	padding-bottom:13px;
	background:url(../images/nav_bg.png) no-repeat center bottom;
	color:#eeb211;
}
/******************** Portfolio piece ****************************/
.piece {
    position:relative;
    margin-bottom:100px;
}
.piece h3 {
    text-transform:uppercase;
    font-size:1.8em;
    margin-bottom:30px;
}
.piece span.category {
    position:absolute;
    right:0px;
    top:10px;
    font-size:0.75em;
    font-style:italic;
}
ul.thumbnails li.big {
    float:left;
    width:555px;
    height:450px;
    overflow:hidden;
    margin-right:30px;
    margin-bottom:30px; 
}
ul.thumbnails li.small {
	width:322px;
	height:208px;
	overflow:hidden;
	margin-bottom:35px;
}
ul.thumbnails li.last {
    margin-bottom:0;
}
a.live, a.case_study, input.next {
    font-size:0.8em;
}
a.live:hover, a.case_study:hover {
	padding-bottom:13px;
	background:url(../images/nav_bg.png) no-repeat center bottom;
	color:#eeb211;
}
.piece input.next {
	position:absolute;
	right:0;
	color:#eeb211;
	border:none;
	background:none;
}
.piece input.next:hover {
	background:red;
}
.clear {
    clear:both;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}
/***************** fadein effect *************/
#content-wrapper {
	display:none;	
}
/***************** Tooltip ******************/
#tooltip {
	position:absolute;
	background:url(../images/b.png);
	padding:14px 18px;
	color:#fff;
	display:none;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 font-size:0.8em;
	}
/***************** Case Study ***************/
.case_study_content {
	padding:12px;
	width:500px;
}
.case_study_content h5 {
	font-size:1.0em;
	color:#eeb211;
	margin-bottom:12px;
	font-style:italic;
}
.case_study_content p {
	color:#fff;	
	font-size:0.8em;
	margin-bottom:24px;
	line-height:18px;
}
/***************** Strategy iframe **********/
.strategy {
	width:740px;
	height:580px;
	overflow:hidden;
	border:none;
}
/***************** Cathay iframe ************/
.cathay_flash {
	width:1893px;
	height:1006px;
}
/***************** About ********************/
.about_page {
	width:555px;	
}
.about_page h3 {
	color:#fff;
	text-transform:uppercase;
    font-size:1.8em;
    margin:50px 0 18px 0;	
}
.about_page p {
	color:#fff;
	font-size:0.8em;
	margin-bottom:18px;
	line-height:18px;	
}
.poloroid {
	position:absolute;
	right:0;
	top:50px;	
}
/***************** Home ********************/
.index_page {
	width:673px;
	position:relative;
	top:-100px;
}
.index_page h3 {
	color:#fff;
	text-transform:uppercase;
    font-size:1.5em;
    margin:50px 0 24px 0;	
}
.index_page p {
	color:#fff;
	font-size:0.8em;
	margin-bottom:18px;
	line-height:18px;	
}
.welcome {
	position:relative;
	top:50px;	
}
.welcome p {
	font-size:1em;
	line-height:22px;
}

/***************** Latest Work *************/
.latest_work {
	width:949px;
	height:344px;
	background:url(../images/latest_box_iss.png) no-repeat;
	position:absolute;
	top:270px;
	left:-20px;
}

.latest_work h5 {
	position:absolute;
	left:605px;
	top:18px;
	text-transform:uppercase;
	font-size:13px;
}

.latest_work p {
	position:absolute;
	right:22px;
	top:50px;
	width:321px;
	padding-top:13px;
	border-top:1px solid #282828;
}
.latest_link {
	height:28px;
	width:152px;
	display:block;
	background:url(../images/view_folio_sprite.png) 0 -28px no-repeat;	
	position:absolute;
	left:605px;
	top:160px;
}
.latest_link a {
	display:block;
	width:152px;
	height:28px;
	text-indent:-9999px;
	background:url(../images/view_folio_sprite.png) 0 0 no-repeat;
}
.latest_link:focus,
.latest_link:active {
	background:url(../images/view_folio_sprite.png) 0 -57px no-repeat;
}

/***************** Blog ********************/
.blog_page {
	width:908px;	
}
.blog_page h3 {
	color:#fff;
	text-transform:uppercase;
    font-size:1.8em;
    margin:50px 0 18px 0;	
}
.blog_page p {
	color:#fff;
	font-size:0.8em;
	margin-bottom:18px;
	line-height:18px;	
}
.blog_page a {
	font-size:2.0em;
	float:left;
	font-style:italic;
}
.blog_page img {
	margin:0 16px 12px 0;	
}
.tumblr {
        list-style: none;
        padding: 0;
}
.tumblr li {
        float:left;
}
.tumblr p {
        margin: 0;
        padding:50px;
        background:red;
}
.tumblr img {
        display: block;
}
.tumblr em {
        display: block;
}
.tumblr .tumblr-post-date{
        display: block;
}
.tumblr_posts .tumblr_title {
	margin-bottom:12px;
	font-size:1em;	
}

.tumblr_posts .tumblr_body {
	font-size:0.8em;
	margin-bottom:25px;
	width:555px;
	line-height:18px;
}

.tumblr_posts img {
	display:none;	
}

.rss_feed {
	position:absolute;
	left:0;
	top:-5px;
}
.rss_feed_blog {
	position:absolute;
	left:0;
	top:-5px;
}
.ie7 .rss_feed {
	position:absolute;
	left:0;
	top:-7px;
}
.ie7 .rss_feed_blog {
	position:absolute;
	left:0;
	top:7px;
}
/***************** News ************/
.news {
	margin:30px 0;
	width:555px;	
}
.feed_item {
	display:block;
	margin-bottom:70px;	
}
.feed_time {
	font-size:0.7em;
	margin:0;
	padding:0;
	margin-top:30px;
	color:#464646;
}
.feed_title h3 {
	margin:0;
	padding:0;
	font-size:1.5em;
	margin-bottom:18px;
	height:auto;
	display:block;
	color:#eeb211;
	text-transform:none;
}
.feed_description {
	padding-top:-20px;
	text-indent:0;
	margin:0;
	padding:0 0 0 30px;
	border-left:3px solid #fff;
	width:500px;
	font-size:0.8em;
	line-height:18px;
}
.blog_heading {
	padding-left:40px;	
}
/***************** Permanent Scrollbar ******/
html { height: 100%; margin-bottom: 1px; }

/***************** No heading ***************/
.no_heading {
	margin-bottom:20px;	
}
/***************** Social networks **********/
.social {
	margin-top:570px;
	width:580px;
	height:44px;
	background:url(../images/footer_bg.png) no-repeat;
	font-size:0.8em;
	text-transform:uppercase;
	position:relative;
	left:-20px;
	padding-left:20px;
	padding-top:10px;
	display:block;
	position:relative;
}
.ie7 .social {
	top:531px;	
}
.social_links {
		
}
.ie7 .social_links {
		
}
.social_networks {
	position:absolute;
	display:block;
	width:915px;
	height:234px;
	left:0px;
	top:290px;	
}
.ie7 .social_networks {
	top:300px;
}
.social_networks ul li {
	width:84px;
	height:104px;
	float:left;
	margin:0 34px 26px 0;
}
.social_networks ul li.last {
	margin-right:0;	
}
p.copyright {
	position:absolute;
	top:670px;
	left:580px;
	font-size:0.8em;
	color:#6b6b6b;	
}