/*
Theme Name: Jurant
Theme URI: http://www.jurant.co.nz
Author: just-digital.net
Author http://www.just-digital.net

*/

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#485657;
	min-width:980px;
	background:#eef6f7;
}

.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:980px;
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.385em;
}

a {color:#05376A; outline:none; text-decoration:none;}
a:hover { color:#485657; }

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}

.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:65px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#48cdde;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.padding-top { padding-top:20px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:35px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:5px 30px 0px 0;}
.img-indent2 {float:left; margin:0 20px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 40px;}

.img-box {float:left; margin-bottom:20px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}
.prev-box {float:left; margin-bottom:8px;}

.border {border:3px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,

/*********************************header*************************************/
header { width:100%; border-top:6px solid #535353; background:#fff; clear: both;}

h1 {padding:5px 0 0 2px; position:relative;}

.icons { float:right; overflow:hidden; padding-right:5px; position:relative; z-index:100;}
.icons a { display:block; width:42px; height:42px; float:left; margin-right:4px;}
.icon1 {background:url(../images/icon1.gif) 0 0 no-repeat;}
.icon2 {background:url(../images/icon2.gif) 0 0 no-repeat;}
.icon3 {background:url(../images/icon3.gif) 0 0 no-repeat;}
.icon1:hover {background:url(../images/icon1-hover.gif) 0 0 no-repeat;}
.icon2:hover {background:url(../images/icon2-hover.gif) 0 0 no-repeat;}
.icon3:hover {background:url(../images/icon3-hover.gif) 0 0 no-repeat;}

/* Easy Tooltip */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #726856;
	background:#fff;
	font-size:12px;
	font-weight:bold;
	color:#726856;
	text-transform:none;
	position:relative;
	z-index:999;
}

.title { background:url(../images/title.jpg) 50% 0 no-repeat #48cdde;  padding:52px 0 21px 0; min-height:365px;height:auto !important;height:365px;}
.title h2 {font-size:110px; line-height:1.2em; letter-spacing:-3px; color:#fff;}
.title h4 { font-size:30px; line-height:1.3em; color:#b5f7ff; text-transform:uppercase;letter-spacing:-1px; margin-top:-15px; padding-left:5px;}
.title strong { margin-top:-34px; display:block;}

.title1 { height:60px;background:#05376a; position:absolute; width:100%;}
.title2 { height:23px;}

nav {width:940px; margin:0 auto; height:83px;}
.sf-menu  a.item.alt strong, .sf-menu li.sfHover a.item strong, .sf-menu  a.active strong { color:#fff;}
.sf-menu li .last-item { width:210px; border:none}
/*********************************content*************************************/
#content {width:100%; padding:5px 0px 3px 0px;}
#content a:hover { color: #05376A; text-decoration: underline;}

#loopedCarousel { width:940px; margin:0 auto; background:#fff; position:relative;}
#loopedCarousel a:hover { color: #fff; text-decoration: none;}

.container { overflow:hidden; position:relative; margin:0 0 0 68px;}
.container-generic { float:left; margin: 0 20px 40px 20px; clear:both; width: 935px; }

.slides {position:absolute; top:0; left:0;}
.slides div {position:absolute; top:0; width:265px; display:none;}
.slides div a { display:block; color:#485657; padding:42px 22px 20px; height:149px;}
.slides div a:hover { color:#fff; background:#005691;}
.slides div time { display:block; color:#05376A; font-size:14px; line-height:1.2em; margin-top:14px;}
.slides div.alt time { color:#fff;}
.previous {display:block; position:absolute; width:42px; height:42px; background:url(../images/previous.gif) 0 0 no-repeat; top:87px; left:12px; z-index:999;}
.next {display:block; position:absolute; width:42px; height:42px; background:url(../images/next.gif) 0 0 no-repeat; top:87px; right:16px; z-index:999;}

#slides div {width:196px;}
#slides div a { display:block; color:#485657; padding:30px 18px 20px 22px; height:189px;}
#slides div a:hover strong { color:#fff;}

#previous, #next { top:105px;}

.spacer-1 {width:100%; background:url(../images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

#content h2 { font-size:48px; color:#05376A; line-height:1.2em; border-bottom:9px solid #2e3b3c; margin:12px 0 26px; padding-bottom:17px;letter-spacing:-2px;}
h3 {font-size:28px; line-height:1.2em; margin:0px 0 25px; color:#485657; letter-spacing:-2px; position:relative;}

.box { overflow:hidden; background:#fff; width:940px; margin:0 auto; min-height:211px;height:auto !important;height:211px;}
.box h3 { float:left; width:210px;}
.box h3 strong { text-transform:uppercase; color:#005691;}

#products { overflow:hidden; width:940px; margin:0 auto; position:relative; }
*+html #products {padding-bottom:20px;}
#products li { float:left; margin:0 21px 20px 0;}
#products li.last-item { margin:0 0 20px;}
#products li a { display:block; width:430px; padding:21px 10px 17px 19px; overflow:hidden; background:#fff; color:#485657;}
#products li a strong { color:#05376A;}
#products li a strong.button {color:#05376A !important;}
#products li a:hover { background:#05376A; color:#eef6f7;}
#products li a:hover strong { color:#485657;}
#products li a.alt strong.button { color:#fff !important;}
#products .info { display:none; position:absolute; top:0; left:0; min-height:415px;height:auto !important;height:415px; padding:21px 30px 0 19px; background:#fff; z-index:999;}
#products .info .close { display:block; position:absolute; z-index:999; top:13px; right:12px; height:42px; width:42px; background:url(../images/close.gif) 0 0 no-repeat; padding:0;}
#products .info .close:hover { background:url(../images/close-hover.gif) 0 0 no-repeat;}
#products .list-1 { width:400px;}

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:20px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}

.box .padding {padding:40px 50px 10px 28px;}
*+html .box .padding .extra-wrap{ padding:0; margin-top:-37px;}

.button {display:inline-block; color:#05376A; font-size:14px; line-height:1.2em; text-decoration:none;}
.button:hover {color:#272727;}

.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(../images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(../images/button-right.png) right 0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(../images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 0 0 8px; background:url(../images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

 
.list-1 { width:295px; float:left; margin-right:10px;}
.list-1 li {line-height:18px; vertical-align:top; float:none !important; margin:0 !important;}
.list-1 li a {display:block; color:#485657; padding:0 0 0 16px !important; border:none; background:url(../images/marker-1.gif) 0 50% no-repeat;}
.list-1 li a:hover {color:#05376A !important;}
.last-item, #last-item { margin-right:0 !important;}

.list-2 li {line-height:30px; padding-left:18px; background:url(../images/marker-1.gif) 0 50% no-repeat;}
.list-2 li a {color:#485657;}
.list-2 li a:hover {color:#05376A;}

.list-3 { width:315px; float:left; margin-right:25px;}
.list-3 li {line-height:18px; vertical-align:top; padding-bottom:4px;}
.list-3 li a {display:block; color:#485657; padding:0 0 0 16px; background:url(../images/marker.gif) 0 6px no-repeat;}
.list-3 li a:hover {color:#05376A;}

.link {text-decoration:underline;}
.link:hover {text-decoration:none;}

.link-1 {display:inline-block; font-size:14px; padding-right:8px; background:url(../images/marker-3.gif) right 8px no-repeat;}
.link-1:hover {color:#fff;}

.text-1 {font-size:14px;}
.text-2 {font-size:14px; line-height:1.285em;}
.text-3 {font-size:11px; line-height:1.272em;}

dl { font-family:Arial, Helvetica, sans-serif;}
dl dt { padding-bottom:18px; color:#05376A;}
dl span {float:left; width:100px;}

#form-main {display:block; width:427px;}
#form-main label {display:block; height:45px;}
#form-main input {width:329px; font-size:1em; color:#485657; padding:7px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #fefefe; background:#fff;}
#form-main textarea {height:218px; overflow:auto; width:425px; font-size:1em; color:#485657; padding:7px; margin:0; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #fefefe; border-right:1px solid #fefefe; border-top:4px solid #fefefe; border-bottom:4px solid #fefefe; background:#fff;}

/* generic forms */
ul.detail-view { margin:0; padding: 0; list-style: none; }
ul.detail-view li { padding: 5px; display: block; list-style: none; margin: 0 0 3px 0; }
form.generic {display:block; float:left; }
form.generic p, form.generic div { float:left; clear:both; margin: 15px 0 0 0 ; }
form.generic label {display:block; height:20px; width:160px; float:left; }
form.generic input[type='text'], form.generic input[type='password']
    { float:left; width:329px; font-size:1em; color:#485657; padding:7px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #fefefe; background:#fff;}
form.generic textarea { float:left; height:218px; overflow:auto; width:425px; font-size:1em; color:#485657; padding:7px; margin:0; font-family:Arial, Helvetica, sans-serif; border-left:1px solid #fefefe; border-right:1px solid #fefefe; border-top:4px solid #fefefe; border-bottom:4px solid #fefefe; background:#fff;}
form.generic span.helptext { display: none; }
form.generic ul.errorlist { float:left; clear:left; margin-left: 160px; color:#CC3333; padding:4px; }

form.routes ul { float:left; padding:0px; }

form.wysiwyg { display:block; width:100%; }
form.wysiwyg {display:block; }
form.wysiwyg p { float:left; clear:both; margin: 15px 0 0 0 ; width:100%; }
form.wysiwyg label {display:block; height:20px; width:160px; float:left; }
form.wysiwyg span.mceEditorContainer { display:block; float:left; clear:both; width:935px; 	font-size:0.8125em;
	line-height:1.385em; }


.buttons { float:left; clear:both; padding-top:14px;}
.buttons a {margin-right:20px;}
.buttons1 { padding-top:5px;}

/****************************footer************************/
footer {width:100%; padding:47px 0 50px; border-top:7px solid #05376A;}
footer a:hover { color: #05376A; text-decoration: underline; }

#page-meta-head { padding-left: 10px; float:left; height:45px; clear:both; width:100%; line-height:45px; }
#page-meta-head div.page-buttons { float:left;  }
#page-meta-head div.admin-buttons { float:right; margin-right:15px; }
#page-meta-head span.item { display: block; float:left; margin-right: 10px; }

div.email-message {
    padding:5px;
    color: #33CC33;
}