/*************************************************************

		phunkN CREATIVE™ CSS Stylesheet
		Copyright © 2006-2009, All Rights Reserved
		By Jason Chieng ////////

*************************************************************/

		@import url(lightbox.css);

/*************************************************************

		Page Style ////////

*************************************************************/
* {							margin: 0; padding: 0; }
html, body {				height: 100%; }
body {						background: #000000 url("../images/BG.jpg") repeat-x;
							color: #4F4F4F; font-family: "Arial", Helvetica; font-size: 11px; text-align: left; }

img {						vertical-align: middle; }


/*********************************
		Text
*********************************/
a, p, li, ul {				list-style: none; text-decoration: none; }
h3 {						color: #FFFFFF; font-size: 13px; text-transform: uppercase; }
p {							line-height: 1.5em; }

a {							margin: 0; border: none; cursor: pointer; outline: none; }




/*************************************************************

		Content ////////

*************************************************************/
/*********************************
		00. Global
*********************************/
#wrapper {					position: relative; width: 960px; min-height: 100%; margin: 0 auto -80px auto; }


/*********************************
		01. Header Content
*********************************/
#headerWrapper {			float: left; width: 960px; height: 230px;
							background: url("../images/gfxHeader.jpg") no-repeat; display: inline; }

#headerWrapper h1,
#headerWrapper h1 a {		float: left; width: 960px; height: 140px; text-indent: -9999px; display: inline; }

#headerWrapper h1 {			background: url("../images/gfxLogo.gif") no-repeat; }

#headerWrapper h1 a {		background: url("../images/blank.gif") no-repeat; display: inline; }
						

	/*********************************
			Main Navigation
	*********************************/
	ul#mainNavigation {				float: left; width: 515px; height: 35px; margin-left: 235px;
									background-position: 0 -50px; display: inline; }
							
	ul#mainNavigation li a:hover,
	ul#mainNavigation li a.selected,
	ul#mainNavigation {				background-image: url("../images/gfxMainNavigation.gif"); background-repeat: no-repeat; }
	
	ul#mainNavigation li {			float: left; background: url("../images/blank.gif") no-repeat; }
	
	ul#mainNavigation li a {		float: left; height: 35px; text-indent: -9999px; }
	
	a.viewAll {						width: 175px; }
	a.commercial {					width: 180px; background-position: -175px 0; }
	a.personal {					width: 160px; background-position: -355px 0; }




/*********************************
		02. Main Content
*********************************/
#mainWrapper {				float: left; width: 960px; display: inline; }

	/*********************************
			Preview Displays
	*********************************/
	img.phunknPreview {				float: left; width: 0px; height: 0px; }
	ul#previewWrapper {				float: left; padding-bottom: 50px; display: inline; }
	
	ul#previewWrapper li {			position: relative; float: left; width: 300px; height: 150px; margin: 10px;
									background-image: url("../images/gfxPreview.gif"); background-repeat: no-repeat; cursor: pointer; display: inline; }
	
	ul#previewWrapper li:hover {	background-image: url("../images/gfxPreview_Hover.gif"); }
	
	ul#previewWrapper li a {		position: absolute; left: 0; top: 0; width: 300px; height: 150px; background-repeat: no-repeat; display: block; }
	
	ul#previewWrapper li h3,
	ul#previewWrapper li p {		float: left; width: 230px; padding: 0 50px 0 20px; display: inline; }
	
	ul#previewWrapper li h3 {		height: 15px; padding-top: 105px; }
	
	a.anz {							background-image: url("../portfolio/gfxANZ_Preview.jpg"); }
	a.artisan {						background-image: url("../portfolio/gfxArtisan_Preview.jpg"); }
	a.auctionMania {				background-image: url("../portfolio/gfxAuctionMania_Preview.jpg"); }
	a.bakersDelight01 {				background-image: url("../portfolio/gfxBakersDelight01_Preview.jpg"); }
	a.bakersDelight02 {				background-image: url("../portfolio/gfxBakersDelight02_Preview.jpg"); }
	a.bic {							background-image: url("../portfolio/gfxBIC_Preview.jpg"); }
	a.chemicalMaze {				background-image: url("../portfolio/gfxChemicalMaze_Preview.jpg"); }
	a.creativeAwards {				background-image: url("../portfolio/gfxCreativeAwards_Preview.jpg"); }
	a.crucialParadigm {				background-image: url("../portfolio/gfxCrucialParadigm_Preview.jpg"); }
	a.discovery {					background-image: url("../portfolio/gfxDiscovery_Preview.jpg"); }
	a.friendFight {					background-image: url("../portfolio/gfxFriendFight_Preview.jpg"); }
	a.hotCharts {					background-image: url("../portfolio/gfxHotCharts_Preview.jpg"); }
	a.leadingBrands {				background-image: url("../portfolio/gfxLeadingBrands_Preview.jpg"); }
	a.melbourneUni {				background-image: url("../portfolio/gfxMelbourneUni_Preview.jpg"); }
	a.myMarkets {					background-image: url("../portfolio/gfxMyMarkets_Preview.jpg"); }
	a.orthoSearch {					background-image: url("../portfolio/gfxOrthosearch_Preview.jpg"); }
	a.propertyUK {					background-image: url("../portfolio/gfxPropertyUK_Preview.jpg"); }
	a.pure8 {						background-image: url("../portfolio/gfxPure8_Preview.jpg"); }
	a.pyrahna {						background-image: url("../portfolio/gfxPyrahna_Preview.jpg"); }
	a.reflex {						background-image: url("../portfolio/gfxReflex_Preview.jpg"); }
	a.rewardBay {					background-image: url("../portfolio/gfxRewardBay_Preview.jpg"); }
	a.videoEzy {					background-image: url("../portfolio/gfxVideoEzy_Preview.jpg"); }
	a.visiona {						background-image: url("../portfolio/gfxVisiona_Preview.jpg"); }
	a.visualJazz {					background-image: url("../portfolio/gfxVisualJazz_Preview.jpg"); }
	a.visy {						background-image: url("../portfolio/gfxVISY_Preview.jpg"); }
	a.worksafe{						background-image: url("../portfolio/gfxWorksafe_Preview.jpg"); }
	
	a.genocide {					background-image: url("../portfolio/gfxGenocide_Preview.jpg"); }
	a.imagination {					background-image: url("../portfolio/gfxImagination_Preview.jpg"); }
	a.superfly01 {					background-image: url("../portfolio/gfxSuperfly01_Preview.jpg"); }
	a.superfly02 {					background-image: url("../portfolio/gfxSuperfly02_Preview.jpg"); }
	a.superstars01 {				background-image: url("../portfolio/gfxSuperstars(TheFreelancer)_Preview.jpg"); }
	
	a.at2Gilchrist {				background-image: url("../portfolio/gfxAT2Gilchrist_Preview.jpg"); }
	a.at2Therese {					background-image: url("../portfolio/gfxAT2Therese_Preview.jpg"); }
	a.helloMedical {				background-image: url("../portfolio/gfxHelloMedical_Preview.jpg"); }
	a.helloMedical2 {				background-image: url("../portfolio/gfxHelloMedical2_Preview.jpg"); }




/*********************************
		03. Footer Content
*********************************/
.footerClear {				height: 80px; clear: both; }
.footerClear p {			color: #000000; }

#footerWrapper {			position: relative; width: 100%; height: 80px; background: #030303; }

#footerContent {			position: relative; width: 940px; padding-top: 25px; height: 55px; margin: auto; }

#footerContent h3,
#footerContent p {			color: #363636; text-transform: uppercase; }

.footerNavigation {			float: right; width: 235px; height: 25px; display: inline }
.footerNavigation a {		float: left; height: 25px; text-indent: -9999px; }

a.validXHTML,
a.validCSS {				background-image: url("../images/btnValidW3C.gif"); background-repeat: no-repeat; }

a.validXHTML {				width: 70px; }
a.validCSS {				width: 55px; background-position: -70px 0; }

a.email {					width: 110px; background: url("../images/btnEmailMe.gif") no-repeat; }

a.email:hover {				background-position: 0 -50px; }


/************************************************************/