/* suzannekent.com.au ----------------------------------------------- */

.bdy { background: #F7F7F7; color: #3a576e; font-size: 14px; text-align: center; font-weight: normal; }
* { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }


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

#container { width: 780px; margin: 0 auto; background: #FFF; border: none; text-align: left; } 

#ct, #logo, #navbox, #kw { display: block; position: relative; padding: 0; margin: 0 auto; clear: both; z-index: 1; }
#logo, #navbox { height: 50px; overflow: hidden; }
#ct { height: 460px; text-align: left; background: #FFF; border-left: 1px solid #999; border-right: 1px solid #999; }
#logo { background: #E0E0E0; border: 1px solid #999; letter-spacing: .2em; }
#navbox { background: #FFF; border-left: 1px solid #999; border-right: 1px solid #999; }
#kw { margin-top: 100px; text-align: left; border: 1px solid #999; }


/* boxes for content ----------------------------------------------- */

.imgbox, .ctbox, .hmbox, #nojs
{ left: 50%; position: absolute; background: #FFF; border: none; }

.imgbox, #nojs { width: 720px; margin-left: -360px; }

.imgbox { height: 422px; top: 30px; display: block; z-index: 2; overflow: hidden; }

.photobox, iframe.frame { display: block; border: none; background: #FFF; }
.photobox { width: 100%; height: 422px; position: relative; margin: 0 auto; text-align: center; z-index: 3; }
iframe.frame { width: 100%; height: 100%; margin: 0 auto; text-align: center; }

#nojs { top: 7px; color: #F00; text-align: center; position: absolute; display: block; z-index: 2; }

.ctbox, .hmbox { width: 640px; height: 340px; top: 40px; margin-left: -320px; display: block; z-index: 11; }
.ctbox { overflow: auto; }
.hmbox { overflow: hidden; text-align: center; border: 1px solid #999; }

.cnrTL, .cnrTR, .cnrBL, .cnrBR { width: 30px; height: 30px; display: block; position: absolute; background: #FFF; z-index: 3; }
.cnrTL, .cnrTR { top: 0px; border-top: 2px solid #E0E0E0; }
.cnrTR, .cnrBR { right: 0px; border-right: 2px solid #E0E0E0; }
.cnrTL, .cnrBL { left: 0px; border-left: 2px solid #E0E0E0; }
.cnrBL, .cnrBR { bottom: 0px; border-bottom: 2px solid #E0E0E0; }


/* nav ----------------------------------------------- */

#nav { width: 760px; margin-left: -380px; left: 50%; bottom: 10px; position: absolute; text-align: center; letter-spacing: .15em; z-index: 5; }
#navHm #nav { bottom: 14px; }
#nav ul { margin: 0; padding: 0; }
#nav li, #nav li.left, #nav li.right { display: inline; list-style-type: none; list-style-position: outside; margin: 0; }
#nav li { padding: 0 4px; }
#nav li.left { padding: 0 4px 0 0; }
#nav li.right { padding: 0 0 0 4px; }

.nav1, a.nav1:link, a.nav1:visited, a.nav1:active, 
.nav2, a.nav2:link, a.nav2:visited, a.nav2:active, 
.nav3, a.nav3:link, a.nav3:visited, a.nav3:active, 
.nav4, a.nav4:link, a.nav4:visited, a.nav4:active, 
.nav5, a.nav5:link, a.nav5:visited, a.nav5:active, 
.nav6, a.nav6:link, a.nav6:visited, a.nav6:active,
.nav7, a.nav7:link, a.nav7:visited, a.nav7:active,
.nav8, a.nav8:link, a.nav8:visited, a.nav8:active,
.nav9, a.nav9:link, a.nav9:visited, a.nav9:active
{ color: #3a576e; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover, a.nav7:hover, a.nav8:hover, a.nav9:hover  
{ color: #65a552; text-decoration: none; }
#nav1 .nav1, #nav2 .nav2, #nav3 .nav3, #nav4 .nav4, #nav5 .nav5, #nav6 .nav6, #nav7 .nav7, #nav8 .nav8, #nav9 .nav9
{ color: #65a552; font-size: 26px; text-decoration: none; text-transform: lowercase; padding: 0; }


/* logo box icons ----------------------------------------------- */

.icons { height: 26px; width: 176px; display: block; position: absolute; right: 2px; top: 12px; z-index: 2; }
.icons ul { margin: 0; padding: 0; }
.icons li, .icons.first { display: inline; float: left; list-style: none; width: 26px;}
.icons li { padding: 0 0 0 20px; }
.icons li.first { padding: 0; }

a.iconH, a.iconI, a.iconC, a.iconE 
{ display: block; height: 26px; width: 26px; text-decoration: none; position: relative; margin: 0 auto; }
a.iconH { background: url("/images/mix/h.gif") 0 0 no-repeat; }
a.iconI { background: url("/images/mix/i.gif") 0 0 no-repeat; }
a.iconC { background: url("/images/mix/c.gif") 0 0 no-repeat; }
a.iconE { background: url("/images/mix/e.gif") 0 0 no-repeat; }
a:hover.iconH, a:hover.iconI, a:hover.iconC, a:hover.iconE { background-position: 0 -26px; }

#icon1 .iconH, #icon2 .iconI, #icon3 .iconC, #icon4 .iconE { background-position: 0 -26px; }


/* text ----------------------------------------------- */

.ctbox h1 { color: #3a576e; font-size: 30px; font-weight: bold; padding: 0px 0px 0.8em 0px; }
.ctbox h2 { color: #3a576e; font-size: 25px; font-weight: bold; padding: 0px 0px 0.9em 0px; }
.ctbox p { color: #3a576e; font-size: 22px; padding: 0 0 1.0em 0; }

#kw h1 { font-size: 16px; font-weight: bold; padding: 0.2em 10px; }
#kw p { padding: 0px 10px 0.3em 10px; color: #3a576e; }

.hd, a.hd:link, a.hd:visited, a.hd:active { color: #3a576e; font-size: 40px; text-decoration: none; padding: 0 0 0 8px; }
a.hd:hover { color: #65a552; text-decoration: none; }

.t1 { color: #3a576e; text-decoration: none; }
a.t1:link, a.t1:visited, a.t1:active { color: #3a576e; text-decoration: underline; }
a.t1:hover  { color: #65a552; text-decoration: underline; }

.t2 { color: #3a576e; font-weight: bold; text-decoration: none; }
a.t2:link, a.t2:visited, a.t2:active { color: #3a576e; text-decoration: none; }
a.t2:hover  { color: #65a552; text-decoration: none; }

.njs { color: #F00; text-align: center; text-decoration: none; }
a.njs:link, a.njs:visited, a.njs:active { color: #F00; text-decoration: underline; }
a.njs:hover  { color: #3a576e; text-decoration: underline; }


/* content ----------------------------------------------- */

.wrapleft { float: left; text-align: left; }

.th { border: none; }
a.th img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
a.th:hover img { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.pic, .pic50, .pic39, .pic42, .pic18 { border: 1px solid #999; }
.pic50 { height: 50px; width: 50px; }
.pic18 { height: 18px; width: 18px; }

#eform { display: none; position: absolute; top: 6px; right: 30px; z-index: 13; width: 230px; height: auto; }

.fEmail fieldset { display: block; text-align: left; border: 1px solid #999; width: 100%; padding: 0 0 0 10px; margin: 0; }
.fEmail legend { color: #3a576e; font-size: 22px; position: relative; padding: 0 4px 0 4px; margin: 0 0 6px 0; background: #F7F7F7; white-space: pre; border: 1px solid #999; }
.fEmail input, .fEmail textarea { width: 180px; padding-left: 2px; }
.fEmail textarea { height: 80px; overflow: auto; }
.fEmail input#oranges { width: 10px; }
.fEmail input#send, .fEmail input#clear { width: auto; }
.fEmailRow { padding: 0 0 10px 0; clear: both; }
.fEmailRowOJ { padding: 0; position: absolute; border: none; top: 127px; left: 200px; width: 50px; display: none; visibility: hidden; z-index: 0; clear: both; }
.fEmailRowL { padding: 6px 0 6px 0; clear: both; }


/* scrollbars ----------------------------------------------- */

/*  scrollgeneric ~ do not modify css*/ 
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }

/* common */
.vscrollerbar, .hscrollerbar { padding: 13px; z-index: 2; }
.vscrollerbase, .vscrollerbasebeg, .vscrollerbaseend,  .hscrollerbasebeg, .hscrollerbaseend { width: 11px !important; }
.hscrollerbase, .vscrollerbasebeg, .vscrollerbaseend, .hscrollerbasebeg, .hscrollerbaseend { height: 11px !important; }
.vscrollerbase, .hscrollerbase { background: #FFF; }
.vscrollerbar, .hscrollerbar  { background: #E0E0E0; }

/* vertical scrollbars */
.vscrollerbasebeg { background: url(/images/scroll/scrollArrowU.gif) 0 0 no-repeat; }
.vscrollerbaseend { background: url(/images/scroll/scrollArrowD.gif) 0 0 no-repeat; }
.vscrollerbar { width: 11px !important; height: 22px !important; }

/* horizontal scrollbars */
.hscrollerbasebeg { background: url(/images/scroll/scrollArrowL.gif) 0 0 no-repeat; }
.hscrollerbaseend { background: url(/images/scroll/scrollArrowR.gif) 0 0 no-repeat; }
.hscrollerbar { height: 11px !important; width: 22px !important; }

/* scrollerjogbox */
.scrollerjogbox { top: auto; left: auto; bottom: 0px; right: 0px; width: 11px !important; height: 11px !important; background: url(/images/scroll/scrollJog2.gif) 0 0 repeat; }


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

#imgPreload { height: 0; width: 0; overflow: hidden; visibility: hidden; display:none !important; z-index: 0; }

#Print { position: relative; text-align: left; display: none; height: 0; width: 0; z-index: 1; overflow: hidden; }

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