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

body{
	margin: 0px;
	padding: 0px;
	background: url(images/body_bg.jpg) repeat black;
	font-family: Helvetica, Arial, sans-serif;
}

h2{
	font-family: Helvetica, Arial, sans-serif;
	color: #999999;
	font-size: 15px;
	font-weight: normal;
}
.h2Head{
	color: #FFFF00;
	font-weight: bold;
}
/*header container============================================================*/
#top_bg{
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 325px;
	background: url(images/top_bg.jpg) repeat-x;
	
}
#header_container{
	width: 850px ;
	height: 325px;
	margin: 0px auto;
	padding: 0px;
}
#logo{
	margin: 0px;
	padding: 0px;
	width: 421px;
	height: 325px;
	background: url(images/logo.jpg) no-repeat;
	float: left;
	
}
#digi_img_top{
	margin: 0px;
	padding: 0px;
	width: 429px;
	height: 325px;
	background: url(images/digi_img_top.jpg) no-repeat;
	float: left;
}
/*body container============================================================*/
#body_container{
	margin: 0px auto;
	width: 850px;
}
#statement_quote{
	width: 25px;
	height: 265px;
	background-image: url(images/statement_quote.jpg);
	float: left;	
}
/*navigation style===========================================================*/
#navigation{
	width: 396px;
	height: 140px;
	float: left;
	background-image: url(images/nav_bg.jpg);
}
.nav{
	width: 116px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.nav#web_nav{
	margin: 15px 35px 0px 0px;
	padding: 0px;
}
.nav#print_nav{
	margin: 15px 35px 0px 0px;
	padding: 0px;
	width: 100px;
}
.nav#artwork_nav{
	margin: 15px 0px 0px 0px; 
	padding: 0px;
	width: 80px;
}
	.nav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	.nav ul li{
	color: white;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	display:inline;
	}
	.nav ul li a, .nav ul li{
	text-decoration: none;
	color: white;
	display:block;
	height: 20px;
	width: 100px;
	}
	.nav ul li a:hover{
	text-decoration: underline;
	}
	li a.web_link{
	background: url(images/nav_web.jpg) no-repeat;
	width: 39px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	}	
	li a.print_link{
	background: url(images/nav_print.jpg) no-repeat;
	width: 51px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	}
	li a.artwork_link{
	background: url(images/nav_artwork.jpg) no-repeat;
	width: 79px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	}
	li a.contact_link{
	background: url(images/nav_contact.jpg) no-repeat;
	width: 73px;
	height: 20px;
	margin: 20px 0px 5px 0px;
	}	
	li a.web_link span,li a.print_link span,li a.artwork_link span,li a.contact_link span{
	display: none;
	}
#digi_img_mid{
	margin: 0px;
	padding: 0px;
	width: 429px;
	height: 140px;
	background: url(images/digi_img_mid.jpg) no-repeat;
	float: left;
}
#statement_left{
	width: 396px;
	height: 125px;
	background: url(images/statement_left.jpg) no-repeat;
	float: left;
}
#statement_right{
	width: 429px;
	height: 125px;
	background: url(images/statement_right.jpg) no-repeat;
	float: left;
}
/*web content==============================================*/
.content_container{
	width: 850px;
	height: 100%;
	float: left;
}
.left_space{
	width: 25px;
	height: 100%;
	float: left;
}
.artwork_content{
	width: 745px;
	height: 100%;
	background: url(images/content_bg.jpg) no-repeat;
	float: left;
}
.header{
	width: 745px;
	height: 55px;
	margin: 28px 0px 0px 0px;
}
.artwork_content h1#web_h1{
	background: url(images/heading_web.jpg) no-repeat;
	width: 130px;
}
.artwork_content h1#print_h1{
	background: url(images/heading_print.jpg) no-repeat;
	width: 150px;
}
.artwork_content h1#artwork_h1{
	background: url(images/heading_artwork.jpg) no-repeat;
	width: 230px;
}
.artwork_content h1#photoshop_h1{
	background: url(images/heading_photoshop.jpg) no-repeat;
	width: 208px;
}
.artwork_content h1#digital_h1{
	background: url(images/heading_digital.jpg) no-repeat;
	width: 247px;
}
.artwork_content h1#cover_h1{
	background: url(images/heading_cover.jpg) no-repeat;
	width: 247px;
}
.artwork_content h1#flyer_h1{
	background: url(images/heading_flyer.jpg) no-repeat;
	width: 247px;
}
.artwork_content h1#brochure_h1{
	background: url(images/heading_brochure.jpg) no-repeat;
	width: 247px;
}
.artwork_content h1#report_h1{
	background: url(images/heading_report.jpg) no-repeat;
	width: 272px;
}
.artwork_content h1#creative_od_h1{
	background: url(images/heading_creativeOD.jpg) no-repeat;
	width: 550px;
}
.artwork_content h1#game_h1{
	background: url(images/heading_flashgame.jpg) no-repeat;
	width: 550px;
}
.artwork_content h1#animation_h1{
	background: url(images/heading_animation.jpg) no-repeat;
	width: 550px;
}
	h1{
	margin: 0px;
	padding: 0px;
	height: 55px;
	float: left;
	}
	h1 span{
	display: none;
	}
	.artwork_content a{

	}
	/*left img===========================================*/
	.img_container_left{
	margin: 0px 45px 0px 0px;
	width: 350px;
	height: 215px;
	float: left;
	}
	.img_container_webLeft{
	margin: 0px 10px 10px 0px;
	width: 366px;
	height: 246px;
	float: left;
	}
	.img_container_webLeft a img, .img_container_webRight a img{
	margin: 0px;
	text-decoration: none;	
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top: none;
	}
	.img_container_printLeft{
	margin: 0px 10px 15px 0px;
	width: 366px;
	height: 246px;
	float: left;
	}
	.img_container_left img.img_size,.img_container_right img.img_size{
	margin: 0px;
	width: 335px;
	height: 118px;
	border: 5px solid gray;
	}
	p{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
	color: #808080;
	letter-spacing: 1px;
	}
	p strong{
	color: #CCCCCC;
	font-weight: normal;
	}
	a.launch{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	color: #9d4b4b;
	font-weight: normal;
	width: 150px;
	height: 13px;
	background: url(images/launch_btn.jpg) no-repeat 0px 2px;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 11px;
	}
	/*right img===========================================*/
	.img_container_webRight{
	width: 366px;
	height: 246px;
	float: left;
	margin: 0 0 15px 0;
	}
	.img_container_right{
	width: 350px;
	height: 215px;
	float: left;
	}
/*contact content==============================================*/
#footer{
	margin: 0px;
	width: 100%;
	height: 100%;
	background: url(images/contact_bg.jpg) repeat;
	float: left;
}
#contact_container{
	margin: 0px auto;
	width: 850px;
	height: 320px;
}
.artwork_content#contact_content{
	background: url(images/contact_bg.jpg) repeat;
	border: none;
}
#contact_container h1#contact_h1{
	background: url(images/heading_contact.jpg) no-repeat;
	width: 230px;
}
a.back{
	margin: 18px 0px 0px 0px;
	padding: 0px;
	font-size: 11px;
	color: gray;
	float: right;
	text-decoration: none;
	background: url(images/back_arrow.jpg) no-repeat;	
	width: 75px;
	height: 13px;
	text-align: right;
}
a.back#black{
	background: url(images/back_arrow_b.jpg) no-repeat;
}
.img_container_left img.contact_name{
	margin: 15px 0px 5px 0px;
}
.img_container_left p.contact_detail{
	color: white;
	padding: 0px;
	line-height: 18px;
}
.img_container_left p.contact_detail a{
	color: white;
	padding: 0px;
	line-height: 18px;
	float: left;
}
.img_container_right img.contact_img{
	float: right;
	margin: 0px;
	padding: 0px;
}
#copyright{
	width: 150px;
}
#copyright a{
	text-decoration: none;
	color: #9d4b4b;
	font-size: 11px;
	border-bottom: 1px dotted #9d4b4b;
	width: 79px;
	float: left;
	display: block;
}
#copyright p{
	color: white;
	padding: 6px 0px 0px 0px;
	line-height: 18px;
	float: left;
}
/*ie bug==============================================*/
.ierepeatbug{
	display: none;
}
/*img content==============================================*/
.content_container#work_detail{
	margin: 0px 0px 0px 50px;
}
.img_content{
	margin: 0px 0px 50px 0px;
	width: 745px;
}
.img_content img{
	margin: 0px 0px 50px 0px;
}
.digi_content{
	width: 745px;
	float: left;
	margin: 10px 0px 20px 0px;
} 
.img_content img.digi_img{
	float: left;
	width: 366px;
}
.digi_info{
	float:left;
} 
.digi_info img{
	margin: 0px 0px 10px 20px;
}
.digi_info p{
	margin: 0px 0px 10px 20px;
	color: white;
}
/*creative od style==============================================*/
.img_content p.creative_detail{
	padding: 0px;
	margin: 0px;
	letter-spacing: 1px;
	line-height: 18px;
	color: gray;
}
.img_content h2{
	color: white;
	font-size: 13px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
.img_content h2.explaination{
	color: #a34d4d;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
}
.concept_detail{
	margin: 10px 0px 10px 0px;
	width: 745px;
	height: 360px;
}
.concept_detail#mockup{
	height: 600px;
}
.concept_detail#mockup2{
	height: 500px;
}
.concept_detail#mockup3{
	height: 260px;
}
.concept_detail#mockup4{
	height: 350px;
}
.concept_detail img{
	float: left;
	margin: 0px 20px 0px 0px;
}
.concept_detail h2{
	margin: 0px;
}
/*links==============================================================*/
.links{
	margin: 0px;
	padding: 4px 0px 0px 0px;
	float:left;
	width: 745px;
	height: 20px;
	border-top: 1px solid #909090;
}
.links p{
	width: 165px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 11px;
}
.links ul{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	width: 550px;
	height: 15px;
	list-style: none;
}
.links ul li{
	margin: 0px;
	padding: 0px 10px 0px 0px;
	display: inline;	
	float: left;
}
.links ul li a{
	color: #9d4b4b;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
}


.printImages{
	width: 745px;
	display: block;
}
.printImages a{
	margin: 0;
}
.printImages a img{
	border: none;
	float: left;
	margin: 0 8px 8px 0;
}
.printImages a img.westPac{
	border: none;
	float: left;
	margin: 0 2px 8px 0;
}
#bannerVert{
	width: 498px;
	float: left;
}
#bannerVert a img{
 	margin: 0 20px 0 0;
	border: none;
	float: left;
}
.left{
	float: left;
}
.noMargin{
	margin: 0 0 8px 0;
}
.clear{
	clear: both;
}