/* CSS reset [By Eric Meyer] + some customs*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ul { list-style:none; }

/* ----- BASIC PAGE SETUP & STYLES ------------- */
html{height:100%;}
body {
	font-family:Arial,Geneva,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	width:100%;
	height:100%;
	min-height: 101%;
} 

p { 
margin-bottom:22px;
line-height:20px;
}

a:link, a:visited, a:active{
color:#993333;
text-decoration:none;
}

a:hover{
color:#993333;
text-decoration:underline;
}

h1{
margin-bottom:17px;
color:#993333;
font-size:25px;
}

strong{font-weight:bold;}

h2{color:#993333;font-size:17px;}

h3{color:#993333;font-size:15px;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:"Bookman Old Style","Times New Roman",Arial,Geneva,sans-serif;}

#container{
margin:0 auto;
width:812px;
}

#content {
background:url(../images/grey-repeater.gif) repeat-y;
float:left;
min-height:100%;
}

.home #content {background:none;}

#left, #right { float:left; padding-bottom:36px;}

hr{
height:1px; 
background-color:#ece9e1; 
color:#ece9e1;
margin-bottom:20px;
}

div.clearDiv{clear:both;}


/* ------------ SITE HEADER ------------------ */

#headerContainer{
background:url(../images/header_gradient.gif) top repeat-x;
}

#headerContainer #header{
width:812px;
margin:0 auto;
background:url(../images/header_subtitle.jpg) no-repeat bottom right;
}

#headerContainer #mainNavContainer{
height:29px;
background:url(../images/navRed.gif) repeat-x;
}
#mainNavContainer ul li a {
	overflow: hidden;
	text-indent: 99999px;
	font-size: 0px;
}

#headerContainer #underHeaderGradient{
height:7px;
background:url(../images/underHeaderGradient.gif) repeat-x;
}


/*----------- THE NAV ---------- */

ul#mainNav{
background:url(../images/mainNav.jpg) no-repeat;
width:812px;
height:29px;
margin:0 auto;
position:relative;
}

#mainNav li {
position:absolute;
top:0px;
}

#mainNav li, #mainNav a{
display:block;
height:29px;
}

#headerContainer ul#mainNav li{
position:absolute;
top:0px;
}

	/*
	remember to also replace 
	http://www.wattsmccray.com.au/images/mainNav.jpg
	with http://www.wattsmccray.com.au/blog/wp-content/themes/dailyedition/images/mainNav.jpg
	*/

#mainNav #home {left:0;width:106px;}
#mainNav #aboutUs {left:106px;width:110px;}
#mainNav #clientServices {left:216px;width:160px;}
#mainNav #faqs {left:376px;width:98px;}
#mainNav #news {left:474px;width:76px;}
#mainNav #blog {left:550px;width:76px;}

#mainNav #contactUs {left:626px;width:148px;}
#mainNav #home a:hover {background:url("../images/mainNav.jpg") no-repeat scroll 0 -58px transparent;}
#mainNav #aboutUs a:hover {background:url("../images/mainNav.jpg") no-repeat scroll -106px -58px transparent;}
#mainNav #clientServices a:hover {background:url("../images/mainNav.jpg") no-repeat scroll -216px -58px transparent;}
#mainNav #faqs a:hover {background:url("../images/mainNav.jpg") no-repeat scroll -376px -58px transparent;}
#mainNav #news a:hover {background:url("../images/mainNav.jpg") no-repeat scroll -474px -58px transparent;}
#mainNav #blog a:hover {background:url("../images/mainNav.jpg") no-repeat scroll -550px -58px transparent;}
#mainNav #contactUs a:hover {background:url("../images/mainNav.jpg") no-repeat scroll -626px -58px transparent;}

#mainNav #home a.active {background:url("../images/mainNav.jpg") no-repeat scroll 0 -29px transparent;}
#mainNav #aboutUs a.active {background:url("../images/mainNav.jpg") no-repeat scroll -106px -29px transparent;}
#mainNav #clientServices a.active {background:url("../images/mainNav.jpg") no-repeat scroll -216px -29px transparent;}
#mainNav #faqs a.active {background:url("../images/mainNav.jpg") no-repeat scroll -376px -29px transparent;}
#mainNav #news a.active {background:url("../images/mainNav.jpg") no-repeat scroll -474px -29px transparent;}
#mainNav #blog a.active {background:url("../images/mainNav.jpg") no-repeat scroll -550px -29px transparent;}
#mainNav #contactUs a.active {background:url("../images/mainNav.jpg") no-repeat scroll -626px -29px transparent;}

/* ----------- SUB NAV ------------------------ */
ul#subNav{
float:left;
width:189px;
background-color:#f5f4f1;
display:block;
margin-bottom:36px;
height:100%;
}

ul#subNav ul{
margin-bottom:0px;
}

#subNav li a{
text-decoration:none;
font-wieght:bold;
background-color:#dedbd1;
color:#fefefe;
display:block;
padding-left:11px;
padding:4px;
margin-bottom:1px;
}

#subNav li a.hasChildren{background:url(../images/subNav-arrow.jpg) left no-repeat #dedbd1;;}

#subNav li a.section{
font-weight:bold;
background:url(../images/subMenu-hover.jpg);
}

#subNav li a.level2{
padding-left:13px;
color:#000000;
}

#subNav li a.level2.selected.hasChildren{background:url(../images/subNav-selected-arrow.jpg) left no-repeat #c7c5bc; font-weight:bold;}
#subNav li a.level2.selected.hasChildren:hover{background:url(../images/subNav-selected-arrow.jpg) left no-repeat #c7c5bc;}

#subNav li a.level2.selected{background:#c7c5bc; font-weight:bold; background-image:none;}
#subNav li a.level2.selected:hover{background:#c7c5bc; font-weight:bold; background-image:none;}

#subNav li a.level2:hover, #subNav li a.level3:hover{
background:url(../images/subNav-arrow.jpg) left no-repeat #dedbd1;
}

#subNav li a.level3{ 
color:#000000;
padding-left:23px;
}

#subNav li a.level3.selected{font-weight:bold;}

#subNav li.level3{
background-color:#c7c5bc;
padding-left:4px;
}

div#subNavContainer{
float:left;
height:1px;
display:table;
}




/* ------------ SITE FOOTER------------------ */

#footerContainer{
clear:both;
margin:50px auto 12px;
border-top:3px solid #990033;
}

#footer{
padding-left:146px;
width:812px;
margin:12px auto 60px;
}

#footer span, #footer a{
font-size:10px;
color:#9d9c9b;
letter-spacing:3px;
display:block;
float:left;
border-left:1px solid #9d9c9b;
padding:0 6px;
}

#footer a#first{
border-left:none;
}

/*  --------TEMPLATE A ---------------*/

.template-a #splashImage, .template-b #splashImage{
width:812px;
height:68px;
padding-bottom:7px;
background:url(../images/about_us_splash.jpg) #fff no-repeat top;
}

.template-a #dropShadow, .template-b #dropShadow{
width:623px;
float:right;
height:7px;
background:url(../images/divider_gradient.gif) repeat-x;
} 


#homeFlash{
display:block;
height:149px;
padding-bottom:7px;
margin-left:-16px;
width:829px;
}

.template-a span#breadCrumbs, .template-b span#breadCrumbs{
font-size:11px;
height:24px;
padding-top:9px;
display:block;
}

.text-image{
float:right;
margin:0 0 6px 6px;
}

/* -------- TEMPLATE B ------------ */
.template-b #right{
float:left;
width:605px;
margin-left:18px;
}

object#flash_movie{margin-top:35px; display:block;}





#right ul{
list-style-image:url(../images/list-square.gif);
margin-bottom:22px;
margin-left:34px;
}

#right li{
margin-bottom:11px;
}

ul.list{
list-style-image:url(../images/list-square.gif);
margin-bottom:22px;
margin-left:34px;
}

ul.list#li-spaces li{
margin-bottom:11px;
}

p.bold-italic{
font-weight:bold;
font-style:italic;
margin-bottom:5px;
}

/*--------------- NEWS ----------------- */
.newsItem{
margin-top:5px;
display:block;
}

span.author{
color:#666666;
font-size:11px;
}

h2.dateHeading{
border-bottom:1px solid #CCCCCC;
margin-top:20px;
}

.indent{margin-left:25px;}

h2.subtitle, h3.subtitle{margin:9px 0;}


/* -------------- OUR PEOPLE --------------------- */
#peopleListingContainer{
width:648px;
margin-top:15px;
}

div.person{
width:324px;
display:block;
float:left;
margin-bottom:20px;
}

a.personThumb{
border:1px solid #B5B5B3;
float:left;
height:78px;
margin-right:9px;
padding:2px 2px 0;
}


a.personThumb:hover{
border-color:#C43C46;
}

.person span{
width:219px;
display:block;
float:left;
font-size:11px;
}

.person .name{
margin-top:6px;
color:#363636;
font-weight:bold;
font-size:12px;
}

.person .title{
margin-bottom:7px;
}

/*---- profiles ------ */
dl#details{margin-top:15px; float:left; width:428px;}

dl#details dd, dt{margin-top:5px; display:block; float:left;}
dl#details dd{width:318px;}

dl#details dt{width:100px; clear:both;}

div#profileInfo{ padding-top:15px; clear:left; }

img.profilePic{float:right; margin:0 0 10px 10px;}


/*---- profiles II ------ */
#details{margin-top:15px; float:left; width:428px;}

#details div{margin-top:5px; display:block; float:left;}
#details .definition{width:318px;}

#details .definition br{clear: both; line-height: 0; 
display: block;}

#details .term{width:100px; clear:both;}

div#profileInfo{ padding-top:15px; clear:left; }

img.profilePic{float:right; margin:0 0 10px 10px;}









/* ---------- HOME  ------------ */

.home #dropShadow{
width:812px;
height:7px;
background:url(../images/divider_gradient.gif) repeat-x;
}

.home #splashImage{
background:url(../images/homePageSplash.jpg) center top no-repeat;
width:812px;
height:155px;
}

.home #left{
padding-right:63px;
margin-top:11px;
padding-left:10px;
width:473px;
}

.home ul#services{
margin:-18px 0 13px 28px;
list-style-image:url(../images/list-square.gif);
}

.home ul#services li{
margin-bottom:5px;
}

.home #right{
width:266px;
font-size:11px;
}

.home #right p{
line-height:12px;
margin:0 0 0 10px;
}

.home #right #contactUs{
background:url(../images/contact_us.jpg) top no-repeat;
margin-top:46px;
padding-top:31px;
height:196px;
padding-left:10px;
}
.home #right #contactUs p#space{ margin-bottom:6px;}

.home #right #contactUs .location{
display:block;
padding-left:10px;
background:url(../images/list-square.gif) center left no-repeat; 
font-size:10px;
text-transform:uppercase;
margin:5px 0;
}

.home #right #contactUs .dottedLine{
display:block;
background:url(../images/dottedLine.gif);
height:1px;
margin:5px 0;
}

.home #right #latestNews{
background:url(../images/latest_news.jpg) top no-repeat;
margin-top:15px;
padding-top:30px;
padding-left:10px;
}

.home #right #latestNews p{ margin:0;}

.home #right #latestNews .newsItem{
margin-bottom:5px;
}


.home #right #latestNews .date {
font-weight:bold;
color:#993333;
}



/* ------------ CONTACT US -------------------- */

#formCaption {clear:both; padding-top:30px;}

#contactText {padding-bottom:33px; font-size:11px;}

#contactText .office{
/*padding-top:46px;*/
padding-left:12px;
width:184px;
display:block;
float:left;
margin-right:8px;
}

#contactText .office div{
border-bottom:1px dotted #cccccc; 
padding-bottom:8px; 
margin-top:11px;
text-align:left; 
}

#contactText .office#sydney{background:url(../images/sydOffice.jpg) top no-repeat;}
#contactText .office#canberra{background:url(../images/canOffice.jpg) top no-repeat; margin-right:0px;}
#contactText .office#parramatta{background:url(../images/parraOffice.jpg) top no-repeat;}

#contactText .office .parking{border-bottom:none;}

/* ---- PRIVACY POLICY ----- */

#privacy-policy .indent1{margin-left:25px;}

#privacy-policy .indent2{margin-left:50px;}

#privacy-policy h2{margin:25px 0 8px 0;}

#privacy-policy span.number{color:#993333;}


/* ---------- SITEMAP ---------------- */
#sitemap{margin-left:25px;}
#sitemap li{font-weight:bold;}
#sitemap ul li{font-weight:normal;}

#sitemap a{text-decoration:underline;}

#sitemap ul{margin-left:25px;}

#sitemap li{margin:7px 0;}

ul#sitemap, #sitemap ul {list-style-image:url(../images/list-square.gif);}



/* -------------- FORM FORMATTING ------------------------- */
form#contact{
margin-top:15px;
width:387px;
}

form#contact label{
clear:left;
display:block;
width:116px;
float:left;
}

form#contact input, textarea, select {
border:1px solid #dad6cd;
display:block; 
margin-bottom:7px;
}

form#contact input{
padding:3px;
}

input#submit{
clear:both;
margin-left:339px;
}





