/* Start of CMSMS style sheet 'Style' */
@charset "UTF-8";
/* CSS Document */

/* -------------------------
  MAIN PAGE ELEMENTS 
---------------------------*/

body {
	background:url(uploads/images/km_leafbg1.gif);
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:14px;
        width:900px;
        margin:auto;
}

body {
	background:url(uploads/images/km_leafbg1.gif);
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:14px;
        width:900px;
        margin:auto;
}

#Container {
	width:900px;
	margin:auto;
	padding-top:20px;
	padding-bottom:18px;
        position:relative;
}

#MastHead {
	height:50px;
	background:url(uploads/images/km_logo.gif) no-repeat left 3px;
	border-bottom:6px solid #F78F1E;
	margin-bottom:5px;
        text-indent:-9999px;
        overflow:hidden;
}

#MastHead a {
        width:175px;
        height:50px;
        position:absolute;
        top:35px;
        left:0px;
        display:block;        
        outline: none;
}

#Footer {
	border-top: 1px solid #fff;
	font-family:helvetica;
	font-size:13px;
	padding-top:7px;
       *padding-top:1px;
        padding-bottom:50px;
	margin:auto;
	clear:both;
        line-height:20px;
        letter-spacing:0.03em;
}

#copyright {
	float:left;
	width:600px;
}

#abn {
	float:right;
	width:200px;
	text-align:right;
}

#Content {
	width:500px;
	margin:auto;
	padding-top:20px;
	float:left;
        padding-bottom:30px;
}


.PageBody {
	margin-top:15px;
	margin-bottom:25px;
}

.SlideShow {
	width:185px;
	height:185px;
	background:#ccc;
	margin-top:6px;
	float:left;
	margin-right:15px;
}

#RightColumn {
	width:205px;
	position:absolute;
        right:0px;
}

#RightColumn p {
        margin-bottom:0px;
}

.hidden {margin:0;}


/* ---------------------
  MAIN NAVIGATION 
------------------------*/


#Menu {
	width:195px;
	padding:5px 0 20px;
	float:left;
        *margin-top:15px;
}

#Menu ul {
	padding-left:0;
        *margin-left:0px;
}

#Menu li {
	list-style:none;
	text-indent:none;
	line-height:25px;
        text-transform:uppercase;
}

#Menu li a:link,
#Menu li a:visited {
	text-decoration:none;
	color:#B3B3B3;
	font-size:15px;
        font-weight:normal;
        text-transform:uppercase;
        font-family:arial;
        outline:none;
}

#Menu li.currentpage strong,
#Menu li.activeparent a {
        color:#f78f1e;
        font-family:arial;
        font-size:15px;
        text-transform:uppercase;
        font-weight:bold;
}

#Menu li a:hover {
	color:#F78F1E;
}

#Menu .activeparent ul {
        font-size:14px;
        font-weight:bold;
        color:#fff;
        font-family:arial;
        text-transform:lowercase;
        line-height:25px;
}

#Menu ul li ul li a:link,
#Menu ul li ul li a:visited {
        font-size:14px;
        font-weight:normal;
        color:#fff;
        font-family:arial;
        text-transform:lowercase;
        line-height:25px;
}

#Menu ul li ul li a:hover {
        color:#f78f1e;
}

#Menu ul li ul li.currentpage strong,
#Menu ul li ul li.activeparent a {
        font-size:14px;   
        font-family:arial;  
        font-weight:bold;
        text-transform:lowercase;
        color:#F78F1E;
}


/* ----------------
   TYPOGRAPHY 
------------------*/

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	color:#F78F1E;
	font-weight:normal;
	margin:auto;
	letter-spacing:0.02em;
        line-height:34px;
        
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#ccc;
	font-weight:normal;
	margin:-10px 0 25px 0;
	letter-spacing:0.02em;
        border-bottom:1px dashed #F78F1E;
	padding-bottom:8px;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F78F1E;
	font-size:20px;
	font-weight:normal;
	letter-spacing:0.02em;
	margin:auto;
	padding-bottom:5px;
        padding-top:5px;
        line-height:30px;
        *margin:0px;
        clear:both;
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#F78F1E;
	font-weight:normal;
	text-align:center;
	margin:0 0 5px;
}

h6 {
        margin:0px;
        font-size:17px;
        color:#ddd;
        font-family:arial;
        padding:7px 0;
        clear:both;
}

p {
	line-height:25px;
	margin:0 0 15px;
        *margin:0px 0 5px;
        font-size:15px;
}

.h4_white {
        color:#fff;
}

#Content a:link,
#Content a:visited {
	font-weight:bold;
	color:#F78F1E;
	text-decoration:none;

}

#Content a:hover {
	color:#fff;
}

#Content p a,
.underline {
        text-decoration:underline !important;
}

#Content ul {
	padding-left:0px;
	font-family:arial;
	font-size:14px;
	color:#eee;
	margin:-5px 0 8px 15px;
	position:relative;
}

#albumIndex ul {
	padding-left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#ccc;
	margin:0 0 15px;
	position:relative;
}

#Content li {
	list-style:bullets;
	line-height:25px;
}

#albumIndex li {
	list-style:none;
	line-height:30px;
}

#Content ul li li {
        text-indent:20px;
}

#Content ul ul {
        margin-bottom:0px;
}

#copyright a:link,
#copyright a:visited {
       text-decoration:none;
       color:#fff;
       font-weight:normal; 
}

#copyright a:hover {
       color:#f78f1e;
}

.link-aligned {
        font-size:12px;
        color:#f78f1e;
        font-family:arial;
        font-weight:normal;
        margin-left:5px;
}

a {
        outline:none;
}


/* ------------------------
   PAGE HEADINGS
------------------------*/

.orange_head {
        background:url(uploads/images/orange_head.gif) no-repeat scroll;
        float:left;
        height:130px !important;
}

.blue_head {
        background:url(uploads/images/blue_head.gif) no-repeat scroll;
        float:left;
        height:130px !important;
}

.green_head {
        background:url(uploads/images/green_head.gif) no-repeat scroll;
        float:left;
        height:130px !important;
}

.subheads {
        float:right;
        width:285px;
        border:3px solid #fff;
        color:#fff;
        font-weight:bold;
        padding:5px 0 5px 35px;
        margin:0 0 10px 0;
}

.orange_subhead, .blue_subhead, .green_subhead {
        background:#666 url(uploads/images/arrow-right.gif) no-repeat scroll 14px 7px;
}

.subheads a {
        color:#fff !important;
        display:block;
        outline:none;
}

.orange_subhead:hover, .orange_active {
        background:#f78f1e url(uploads/images/arrow-right.gif) no-repeat scroll 14px 7px;
}

.blue_subhead:hover, .blue_active {
        background:#009aac url(uploads/images/arrow-right.gif) no-repeat scroll 14px 7px;
}

.green_subhead:hover, .green_active {
        background:#8cc63f url(uploads/images/arrow-right.gif) no-repeat scroll 14px 7px;
}

.left {
        float:left !important;
        margin:20px 0;
}



/* -------------------------
  INPUT STYLES & LOGIN
---------------------------*/

#cntnt01searchinput {
        font-size:11px;
        color:#808080;
        border:none;
        padding:2px;
        margin-top:5px;
        margin-right:4px;
        width:128px;
}

.button,
.submit {
        background:#f78f1e;
        border:none;
        padding:0.1em;
        color:#fff;
        font-weight:bold;
        text-transform:uppercase;
        text-decoration:none;    
        font-size:11px;   
}

.button {
        width:25px;
}

.submit input, .submit {
        width:60px !important;
        float:left !important;
        font-size: 12px !important;
        font-weight:bold;
        color:#fff !important;
        font-family:arial !important; 
}

.submit {
        *margin-top:10px;
}


.button:hover,
.submit:hover {
        background:#999;
}



/*----------------------
   CALL TO ACTION!!
----------------------*/

.cta {
        width:163px;
        float:right;
        margin-top:26px;
}

.cta_links {
        margin-bottom:7px;
}

.cta_links a, .blue .ctahead {
        width:133px;
        display:block;
        padding:10px 0 10px 15px;
        color:#fff !important;
        text-decoration:none;
        font-family:georgia;
        font-size:17px;
        font-weight:normal !important;
        outline:none;
}


.cta_links a:hover {
        background:url(uploads/images/cta_over.gif) no-repeat scroll;
        width:148px;
        display:block;
}

.green {
        background:url(uploads/images/cta_green.gif) no-repeat scroll;
        height:40px;
}

.orange {
        background:url(uploads/images/cta_orange.gif) no-repeat scroll;
}

.blue {
        background:url(uploads/images/blue_box.gif) no-repeat scroll;
        height:161px;
}

.blue a {
        margin-left:20px;
        text-decoration:none;
}

.blue p {
        color:#eee;
        line-height:17px;
        padding:0 15px 3px;
        font-size:12px;
}

.ctahead {
        padding:13px 0 4px 15px !important;
        line-height:23px !important;
}



/*----- HOME PAGE calls to action & hover blocks ----*/

.pull_quote {
        font-family: Georgia, serif;
        font-size: 20px;
        line-height:25px;
        letter-spacing:0.02em;
        color: #fff;
        margin: 0 0 5px;
        height:156px;
        width:149px;
        padding:20px 0 0 20px;
}

#orangeCTA {
        background:url(uploads/images/h_orange.gif) no-repeat scroll left -176px;
        float:left;
        color:#fff;
}

#orangeCTA:hover, #orangeCTA.active {
        background:url(uploads/images/h_orange.gif) no-repeat scroll top left;
}

#blueCTA {
        background:url(uploads/images/h_blue.gif) no-repeat scroll left -176px;
        float:left;
}

#blueCTA:hover, #blueCTA.active {
        background:url(uploads/images/h_blue.gif) no-repeat scroll top left;
}

#greenCTA {
        background:url(uploads/images/h_green.gif) no-repeat scroll left -176px;
        position:absolute;
        left:532px;
        *position:relative;
        *top:-181px;
        *left:337px;
}

#greenCTA:hover, #greenCTA.active {
        background:url(uploads/images/h_green.gif) no-repeat scroll top left;
}

.cta_list {
        margin-bottom:8px !important;
}

.cta_list li {
        font-family:arial;
        font-size:14px;
        font-weight:bold;
        line-height:25px !important;
        list-style-type:disc !important;
        margin-left:20px;
        letter-spacing:0.025em;
}



/*----- hover state (:hover for anyone who desn't have js on / .active for people in ie6.) ---*/

.pull_quote:hover,
.pull_quote.active {
        
}


/*----- tell me more link ---*/

#Content .pull_quote a, .blue a {
        background: #3D3D3D;
        font-family: Arial, sans-serif;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
        margin-top: 4px;
        text-align: center;
        width: 124px;
        display:block;
        line-height:25px;
}

#Content .pull_quote a:hover, .blue a:hover {
        color:#f78f1e;
}


/*----- hover blocks ---*/

.hover_block {
        display: none;
        border: 3px solid #fff;
        background: #3d3d3d;
        padding: 20px;
        position:relative;
        top:-30px;
        *top:-215px;
        width:454px;
        z-index:-10;
}

.hover_block.visible {
        display: block;
        clear:both;
}


/*--------------------
  IMAGE STYLES
-------------------*/

img {
        border:6px solid #808080;
        max-width:500px;
}

.PageBody img {
        margin:10px 0;
}



/*---------------
  SEARCH RESULTS
-----------------*/

.searchResults {
        margin-top:20px;
}

#Search {
        float:right;
        margin-top:-2px;
        *margin-top:12px;
}




/*-------------------
  NEWS MODULE
------------------*/

.NewsSummaryPostdate {
        font-family:arial;
        font-size:11px;
        color:#808080;
        text-transform:uppercase;
        letter-spacing:2px;
        padding:0 0 1px;
}

.NewsSummaryContent {
        line-height:23px;
}

.NewsSummaryContent p {
        margin-bottom:10px;
}

.NewsSummary {
        border-bottom:1px dashed #999;
        padding:20px 0;
}



/*-----------------
  CONTACT FORM
-----------------*/

fieldset {
        width:500px;
        border:none;
        padding:0px;
        margin:10px 0 5px 0;
}

legend {
        font-family:georgia;
        font-size:17px;
        color:#f78f1e;
        padding-bottom:8px;
        *margin-left:-10px;
}

label {
        font-size:15px;
        color:#eee;
        vertical-align:bottom;
        float:left;
        width:75px;
}

.required, fieldset div {
        border-bottom:1px dashed #ccc;
        overflow:hidden;
        margin-top:3px;
        padding:3px;
        clear:both;
        position:relative;
}

#ie6 fieldset div {
        height:25px;
        overflow:visible;
}

fieldset div div {
        clear:both;
        border:none;
        width:130px;
}

fieldset div div label {
        float:left;    
}

fieldset div div input {
        float:right;
}

.contactform input, .quoteform input {
        border:none;
        background:none;
        *background-color:transparent !important;
        color:#f78f1e;
        font-family:georgia, times new roman, serif;
        font-size:16px;
        float:right;
        width:415px;
}

textarea {
        border-left:1px dashed #ccc;
        border-right:1px dashed #ccc;
        border-top:1px dashed #ccc;
        background:none;
        line-height:20px;
        float:left;
        margin-top:9px;
        margin-left:-3px;
        margin-bottom:-5px;
        color:#f78f1e;
        width:480px;
        font-family:georgia, times New Roman, serif;
        font-size:16px;
        padding:9px;
        margin-right:-3px;
        height:110px;
}

#ie7 textarea {
        border-bottom:none;
}


select {
        background:#333;
        border:1px solid #666;
        color:#fff;
        width:200px;
        float:right;
}

.helplink {
        display:none;
}

.error_message li {
        color:#D61122;
}

/*---------------------------
  QUOTE REQUEST FORMS
---------------------------*/

.dropdown label, .comments label, .dropdownerrorinput label {
        width:285px;        
}

.checkbox label {
        width:400px;
}

.checkbox-group label {
        width:400px;
}

#ie7 textarea {
        float:none;
        display:block;
}

/*---------------------
    SLIDING CONTENT 
---------------------*/

div.section {
        color:#CCCCCC;
        font-family:Georgia,"Times New Roman",Times,serif;
        font-size:17px;
        padding-bottom: 5px;
        line-height:26px;
}

.formSlide div.section {
        font-size:20px;
        border-bottom:1px ridge #f78f1e;
        padding:10px 0 8px;
        margin:-8px 0 10px;
}


div.extendedContent {
        display: none;
}


div.highlighted .extendedContent {
        display: block;
        color: #888;
        font-size: 13px;
        font-family:arial;
        padding:0px 20px 10px;
        line-height:21px;
font-style:italic;
}

.formSlide div.highlighted .extendedContent {
        background:none !important;
        padding:15px 0;
        margin-top:-10px;
}

.formSlide .highlighted {
        
}


div.section .moreInfo {
        outline: none;
}

.from {
        margin-top:10px;
}

.name {
        color:#fff;
        font-size:15px;
        font-family:georgia, times new roman, times, serif;
        margin-top:10px;
}

.job {
        font-family:georgia, times new roman, times, serif;
        color:#ccc;
        font-size:14px;
}



/*----------------------------
   PACKAGES AND PRICING
----------------------------*/

.price {
        color:#f78f1e;
        font-family:arial;
        font-weight:bold;
        margin:-5px 0 3px;
        font-size:24px;
        text-align:right;
}

.package {
        border-top:1px dashed #666;
        padding:10px 0;
}

.prices {
        background:#333 !important;
        padding:20px !important;
}

/* End of 'Style' */