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

* {
	margin:0;
	padding:0;
}

body {
	background:url(../images/site-bg.jpg) 50% 170px no-repeat;
	color:#231f20;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	-webkit-text-size-adjust:none;
}

#site {
	width:1050px;
	margin:20px auto;
	min-width:1050px;
	position:relative;
}

#content {
	height:368px;
	width:915px;
	background-color:#fff;
	margin-top:9px;
}

#content #left {
	float:left;
	width:500px;
	height:368px;
}

#content #right {
	margin-left:510px;
}

/* Menu Styles */
ul#menu {
	clear:both;
	margin-top:15px;
	width:600px;
	height:30px;
	position:relative;
	z-index:2;
}

ul#menu li {
	float:left;
	list-style-type:none;
}

ul#menu a {
	line-height:21px;
	display:block;
	border-left:1px solid #231f20;
	text-decoration:none;
	padding:0 10px;
	color:#81828d;
	font-size:21px;
	outline:none;
}

ul#menu a:hover, ul#menu a:focus {
	color:#231f20;
}

ul#menu a.about {
	border-left:0;
	padding-left:0;
}

body#about ul#menu a.about,
body#clients ul#menu a.clients,
body#visual ul#menu a.visual,
body#contact ul#menu a.contact { color:#231f20; }

body#about #left {
	background:url(../images/bg-about.jpg) 0 0 no-repeat;
	padding:30px 0 0 30px;
	width:460px;
	height:338px;
}

body#about #left p {
	margin-bottom:1em;
	font-size:18px;
	font-weight:600;
}

body#home #right {
	margin-left:520px;
	width:395px;
	padding-top:35px;
}

/* Text Styles */

h1 a {
	color:#fff;
	text-decoration:none;
	width:100%;
	height:145px;
	background:url(../images/andrew-spark.gif) 50% 0 no-repeat;
	font-size:1px;
	display:block;
}

.alt {
	display:none;
}

#right h2 {
	color:#231f20;
	font-size:24px;
}

#right p {
	font-size:18px;
	margin:1em 0;
	line-height:24px;
}

#right p.sub {
	font-size:15px;
}
body#about #right p {
	margin:0 20px 8px 0;
	font-size:14px;
	line-height:20px;
}

p#footer {
	clear:both;
	margin-top:70px;
	letter-spacing:1.5px;
	font-size:22px;
}

p#footer span {
	margin:0 5px;
}

p#footer span#phone { 
	color:#231f20; 
	font-weight:600;
	margin-left:0;
}

p#footer span#address {
	border-left:1px solid #6352a3;
	border-right:1px solid #6352a3;
	padding:0 15px;
}

p#footer span#abn {
	color:#a7a9ac;
}

p.quote {
	font-size:1.3em;
	font-style:italic;
}

p.source {
	color:#a7a9ac;
	font-size:80%;
	font-style:italic;
}

/* Scroller Styles */

#scroller {
	position:relative;
	width:915px;
	height:402px;
	left:0;
	overflow:hidden;
}

#stage {
	height:402px;
	position:absolute;
	left:0;
}

#stage div {
	width:915px;
	height:368px;
	float:left;
	background-repeat:no-repeat;
}

a.left, a.right {
	position:absolute;
	bottom:0;
	cursor:pointer;
	text-decoration:none;
	color:#81828d;
}

.left { left:785px; }
.right { left:875px; }

.left:hover, .right:hover { color:#231F20; }

#scroller div p, #scroller div h2, #scroller ul {
	margin-left:510px;
	line-height:1.4em;
	font-size:75%;
}

#scroller li {
	margin-left:20px;
	line-height:1.6em;
}

#scroller div h2 {
	margin-top:0.5em;
	font-size:1em;
}

#scroller p.source {
	color:#a7a9ac;
	margin-top:0;
}

#scroller p.note {
	font-size:70%;
	margin-top:10px;
}

#scroller #turf p.quote {
	margin-left:245px;
	font-size:80%;
	line-height:1.3em;
}

#scroller #turf p.source {
	margin-left:250px;
	color:#333;
	font-size:70%;
}

#visual #scroller div p {
	color:#231f20;
	margin-bottom:9px;
}

#visual #scroller div p.quote {
	font-size:80%;
	font-style:italic;
	margin-bottom:0;
	margin-top:9px;
}

#visual #scroller div p.source {
	color:#a7a9ac;
}

#scroller div#hg p { margin-left:430px; line-height:1.45em; }
#scroller div#integran p { margin-left:520px; }

/* Client Styles */

#bodyboutique p { margin-top:10px; }
#margaretcook p { margin-top:75px; }
#ipswichstudy p { margin-top:3px; }
#gawdy p { margin-top:155px; }
#hg p { margin-top:10px; }
#uq p { margin-top:75px; }
#integran p { margin-top:35px; }
#shop p { margin-top:55px; }
#sammut p { margin-top:65px; }
#neumann p { margin-top:100px; }
#physio p { margin-top:80px; }
#gulikers p { margin-top:100px; }
#turf p { margin-top:10px; }
#biztopia p { margin-top:65px; }
#province p { margin-top:20px; }
#nolan p { margin-top:80px; }
#kool p { margin-top:10px; }
#recruitment p { margin-top:90px; }
#gerbera p { margin-top:70px; }
#uniquest p { margin-top:100px; }
#kelly p { margin-top:100px; }
#river p { margin-top:0px; }
#coolana p { margin-top:65px; }
#odyssey p { margin-top:90px; }
#antoniolli p { margin-top:120px; }
#ireland p { margin-top:85px; }

#bodyboutique { background-image:url(../images/body-boutique.jpg); }
#margaretcook { background-image:url(../images/margaret-cook.jpg); }
#ipswichstudy { background-image:url(../images/ipswich-study.jpg); }
#gawdy { background-image:url(../images/gawdy.jpg); }
#hg { background-image:url(../images/hg.jpg); }
#uq { background-image:url(../images/uq-college.jpg); }
#integran { background-image:url(../images/integran.jpg); }
#shop { background-image:url(../images/shop-ipswich.jpg); }
#sammut { background-image:url(../images/sammut-bulow.jpg); }
#neumann { background-image:url(../images/shayne-neumann.jpg); }
#physio { background-image:url(../images/ipswich-physio.jpg); }
#gulikers { background-image:url(../images/gillian-wilton.jpg); }
#turf { background:url(../images/ipswich-turf-club.jpg) 100% 0 no-repeat; }
#biztopia { background-image:url(../images/biztopia.jpg); }
#province { background-image:url(../images/province-modern-country.jpg); }
#nolan { background-image:url(../images/rachel-nolan.jpg); }
#kool { background-image:url(../images/kool-kids.jpg); }
#recruitment { background-image:url(../images/recruitment-qld.jpg); }
#gerbera { background-image:url(../images/gerbera-house.jpg); }
#uniquest { background-image:url(../images/uniquest.jpg); }
#kelly { background-image:url(../images/jm-kelly.jpg); }
#river { background-image:url(../images/river-949.jpg); }
#coolana { background-image:url(../images/coolana.jpg); }
#odyssey { background-image:url(../images/brand-odyssey.jpg); }
#antoniolli { background-image:url(../images/andrew-antoniolli.jpg); }
#ireland { background-image:url(../images/sheila-ireland.jpg); }

/* Visual Art Stlyes */
#me p { margin-top:0; }
#cactus p { margin-top:10px; }
body#visual #scroller div#perceptions p.start { margin-top:20px; }
body#visual #scroller div#portrait p.start { margin-top:100px; }

#me { background-image:url(../images/art-1.jpg); }
#cactus { background-image:url(../images/art-2.jpg); }
#perceptions { background-image:url(../images/art-3.jpg); }
#portrait { background-image:url(../images/art-4.jpg); }

/* Contact Styles*/

body#contact #left {
	background:url(../images/contact.jpg) 0 0 no-repeat;
}

form { width:400px; }

label { 
	width:75px; 
	float:left;
	font-size:80%;
	line-height:1.4em;
}

input, textarea { 
	width:310px; 
	clear:right; 
	margin-bottom:10px; 
	padding:5px;
}

#right p.alert {
	width:310px;
	text-align:center;
	margin:0 0 15px 75px;
	font-size:75%;
	font-weight:600;
}

input.btn { 
	width:322px; 
	margin:2px 0 0 75px; 
	background-color:#231f20; 
	font-size:90%; 
	border:0; 
	padding:5px 0; 
	color:#fff; 
	cursor:pointer; 
}

input.btn:hover { background-color:#4e4749; }

a#facebook {
	position:absolute;
	right:2px;
	margin-top:35px;
}

a#facebook img { border:0; }