/* 
   File Name:    custom.css
   Copyright:    National Benefits Consulting (NZ) Limited
                 http://www.nationalbenefits.co.nz/
*/

/* Basics */

* {margin:0; padding:0;} /* Default margin and padding */

body {background:#fff url(../images/bg.gif) repeat-x; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Geneva,sans-serif; font-size:11px; color:#5e5e5e;}

h1, h2, h3, h4, h5, h6 {padding:10px 0 6px 0; font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; font-weight:normal; color:#3366cc;}
h1 {padding:6px 0 10px 0; font-size:16px;}
h2 {border-top:1px dotted #ccc; font-size:13px;}
h3 {font-size:12px;}
h4 {margin:0 0 6px 0; padding:3px 0 3px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-size:11px;}
h5 {font-size:10px;}
h6 {font-size:10px;}

p {line-height:150%; padding:0 0 12px 0;}

.large {font-size:14px; padding-top:8px; border-top:1px dotted #ccc;}
.small {font-size:10px;}
.italic {font-style:italic;}

ul {list-style:none;}
ol {list-style:decimal outside;}

strong {font-weight:bold;}

a {color:#3366cc; text-decoration:underline;}
a:hover {color:#66af00;}

a img {border:none;} /* Removes underline from image links */

/* Page Layout */

#wrapper {width:900px; margin:0 auto;	padding:0px 12px 4px 12px; text-align:center;}
#topbar {width:100%; height:30px;}
#container {width:100%; text-align:left;}
#basebar {clear:both; width:100%;}

/* Logobar */

#logobar {width:100%; height:66px;}
#firstbox {float:left; display:inline; width:130px;}
#secondbox {float:left; display:inline; width:570px;}
#lastbox {float:right; display:inline; width:200px; text-align:right;}

.submenu {padding:0; font-size:10px; line-height:100%; text-align:right;}

a.asubmenu {color:#5e5e5e; text-decoration:underline;}
a.asubmenu:hover {color:#66af00;}

#datebox {width:200px; padding:0 10px 0 0;}

.date {padding:27px 0 0 0; font-size:10px; line-height:100%; text-align:right;}

/* Main Menu */

#menubar {width:100%; height:23px; background:#c0c0c0;}
#menubox {float:left; height:21px; border-bottom:1px solid #e2e2e2; background:#e2e2e2;}

a.amenu {color:#fff; text-decoration:none;}
a.amenu:hover {color:#fff;}

#menu {clear:both; float:left; list-style:none; margin:0; padding:0; font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; font-size:10px; text-transform:uppercase; line-height:100%; color:#fff;}
#menu li {float:left; display:inline; height:20px; margin:0 1px 0 0; padding:0; background:#c0c0c0 url(../images/menubg.gif);}
#menu li a {float:left; height:15px; border:solid 1px #999; padding:4px 12px 0px 12px; text-decoration:none;}
#menu #menu1 a:hover, #menu #menu2 a:hover, #menu #menu3 a:hover, #menu #menu4 a:hover, #menu #menu5 a:hover, #menu #menu6 a:hover, #menu #menu7 a:hover, #menu #menu8 a:hover, #menu #menu9 a:hover {border:solid 1px #88bb44; background:#94c255 url(../images/menubg1.gif) repeat-x;}

/* Header and Header Images */

#headerbar {width:100%; height:50px; padding:0 0 0 220px; border:none;}
#headerbar h1 {padding:99px 22px 22px 22px; font-size:22px; letter-spacing:1px;}
#headerbox {float:left; width:200px; height:37px;}
#headershadow {width:100%; height:60px; background:#fff url(../images/shadow.gif) repeat-x;}

.header1 {background:url(../images/photo-home.gif) no-repeat;}
.header2 {background:url(../images/photo-insurance.gif) no-repeat;}
.header3 {background:url(../images/photo-superannuation.gif) no-repeat;}
.header4 {background:url(../images/photo-individuals.gif) no-repeat;}
.header5 {background:url(../images/photo-about.gif) no-repeat;}
.header6 {background:url(../images/photo-contact.gif) no-repeat;}
.header7 {background:url(../images/photo-links.gif) no-repeat;}
.header8 {background:url(../images/photo-utilities.gif) no-repeat;}

/* Content */

#content {width:100%;}
#firstcolumn {float:left; display:inline; width:130px; padding:0;}
#secondcolumn {float:left; display:inline; width:529px; padding:0 15px 0 0; border-right:1px dotted #ccc;}
#lastcolumn {float:right; display:inline; width:210px; height:430px; padding:0 0 0 15px; overflow:hidden;}

.spacer {clear:both; width:100%; height:12px;}

/* Section Images */

#sectionimage {width:102px; height:102px;}

.sectionimage1 {background:url(../images/section-home.gif) no-repeat;}
.sectionimage2 {background:url(../images/section-insurance.gif) no-repeat;}
.sectionimage3 {background:url(../images/section-superannuation.gif) no-repeat;}
.sectionimage4 {background:url(../images/section-individuals.gif) no-repeat;}
.sectionimage5 {background:url(../images/section-about.gif) no-repeat;}
.sectionimage6 {background:url(../images/section-contact.gif) no-repeat;}
.sectionimage7 {background:url(../images/section-links.gif) no-repeat;}
.sectionimage8 {background:url(../images/section-utilities.gif) no-repeat;}

/* Side Menu */

a.asidemenu {color:#3366cc; text-decoration:underline;}
a.asidemenu:hover {color:#66af00;}

.sidemenu li {list-style:none; font-size:11px; padding-bottom:3px; line-height:150%;}
.sidemenu li a {padding-left:16px; background:url(../images/bluearrow.gif) no-repeat 1px 3px;}

/* Footer */

#footershadow {width:100%; height:14px; margin-top:20px; background:#fff url(../images/footershadow.gif) no-repeat;}
#footerbar {clear:both; width:100%; height:25px;}
#copyrightbox {float:left; padding:6px 0 6px 60px;}
#footermenubox {float:right; padding:6px 60px 6px 0;}

.footer {padding:0 0 3px 0; font-size:10px; line-height:100%;}

a.afooter {color:#5e5e5e; text-decoration:underline;}
a.afooter:hover {color:#66af00;}

/* List Styles */

.bullet {list-style:disc outside; margin-left:30px; line-height:150%; padding:0 0 12px 0;}
.number {list-style:decimal outside; margin-left:30px; line-height:150%; padding:0 0 12px 0;}

.emailaddress {list-style:none; margin-bottom:18px; padding:0 0 12px 0; line-height:150%;}
.nospam {display:inline; float:left;}

.sitemap1 {list-style:disc outside; margin-left:20px; line-height:200%; padding:0 0 12px 0;}
.sitemap2 {list-style:disc outside; margin-left:40px; line-height:200%; padding:0;}
.sitemap3 {list-style:disc outside; margin-left:40px; line-height:200%; padding:0;}

.exlink {list-style:none; margin-bottom:6px; padding:0 0 12px 0; line-height:150%;}
.exlink li a {padding-left:18px; background:url(../images/exlinkarrow.gif) no-repeat 1px 5px;}

/* Forms */

.formbox {width:450px;}
.formlabelbox {float:left; width:100px; height:34px;}
.formlabel {padding:5px 0 8px 0; line-height:100%;}
.formfieldbox {float:left; width:300px; height:34px;}
.formfield {width:240px; padding:2px 1px 2px 1px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px;}
.formarea {width:340px; padding:2px 1px 2px 1px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px; vertical-align:top;}
.formbutton {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px;}

/* Director Photo */

#directorphoto {float:left; display:inline; width:102px; padding:0;}
#directordetails {float:left; display:inline; width:248px; padding:0 0 0 20px;}

/* Other */

.linebreak {clear:both; width:100%;}
.divider {clear:both; width:100%; padding:10px 0 0 0; border-top:1px dotted #ccc; font-size:1px; line-height:1px;}