@import url("reset.css");


/*---------------------------
main styles
---------------------------*/

body {font-size: 62.5%;line-height:1.5;font-family: Arial, Helvetica, sans-serif;background:#FFF url(../images/letters.jpg) center no-repeat;color:#FFF;margin-top:10px;}

a {text-decoration:none;color:#FFF;}
a:hover {text-decoration:underline;}
p {margin:12px 0 12px 0;}

.imgfloatleft {float:left;margin:0 15px 15px 0;}
.imgfloatright {float:right;margin:0 0 15px 15px;}

#wrapper {font-size:1.5em;width:920px;height:auto;position:relative;clear:both;margin:0 auto 0 auto;background:url(../images/corner_tl.gif) left top no-repeat;padding-top:30px;}
.container {width:920px;height:auto;position:relative;clear:both;background:url(../images/corner_br.gif) right bottom no-repeat;padding-bottom:30px;}
.bg {width:780px;background:#000;padding:30px 60px 0 80px;clear:both;position:relative;}
#main {width:590px;height:auto;float:right;min-height:420px;}
#map {width:560px;height:400px;clear:both;}
#main p {color:#CCC;}
#main ul {margin:0 0 10px 15px;}
#main li {padding-left:15px;}
.clear {clear:both;display:block;}
.twocol {width:240px;padding-right:20px;float:left;}
#footer {position:relative;width:590px;height:100px;clear:both;padding:10px 0 0 190px;}
#logo {position:absolute;left:0;top:-30px;width:175px;height:106px;}

h1 {font-size:2.2em;line-height:1.3;margin-bottom:10px;font-family:"Serifa Bold";}

/*---------------------------
page-specific colours
---------------------------*/

#logo {background:url(../images/aj-logo.gif) -40px 0 no-repeat;}
#about #logo {background:url(../images/aj-logo.gif) -40px 0 no-repeat;}
#design #logo {background:url(../images/aj-logo-design.gif) -40px 0 no-repeat;}
#repro #logo {background:url(../images/aj-logo-repro.gif) -40px 0 no-repeat;}
#print #logo {background:url(../images/aj-logo-print.gif) -40px 0 no-repeat;}
#web #logo {background:url(../images/aj-logo-web.gif) -40px 0 no-repeat;}
#portfolio #logo {background:url(../images/aj-logo-portfolio.gif) -40px 0 no-repeat;}
#testimonials #logo {background:url(../images/aj-logo-portfolio.gif) -40px 0 no-repeat;}
#contact #logo {background:url(../images/aj-logo-design.gif) -40px 0 no-repeat;}

body#about {background-position:30% 50%;}
body#design {background-position:0% 40%;}
body#repro {background-position:60% 60%;}
body#print {background-position:100% 50%;}
body#web {background-position:50% 50%;}
body#portfolio {background-position:10% 80%;}
body#testimonials {background-position:70% 70%;}
body#contact {background-position:150% 90%;}

#about h1 {color:#FF6600;}
#design h1 {color:#EC008C;}
#repro h1 {color:#C2CD23;}
#print h1 {color:#00AEEF;}
#web h1 {color:#FFD200;}
#portfolio h1 {color:#9900CC;}
#testimonials h1 {color:#9900CC;}
#contact h1 {color:#EC008C;}

#about a {color:#FF6600;}
#design a {color:#EC008C;}
#repro a {color:#C2CD23;}
#print a {color:#00AEEF;}
#web a {color:#FFD200;}
#portfolio a {color:#9900CC;}
#testimonials a {color:#9900CC;}
#contact a {color:#EC008C;}


/*---------------------------
navigation
---------------------------*/

#nav {width:185px;float:left;height:250px;padding-bottom:150px;position:relative;}
#nav ul, #nav li {list-style-type:none;display:block;}
#nav a {display:block;color:#FFF;}
#nav a:hover {color:#F0F0F0;}
#about a.about {font-weight:bold;color:#FF6600;}
#design a.design {font-weight:bold;color:#EC008C;}
#repro a.repro {font-weight:bold;color:#C2CD23;}
#print a.print {font-weight:bold;color:#00AEEF;}
#web a.web {font-weight:bold;color:#FFD200;}
#portfolio a.portfolio {font-weight:bold;color:#9900CC;}
#testimonials a.testimonials {font-weight:bold;color:#9900CC;}
#contact a.contact {font-weight:bold;color:#EC008C;}

.examples {position:absolute;bottom:20px;left:-90px;z-index:20;}
.enquiry {}

/*---------------------------
sifr
---------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
visibility: hidden;
font-size:2.1em;line-height:1.3;color:#FF6600;font-family:"Serifa Bold",Georgia, "Times New Roman", Times, serif;padding:12px 0 18px 0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*---------------------------
enquiry form
---------------------------*/

form.enq {color:#FFF;overflow:auto;}
form h1 {margin-left:0;padding:0;text-align:left;}
form p {border-bottom:#666 solid 1px;padding-bottom:4px;clear:both;}
form h2 {font-size:160%;}
form.enq .leftcol {width:555px;}
form.enq .rightcol {width:390px;}
form.enq label {width:180px;display:block;float:left;}
form.enq .checks {width:auto;border:none;background:none;}
form.enq input, form.enq textarea {padding:3px;width:300px;margin-left:5px;font-family:Arial, Helvetica, sans-serif;background:#FFF;border:#999 solid 3px;!important}
form.enq .formcols {float:left;font-size:90%;}
form.enq .send {font-size:120%;background:#FBB016 url(../images/send_btn_bg.jpg) center right no-repeat;color:#000;padding:8px 6px;cursor:pointer;width:190px;border:#666 solid 1px;;text-align:left;!important}
.hide, .hidden {position:absolute;left:-3000px;}

#contact a.largebtn {font-size:120%;background:#FBB016 url(../images/send_btn_bg.jpg) center right no-repeat;color:#000;padding:8px 30px 8px 12px;cursor:pointer;width:130px;border:#666 solid 1px;!important}