/*
Theme Name: Ko Te Aroha
Theme URI: http://www.techs.co.nz
Author: Technology Solutions
Author URI: http://www.techs.co.nz
Description: Ko Te Aroha template
Version: 1.0.0
*/

#main { width:980px; margin:0 auto; text-align:left;}

#header {height:155px;}

#footer { height:87px;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

.divider {background:url(images/divider-bg.gif) 578px 0px repeat-y;}
.divider1 {background:url(images/divider-bg.gif) 302px 0px repeat-y;}
.divider1A {background:url(images/divider-bg.gif) 275px 0px repeat-y;}
.divider2 {background:url(images/divider-bg.gif) 565px 0px repeat-y;}

.dividerCntUs {background:url(images/divider-bg.gif) 560px 0px repeat-y;}
.dividerCntUs1 {background:url(images/divider-bg.gif) 270px 0px repeat-y;}




/* ============================= home ===========================*/
#home .col-1 {width:271px;}
#home .col-2 {width:525px; }
#home .col-3 {width:247px;}

/* ============================= home ===========================*/
#family .col-1 {width:271px;}
#family .col-2 {width:525px; }
#family .col-3 {width:247px;}
#family .scroll-pane{height:325px !important;}

/* ============================= home ===========================*/
#gallery .col-1 {width:271px;}
#gallery .col-2 {width:525px; }
#gallery .col-3 {width:247px;}

/* ============================= centre ===========================*/
#centre .col-1 {width:550px;    margin-right: 10px;}
#centre .col-2 {width:187px; margin-left: 20px;}


/* ============================= staff ===========================*/
#staff .col-1 {width:860px;}


/* ============================= page5 ===========================*/
#page5 .col-1 {width:271px;}
#page5 .col-2 {width:224px;}
#page5 .col-3 {width:240px;}

/* ============================= contact ===========================*/
#contact .col-1 {width:271px;}
#contact .col-2 {width:224px;}
#contact .col-3 {width:240px;}


/*COLOR BLUE color:#0095d4 #9DD189*/
/*COLOR BACKGROUND color:#a9e3fb light blue*/
/*COLOR BACKGROUND color:#0096d5 dark blue */
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#a9e3fb;
	color:#1c1c1c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:21px; font-size:.9575em;
	text-align:justify;
}


.dBlue{color:#0096d5}


img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.416em;
		color:#6c6c6c;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#39601D; outline:none; font-weight:bold; }
a:hover{text-decoration:none;}

p {margin:0; padding:0; text-align:justify;}

.padding-btom{padding-bottom:17px}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:12px; line-height:1.666em;}
li a {color:#d70013;}

.imgindent {margin:0 20px 0 0; float:left;}

h2 {font-size:2.083em; line-height:1.2em; color:#000; letter-spacing:-1px; margin-bottom:20px;  color:#0096d5;font-weight:400;}
h3 {font-size:1.2em;  color:#000; padding-bottom:10px;}
/* ============================= header ====================== */
#header {background:url(images/header-bg.gif) center top no-repeat;
	padding-bottom:30px;}



.logo {float:left; padding:41px 0 0 29px;}
.menu {float:left; padding:59px 0 0 50px; font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;}

.logoPad-firstpg {padding:25px 0 0 29px;}
.menu-firstpg { padding:38px 0 0 50px;}



.menu ul {width:100%; overflow:hidden;}
.menu li {float:left; background:url(images/menu-li-bg.png) left 6px no-repeat; padding:0 18px 0 23px;; line-height:1.2em; font-size:1.666em;}
.menu li a {display:block; color:#0096d5; font-size:16px; text-decoration:none;}
.menu li a:hover {color:#39601D;}
.menu .active {color:#000;}
/* ============================= content ====================== */
#content {background:url(images/content-bg.jpg) center top no-repeat; height:508px;}

.indent {padding:29px 27px 27px 28px;}
.box {background:url(images/box-bg.PNG) left top no-repeat;}
.box .indent {padding:32px 25px 30px 39px;}

.col-pad {padding-right:60px;}
.col-pad2 {padding-right:45px;}
.col-pad3 {padding-right:35px;}

.gallery img {margin-bottom:9px;}

.pad {padding-top:8px;}
.pad1 {padding-top:16px;}
.pad2 {padding-top:12px;}

.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:24px;}

.link { background:#9EF254; display:inline-block; line-height:1.2em; text-decoration:none; margin:9px 0 0 0px; color:#0096d5; cursor:pointer; font-size:0.916em; padding:3px;}
.link:hover {color:#FFFFFF; }



.link-marg {margin-top:28px;}
.link-marg1 {margin-top:18px;}
.link-marg2 {margin-top:22px;}

.margin {margin-bottom:28px;}

.title {color:#0096d5; font-weight:bold;}
strong {color:#0096d5;}

.mail {color:#d70013;}

.phone {display:inline-block; width:120px;}

.line-height {line-height:1.5em;}

.policy {padding-top:18px;}
/* ============================= footer ====================== */
#footer {background:url(images/footer-tail.gif) left top repeat-x; color:#413c38; padding:43px 0 0 32px; text-align:center;}
#footer a {color:#0096D5;}
#footer .ftMenu{margin:10px 0;}
#footer .ftMenu .active {color:#000;}
* ============================= forms ============================= */
.alignright {text-align:right;}

#ContactForm label {height:25px; display:block;}
#ContactForm .link {margin:5px 0 0 4px;}
.input {width:216px; height:17px; border:1px solid #c7c6b7; background:none; padding:1px 0 0 5px; font-size:1em;}
textarea {width:216px; height:118px; border:1px solid #c7c6b7; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; resize:none;}


.alignCenter{text-align:center;}

.margin-bottom1{ margin-bottom: 10px;}

.margin-top1{ margin-top: 10px;}
.margin-top2{ margin-top: 30px;}
.margin-top3{ margin-top: 15px;}

.margin-BT1{ margin: 22px 0 0 6px;}
.margin-BT2{ margin: 44px 0 0 6px;}

.padding-right1{ padding-right:7px;}

.imgBdr{ border:5px solid #0096d5; height: 158px; width: 158px; }
.imgBdr:hover{ border:5px solid #9EF255;}


.scroll-pane {
	width: 100%;
	height: 365px;
	overflow: auto;
	
}
.scroll-pane2 {
	width: 100%;
	height: 360px;
	overflow: auto;
	
}
.scroll-pane3 {
	width: 100%;
	height: 320px;
	overflow: auto;
	
}
.scroll-pane4 {
	width: 100%;
	height: 325px;
	overflow: auto;
	
}

.fLeft{float:left; margin-right:10px;}
.fRight{   float: right; }

.staffBx{ margin-bottom:15px; padding-right:10px}

.line-hor1 { border-bottom:1px dotted #9b907a; margin:12px 0; overflow:hidden; font-size:0; line-height:0;}

.line-hor2 { border-bottom:1px dotted #9b907a; margin-bottom:8px; overflow:hidden; font-size:0; line-height:0;}


.googleMap iframe { border:0; width:230px; height:275px;}

.clientComments strong{ color:#000}


.glryBox{width:848px; height:340px; }
.margin-right1{ margin-right: 4px;}

.slogan{
    color: #0096D5;
    font-family: comic sans ms;
    font-size: 17px;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 0 0;
    text-align: center;
}

.landing{ margin: 10px 0 0 20px; border:10px solid #0096d5;}
.greenB{color:#9EF255; font-weight:bold;}




*:focus{outline:none;}