@charset "UTF-8";


/* CSS Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
 	padding: 0;
  	border: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
  	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1.5;}
ol, ul {list-style-type: none;}
table {border-collapse: collapse; border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote, q {quotes: "" "";}
img {margin: 0; padding: 0;}
a img { border: none; }


/* Default Setting
-------------------------------------------------------------- */

* {margin: 0; padding: 0;}

html { height:101%; }

body { 
	font-size: 75%;
  	color: #b2b2b2; 
  	background-color: #000;
  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* The font-size percentage is of 16px. (i.e., 0.75 x 16px = 12px) */


/* Navagation Menu
-------------------------------------------------------------- */		

#nav {height: 60px; width: 960px; overflow: hidden; background: transparent url(assets/menu.png) no-repeat left top;}

#nav #menu {display: block; list-style-type: none; float: left;}

#nav #menu li {display: block; height: 60px; float: left;}

#nav #menu li a {display: block; float: left; height: 60px; text-decoration:none; text-indent: -2000px; overflow: hidden;}

/* tab widths */

#nav #menu li.bookSession a		{width: 190px;}
#nav #menu li.whatsNew a		{width: 156px;}
#nav #menu li.packages a		{width: 128px;}
#nav #menu li.gallery a			{width: 116px;}
#nav #menu li.markMorffew a		{width: 187px;}
#nav #menu li.giftVouchers a	{width: 183px;}

#nav #menu li a.active,
#nav #menu li a:hover {background:transparent url(assets/menu.png) no-repeat left top;}

/* tab start points */

#nav #menu li.bookSession a.active,
#nav #menu li.bookSession a:hover	{background-position: -0px bottom;}
#nav #menu li.whatsNew a.active,
#nav #menu li.whatsNew a:hover		{background-position: -190px bottom;}
#nav #menu li.packages a.active,
#nav #menu li.packages a:hover		{background-position: -346px bottom;}
#nav #menu li.gallery a.active,
#nav #menu li.gallery a:hover		{background-position: -474px bottom;}
#nav #menu li.markMorffew a.active,
#nav #menu li.markMorffew a:hover	{background-position: -590px bottom;}
#nav #menu li.giftVouchers a.active,
#nav #menu li.giftVouchers a:hover	{background-position: -777px bottom;}


/* Top Menu
-------------------------------------------------------------- */		

#topMenu {
	height: 30px;
	padding-top: 43px;
	float: right;
}

ul#topMenu li {
	list-style-type: none;
	font-size: smaller;
	line-height: 30px;
	float: left;
	background: url(assets/topMenuDivider.png) no-repeat top left;
}

ul#topMenu li a {
	display: block;
	color: #fff200;
	text-decoration: none;
	height: 30px;
	padding: 0 10px;
	float: left;
}

ul#topMenu li a:hover, 
ul#topMenu li a.current { color: #fff; }

/* Layout
-------------------------------------------------------------- */

#layoutHolder {width: 960px; margin: 0 auto;}

#header {height: 76px; width: 960px; background:url(assets/headerLogo.gif) no-repeat;}

#banner {width: 960px; height: 480px; overflow:hidden;}

#banner-home {width: 960px; height: 640px; overflow:hidden;}

#contentHolder {width: 960px; padding-top: 40px; }

.column-full {width: 960px; height: 300px; margin-bottom: 40px;}

#column-1, #column-2 {width: 460px;  margin-bottom: 40px; }

#column-contact {width: 420px; }

.columnSplit {width: 190px; margin-right: 20px; float: left;}

.columnCap 
{width: 460px; margin-bottom: 10px;}

.columnCap-contact 
{width: 420px; margin-bottom: 10px;}


.packageCap01, .packageCap02, .packageCap03, .packageCap04, .packageCap05, .packageMothersDay, .packageCapMarkMorffew01, .packageCapMarkMorffew02 
{width: 460px; height: 100px; margin-bottom: 20px;}

.packageCap01 {background: url(assets/packages2010.jpg) no-repeat top left;}

.packageCap02 {background: url(assets/packagesPregnancy.jpg) no-repeat top left;}

.packageCap03 {background: url(assets/packagesGift.jpg) no-repeat top left;}

.packageCap04 {background: url(assets/packagesCanvasAndAcrylic.jpg) no-repeat top left;}

.packageCap05 {background: url(assets/packagesEqOutdoor.jpg) no-repeat top left;}

.packageMothersDay {background: url(assets/packagesMothersDay.jpg) no-repeat top left;}

.packageCapMarkMorffew01 {background: url(assets/packagesMarkMorffewStudio.jpg) no-repeat top left;}

.packageCapMarkMorffew02 {background: url(assets/packagesMarkMorffewLocation.jpg) no-repeat top left;}


.left {float: left;}

.right {float: right;}

.galleryBtn {width: 460px; height: 150px; margin-bottom: 40px;}

.studio01, .studio02, .studio03, .studio04, .studio05, .studio06, .studio07
{width: 460px; height: 40px; padding-top:260px; margin-bottom: 40px;}	

.studio01 {background: url(assets/studioBondi.jpg) no-repeat top left;}

.studio02 {background: url(assets/studioChatswood.jpg) no-repeat top left;}

.studio03 {background: url(assets/studioParramatta.jpg) no-repeat top left;}

.studio04 {background: url(assets/studioMoorePark.jpg) no-repeat top left;}

.studio05 {background: url(assets/studioDoncaster.jpg) no-repeat top left;}

.studio06 {background: url(assets/studioSaudiArabia.jpg) no-repeat top left;}

.studio07 {background: url(assets/studioChadstone.jpg) no-repeat top left;}

.markMorffewPortrait 
	{
	background: url(assets/markMorffewPortrait.jpg) no-repeat top left;
	width: 460px; 
	height: 250px; margin-bottom: 20px;
	}




/* Definition list (How we work)
-------------------------------------------------------------- */

dt { font-weight: bold; }

dd	{ 
	background:none no-repeat left top;
	padding: 0 0 30px 60px;
	}
	
dd.no01 { background-image:url(assets/numbers-01.gif); }
dd.no02 { background-image:url(assets/numbers-02.gif); }
dd.no03 { background-image:url(assets/numbers-03.gif); }
dd.no04 { background-image:url(assets/numbers-04.gif); }
dd.no05 { background-image:url(assets/numbers-05.gif); }
dd.no06 { background-image:url(assets/numbers-06.gif); }
dd.no07 { background-image:url(assets/numbers-07.gif); }
dd.no08 { background-image:url(assets/numbers-08.gif); }
dd.no09 { background-image:url(assets/numbers-09.gif); }
dd.no10 { background-image:url(assets/numbers-10.gif); }

p.drop { padding-top: 10px; }
	

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; letter-spacing: -0.02em; }

h1 { font-size: 1.8em; line-height: 1.4em; margin-bottom: 0.5em; color: #fff; }
h2 { font-size: 1.5em; margin-bottom: 0.2em; color: #fff200; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: .2em; color: #fff;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */

a:link,
a:active,
a:visited	{color: #fff200; text-decoration: none;}
a:hover		{text-decoration: underline;}

p           { margin: 0 0 1em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

p em { font-style: oblique; }

p strong { font-weight: bold; }

blockquote {
	padding: 30px 30px 30px 40px;
	border: 1px solid #262626;
	background: #191919 url(assets/blockquote.png) top left no-repeat;
	margin: 20px 0;
	color: #666;
}

abbr, 
acronym     { border-bottom: 1px dotted #666; }

.detailsGray { color: #999; }

.detailsWhite { color: #fff; }

.detailsYellow { color: #fff200; }

.detailsPrice { font-size: 1.5em; color: #fff200; }

.detailsIndent { margin: -25px 0 0 60px; display: block; }

hr { color: #333; background: #333; border: 0; height: 1px; margin: 20px 0; }

.formCopy table,td,tr { font-size: 1em; vertical-align: middle; }

.formElements { font-size: 1em; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }


/* Footer
-------------------------------------------------------------- */		

#footer, 
#footerLine {width: 960px; height: 50px; padding-top: 10px; font-size: smaller; color: #333; text-align: right;} 

#footerLine {border-top: 1px solid #333;}

#footer a:link, #footerLine a:link,
#footer a:active, #footerLine a:active,
#footer a:visited, #footerLine a:visited 	{color: #333; text-decoration: underline;}
#footer a:hover, #footerLine a:hover 		{color: #666; text-decoration: underline;}