/* hellenfullercounselling.com.au ----------------------------------------------- */

/* general CSS  ----------------------------------------------- */

body { background: #823078; color: #000; font-size: 14px; font-weight: normal; text-align: center; }

@font-face { font-family: Swis721LtCnBTLight; src: url('/library/fonts/swisscl-webfont.eot');
src: local('?'),
url('/library/fonts/swisscl-webfont.woff') format('woff'), 
url('/library/fonts/swisscl-webfont.ttf') format('truetype'), 
url('/library/fonts/swisscl-webfont.svg') format('svg');
font-weight: normal; font-style: normal; font-variant: normal; }

h2, .heading h2, h3, .ct3 h3, h4 { font-family: Swis721LtCnBTLight, Arial, Helvetica, sans-serif; line-height: 1.2em;  }
* { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

a, li { position: relative; }
p { padding: 0px 20px 10px 20px; line-height: 1.5em; }
p.first { padding-top: 0px; }
p.more { margin-top: -10px; }

img { border: none; } 


/* structure ----------------------------------------------- */

#container, #header, #ctBox, #footer { width: 900px !important; }

#container, #header, #nav, .ctL, .ctR, .ct2colL, .ct2colR, .ct1, .ct1L, .ct2, .ct3, .ct3L, .ct3M, .ct3R { background: transparent; }
#ctBox { background: #d4c3ee; }

#container { margin: 0px auto 5px auto; text-align: left; display: block; position: relative; clear: both; z-index: 0; } 

#header { height: 250px; position: relative; background: transparent url(/images/mix/header.jpg) top left no-repeat; display: block; clear: both; z-index: 2; }

#logo { width: 259px; height: 89px; position: absolute; bottom: 4px; right: 13px; display: block; z-index: 3; }
#logo h1 { width: 259px; height: 89px; background: transparent url(/images/mix/helen_logo2.png) top left no-repeat; }
#logo h1 span { display: none; }

#nav { width: 650px; height: auto; position: absolute; bottom: 0px; left: 20px; border-bottom: none; display: block; clear: both; z-index: 2; }

#ctBox { margin: 0 auto; text-align: left; border: 3px solid #571b60; -moz-border-radius: 7px; border-radius: 7px; position: relative; z-index: 1; } 

.ct1 { margin: 0 auto; text-align: left; clear: both; } 
.ct1L { float: left; width: 94%; margin: 0 0 0 20px; }

.ct2 { height: auto !important; display: block; position: relative; text-align: left; 
margin: 0 auto; padding: 0; border: none; z-index: 2; clear: both; }

.ctL, .ctR { height: auto !important; display: inline; border: none; position: relative; z-index: 2; }
.ctL { width: 600px; text-align: left; float: left; margin: 0; }
.ctR { width: 266px; text-align: left; float: right; margin: 20px 20px 3px 0px;}

.ct2col { margin: 10px auto 0 auto; text-align: left; z-index: 3; } 
.ct2colL, .ct2colR { width: 43%; float: left; }
.ct2colL { margin: 0 20px 0 20px; }
.ct2colR { margin: 0 0 5px 0; }

.ct3 { margin: 0 auto; text-align: left; clear: both; } 
.ct3L, .ct3M, .ct3R { float: left; width: 30%; }
.ct3L { margin: 0 0 10px 20px; }
.ct3M { margin: 0 20px 0 20px; }
.ct3R { margin: 0; }

#footer { height: 30px; position: relative; background: transparent; display: block; text-align: right; clear: both; z-index: 1; }
#footer p { padding: 2px 8px 0 0; }

#assoc-logos { display: block; height: auto; position: relative; margin: 5px 0 15px 20px; }
body#tab1 #assoc-logos { margin-left: 0; }
#assoc-logos img { margin-right: 20px; vertical-align: middle; }
#assoc-logos img.ACA { }
#assoc-logos img.VRT { }


/* menu navigation ----------------------------------------------- */
/* tab styling */
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav > ul a { width: auto; }
#nav li { float: left; display: inline; background: url("/images/nav/tabR.gif") no-repeat right top; margin: 0 2px 0 6px; }
#nav a { float: left; display: block; position: relative; left: -6px; margin: 0 -6px 0 0; background: url("/images/nav/tabL.gif") no-repeat left top; padding: 6px 7px 5px 7px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav a { float: none; } /* End IE5-Mac hack */
/* text formatting */
#nav a { text-decoration: none; font-weight: bold; color: #FFF; text-align: center; font-size: 13px; }
/* settings for selected tab */
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, 
body#tab5 li.tab5, body#tab6 li.tab6 { background-position: 100% -42px; }
/* settings for selected tab link */
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, 
body#tab5 li.tab5 a, body#tab6 li.tab6 a { background-position: 0 -42px; color: #FFF; }
/* hover settings for selected tab link */
#nav li:hover, #nav li:hover a { background-position: 100% -42px; color: #FFF; }
#nav li:hover a { background-position: 0 -42px; }
/* for IE6 */ #nav a:hover { color: #765b9b; }


/* headings and text ----------------------------------------------- */

h1, h2, h3, h4 { font-weight: bold; text-align: left; line-height: 1.5em; letter-spacing: 0; z-index: 4; }

h1, h2 { font-size: 24px; }
h2 { font-size: 20px; }
h3, h4 { font-size: 20px; }

h2, .heading h2, h3, .ct3 h3, h4 { font-weight: bold; }

h2 { padding: 13px 0 6px 20px; margin: 0; }
body#tab1 .ctR h2 { padding-top: 0; }
.heading h2 { margin: 0 0 0 34px; padding: 3px 0 0 0; }
h3 { margin: 0 0 0 0px; padding: 0; }
h4 { margin: 0 0 0 20px; padding: 0; }

.t1 { color: #000; }
a.t1:link, a.t1:visited, a.t1:active { color: #571b60; text-decoration: underline; }
a.t1:hover  { color: #823078; text-decoration: underline; }

.t2 { color: #571b60; font-size: 10px; }
a.t2:link, a.t2:visited, a.t2:active { color: #571b60; text-decoration: underline; }
a.t2:hover  { color: #765b9b; text-decoration: none; }

.t3 { color: #FFF; font-size: 16px; }


/* common ----------------------------------------------- */

.heading { margin: 0 0 10px 20px; height: 37px; width: 860px; background: #765b9b url(/images/mix/birdH.png) left center no-repeat; z-index: 2; }

#photoframe, #quote, #quote2, #quote3, #bird { margin: 0 0 14px 0; } 
#photoframe, #quote, #quote2, #quote3, #bird { border: 2px solid #571b60; } 
#quote, #quote2, #quote3, #bird { background: #765b9b; } 

#photoframe { width: 260px; height: 248px; position: relative; display: block; background: #FFF; z-index: 2; }
#photo { width: 246px; height: 234px; position: absolute; top: 7px; left: 7px; background: transparent url(/images/mix/helenPh2c.jpg) center center no-repeat; display: block; clear: both; z-index: 2; }

#quote { width: 92%; margin: 2px auto 12px auto; text-align: center; position: relative; z-index: 2; clear: both; } 
#quote p { padding: 18px 42px; color: #FFF; line-height: 1.3em; font-style: italic; text-align: left; z-index: 3; }
#quote2, #quote3  { width: 260px; display: block; position: relative; clear: both; } 
#quote2 p, #quote3 p { padding: 18px 42px; color: #FFF; line-height: 1.3em; font-style: italic; text-align: left; z-index: 3; }
.quoteL, .quoteR { width: 30px; height: 22px; position: absolute; display: block; z-index: 2; } 
.quoteL { top: 7px; left: 7px; background: transparent url(/images/mix/quoteLp.png) center center no-repeat; } 
.quoteR { bottom: 7px; right: 7px; background: transparent url(/images/mix/quoteRp.png) center center no-repeat; }

#bird { width: 260px; display: block; position: relative; clear: both; } 
#birdBG { width: 250px; height: auto; top: 5px; left: 5px; background: transparent url(/images/mix/bird.png) top right no-repeat; display: block; position: relative; overflow: hidden; } 
#birdBG p { padding: 12px 25px 25px 25px; font-size: 16px; font-weight: bold; line-height: 1.4em; background: transparent; text-align: left; z-index: 3; }

h2 span.floater { float: right; margin-left: 20px; text-align: right; }


/* lists ----------------------------------------------- */
/* bullet formatting */
.list { margin: 2px 0 3px 0; padding: 0px 20px 5px 0px; }
.ct3 .list { margin: 5px 0 2px 0; padding: 0px 2px 5px 0px; }
.ctL .list { margin: 2px 0 3px 0; padding: 0px 20px 5px 20px; }
.ctL .list2 { margin: 2px 0 3px 0; padding: 0px 20px 5px 0px; }
/* 1st level*/
.list ul, .list2 ul { margin: 0px 0 0px 0; padding: 0; position: relative; }
.list li, .list2 li { list-style-type: circle; list-style-position: outside; margin-left: 15px; padding: 0 0 2px 0; }
/* 2nd level*/
.list ul li ul, .list2 ul li ul { margin: 3px 0 0px 0; padding: 0; } 
.list li ul li, .list2 li ul li { margin-left: 10px; padding: 0 0 2px 4px; list-style-type: disc; list-style-position: outside; background: none; }
/* text formatting */
.list, .list2 { color: #000; text-decoration: none; text-align: left; line-height: 1.5em; position: relative;}
/* 1st level*/
.list li, .list2 li { color: #000; font-size: 14px; }
.list li a, .list2 li a { color: #571b60; text-decoration: underline; }
.list li a:hover, .list2 li a:hover { color: #823078; text-decoration: underline; }
/* 2nd level*/
.list li ul li, .list2 li ul li { color: #000; font-size: 12px; }
.list li ul li a, .list2 li ul li a { color: #000; text-decoration: underline; }
.list li ul li a:hover, .list2 li ul li a:hover { color: #823078; text-decoration: underline; }


/* email form ----------------------------------------------- */

#eform { width: 300px; height: auto; text-align: left; position: relative; display: block; margin: 0 20px; padding: 10px; }

.fEmail fieldset, .fEmail legend { border: 2px solid #571b60; }
.fEmail fieldset { display: block; margin: 0; padding: 1px 10px 10px 10px; position: relative; }
.fEmail legend { position: relative; padding: 4px; margin: 0px 0 10px 0; white-space: pre; background: transparent; font-weight: bold; }
.fEmail input, .fEmail textarea { width: 250px; }
.fEmail input#realname, .fEmail input#phone, .fEmail input#email, .fEmail textarea { border: 1px solid #765b9b; }
.fEmail input#realname, .fEmail input#phone, .fEmail input#email, input#bananas, .fEmail textarea {  padding-left: 2px; }
.fEmail input#bananas { width: 40px; }
.fEmail input#send, .fEmail input#clear { width: auto; }
.fEmail textarea { height: 120px; overflow: auto; }
.fEmailRow { padding: 0 0 12px 0; clear: both; }
.fEmailRowL { padding: 6px 0 0 0; clear: both; }


/* all sorts ----------------------------------------------- */

#sitemap { padding: 0px 20px; }

.clear { clear: both; margin: 0; padding: 0; height: 0; font-size: 1px; line-height: 0px; visibility: hidden; content: "."; }

#kw { display: none; }