@charset "utf-8";
/*
Theme Name: KIM Geomatics
Theme URI: http://jimmedia.ca
Description: Designed for KIM Geomatics website exclusively by JIM Media Inc.
Version: 1.0
Author: CK Leach
Author URI: http://jimmedia.ca/
*/

/*/// BODY ///////////////////////////////
///////////////////////////////////////*/
html, body {margin:0px; padding:0px; background:#fff; height: 100%; width: 100%; overflow-x:hidden; }
body {font:12px/16px arial,sans-serif; text-align:center; color:#0f518d; }
p {margin:0px 0px 10px; line-height:16px; }
h1, .title {
	display:block; font-size:20px; font-weight:bold; padding:0px; margin-bottom:0px; line-height:22px; overflow:visible; color:#007a66; }
h2 {font-size:20px; font-weight:bold; line-height:22px; }
a, a:hover{color:#007a66; text-decoration:none; }
a:hover {color:#ff0082; text-decoration:underline; }
hr {position:relative; top:5px; display:block; border-top:1px solid #ddd; margin:0px 0 20px; padding:0px; color:#ddd; background-color:#ddd; height:1px !important; clear:both; overflow:hidden; }


#container {
	position:relative; width:775px; margin:0px auto; padding:0px; text-align:left; border:0px solid red; background:url(images/sitebg.jpg) repeat-y; }
#wrapper {
	position:relative; width:775px; padding:0px; margin:0px; background:url(images/KIMrightfade.jpg) no-repeat top right; }

/*/// HEADER /////////////////////////////
///////////////////////////////////////*/
#header {
	position:relative; width:775px; height:119px; margin:0px; padding:0px; }
.headertop {
	position:relative; display:block; height:25px; margin:0px; padding:0px; background:url(images/KIMtop.jpg) no-repeat; overflow:hidden; }
.headerbtm {
	position:relative; display:block; height:94px; margin:0px; padding:0px; /*overflow:hidden;*/ }
	.logo {
		position:relative; float:left; width:320px; height:94px; margin:0px; padding:0px; overflow:hidden; }
	.banner {
		position:relative; float:right; width:455px; height:94px; margin:0px; padding:0px; background:url(images/KIMheader.jpg) no-repeat;  overflow:hidden; }
.menu {
	position:relative; display:block; height:25px; margin:0px; padding:0px; background:url(images/KIMmenu.jpg) no-repeat; /* overflow:hidden; */ z-index: 100; }
	.menulinks a, .menulinks a:hover {
		position:relative; padding:0px; margin:0px; display:inline; color:#007a66; font-weight:bold; font-style:italic; font-size:14px; text-decoration:none; background:transparent; }
	.menulinks a:hover {
		color:#ff0082; text-decoration:none; }
	.menupapers a, .menupapers a:hover {
		position:absolute; top:5px; left:590px; padding:0px; margin:0px; color:#007a66; font-weight:bold; font-style:italic; font-size:14px; text-decoration:none; background:transparent; }
	.menupapers a:hover {
		color:#ff0082; text-decoration:none; }

/*/// MAIN CONTENT ///////////////////////
///////////////////////////////////////*/
#content {
	position:relative; width:574px; float:left; margin:0px; padding:0px; background:url(images/KIMcontentfade.jpg) no-repeat; }
.textarea {
	position:relative; width:534px; height:410px; min-height:410px; height:100%; margin:15px 15px 0 25px; padding:0px; }

/*/// RIGHT RAIL /////////////////////////
///////////////////////////////////////*/
#right {
	position:relative; width:190px; float:left; padding:0px; margin:0px; background:url(images/rightbg.jpg) repeat-y; }
.righttop {
	position:relative; display:block; height:56px; margin:0px; padding:0px; overflow:hidden; }
.rightbox {
	position:relative; display:block; margin:20px 0px 0px; padding:0px; }
	.rightboxtop {
		display:block; height:10px; margin:0px; padding:0px; background:url(images/rightboxtop.jpg) no-repeat; overflow:hidden; }
	.rightboxcontent {
		display:block; padding:10px 10px 5px; margin:0 9px; background-color:#007a66; }
		.rightboxcontent p {
			font-size:10px; line-height:12px; color:#a8d9cf; }
		.rightboxcontent p.righttitle {
			font-size:12px; font-weight:bold; line-height:14px; color:#fff; }
		.rightboxcontent span.righttitle {
			font-size:12px; font-weight:bold; margin-bottom:-10px; line-height:14px; color:#fff; }
      .righttitle a, .righttitle a:hover {
			font-size:12px; font-weight:bold; margin-bottom:-10px; line-height:14px; color:#fff; }
		.rightboxcontent p.rightnewslink a {
			font-size:12px; line-height: 14px; color:#fff; text-decoration:underline; }
      .rightboxcontent p.rightnewslink a:hover {
			text-decoration:none; }
	.rightboxbtm {
		display:block; height:10px; margin:0px; padding:0px; background:url(images/rightboxbtm.jpg) no-repeat; }
#rightfade {
	position:relative; width:11px; float:right; margin:0px; padding:0px; background:url(images/KIMrightfade.jpg) no-repeat; }

/*/// FOOTER /////////////////////////////
///////////////////////////////////////*/
#footer {
	position:relative; display:block; height:207px; color:#fff; margin:0px; padding:0px; clear:both; background:url(images/KIMfooter.jpg) no-repeat; }
.footerleft {
	position:relative; float:left; width:539px; margin:0px; padding:30px 0 0 35px; }
	.footername {
		display:block; font-size:12px; font-weight:bold; margin:0px; padding:0px; color:#fff; }
	.footercontact {
		display:block; font-size:10px; margin:0px; padding:0px; color:#fff; }
	.copyright {
	 	display:block; font-size:10px;  margin:0px; padding:0px; color:#0e2e52; }
.footerright {
	position:relative; float:right; width:166px; text-align:right; padding-top:25px; margin-right:35px; }
	.footerright a, .footerright a:hover {
		color:#fff; text-decoration:none; }
	.footerright a:hover {
		color:#ff0082; text-decoration:none; }

/*/// ADDITIONAL STYLES //////////////////
///////////////////////////////////////*/
.clear, #clear {
	position:relative; clear:both; height:0px; line-height:0px; display:block; margin:0px; padding:0px; }
.imgalign, #imgalign {
	vertical-align:middle; }
.boldcaps{
	display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:10px; }
.smallfont {
	font-size:10px; }
.largefont {
	font-size:20px; line-height:24px; }
.floatleft, #floatleft {
	float:left; margin:0 10px 0 0; }
.floatright, #floatright {
	float:right; margin:0 0 0 10px; }
.liststyle li {
	text-indent:-10px; }
ul.liststyle {
	margin-left:20px; }
.space {
	position:relative; display:block; height:12px !important; margin:0px; padding:0px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/*/// CONTACT FORM //////////////////
//////////////////////////////////*/
.contactName, .contactEmail, .contactSubject {
	width:200px; background:#e9e7e0; border:1px solid #888472; padding:3px 5px; margin:0px 0 10px; color:#000; font:12px arial, sans-serif; }
.contactMessage{
	width:200px; height:100px; background:#e9e7e0; border:1px solid #888472; padding:5px; margin:0px 0 10px; color:#000; font:12px arial, sans-serif; }
.contactSubmit{
   position:relative; left:130px; font:16px Arial, sans-serif;  color:#888472; width:80px; height:30px; border:0px solid; background:url(images/submit.gif) no-repeat; }

/*/// NEWSLETTER ////////////////////
//////////////////////////////////*/
.newsletter{
	position:relative; display:block; border:0px solid red; }
#Name{
	position:relative; font-size:12px; width:107px; height:14px; border:0px; background:#fff; padding-top:3px; margin:0px; border:1px solid #006353; color:#0f518d; }
#email{
	position:relative; font-size:12px; width:107px; height:14px; border:0px; background:#fff; padding-top:3px; margin:0px; border:1px solid #006353; color:#0f518d; }
.newsletterSubmit{
	position:relative; display:block; left:80px; width:69px; background-color:#ff0082; border:0px solid red; font-size:9px; color:#fff; padding:2px 0px 3px;}
.newsletterField {
	display:block; margin-bottom:7px; border:0px solid red; font-size:9px; color:#fff; font-weigh:normal; }
/* Begin Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	/* content: "\00BB \0020"; */
	}

.entry ul li {
	list-style-type: none;
	background: url(images/bullet1.gif) no-repeat 0px 5px;
	padding-left: 25px;
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

.meta { font-size: 11px; color: #ccc; padding: 0 15px; }
.metadate { font-size: 11px; color: #3f3f3f; padding: 0; font-weight: normal; }


/* SUCKERFISH CSS */

#suckerfishnav {
font-size:14px;
font-weight:normal;
}

#suckerfishnav, #suckerfishnav ul {
float:left;
list-style:none;
line-height:24px;
padding:0;
border:0px solid red;
margin:0px;
width:100%
}

#suckerfishnav a {
display:block;
color:#007a66;
text-decoration:none;
margin:0 0 0 10px;
padding:0 0 0 10px;
}

#suckerfishnav li {
float:left;
padding:0
}

#suckerfishnav li ul {
position:absolute;
left:-999em;
height:auto;
width:140px;
font-weight:normal;
margin:0;
line-height:1;
/*-moz-opacity:0.85;
opacity:0.85;
khtml-opacity:0.85*/
}

#suckerfishnav li li {
padding:0px;
width:140px;
border-bottom:0px solid #aaa
}

#suckerfishnav li li a {
padding:5px 5px 5px 0;
}

#suckerfishnav li ul li {
font-weight:normal;
font-family:helvetica,sans-serif
}

#suckerfishnav li ul li a {
font-size:11px;
color:#fff;
font-style:normal;
font-weight:normal;
}

#suckerfishnav li:hover ul li a {
color:#fff
}

#suckerfishnav li ul ul {
margin:-22px 0 0 140px
}

#suckerfishnav li ul li:hover {
background:#007a66
}

#suckerfishnav li ul li:hover a {
color:#fff
}

#suckerfishnav li ul li:hover li a {
color:#fff
}

#suckerfishnav li ul li li:hover a {
color:#fff
}

#suckerfishnav li ul li ul li:hover ul li a {
color:#fff
}

#suckerfishnav li ul li ul li:hover ul li:hover a {
color:#fff
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
left:-999em
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
left:auto;
background:#0f518d;
margin:0 0 0 10px;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#ff0082
}

.newsletter p {
	color:yellow !important;
	font-size:10px;
	line-height:5px !important;
}

.newsletter {
	color: white;
	font-size:11px;
	line-height:12px;
}

.newsletter a {
	color: #EFE0E8;
}

.editaccount {
	border: 1px solid #fff;
}