/* - - - - - - - - - - - - - - - - - - - - */
/* Kristensen Group Website                */
/* - - - - - - - - - - - - - - - - - - - - */

/* COLOURS
Dark Grey - #71777A
Light Grey - #EEEEEE
Orange - #F28F36
Blue - #0B0878
*/

/* RESET */
/* -------------------------------------------------------------------------------------------*/
* 			{ margin:0; padding:0 }
body 		{ font-size: small; font-family: "trebuchet ms", "times new roman", times, serif; color: #71777A; text-align:center; }

* html body { font-size: x-small; /* for IE5/Win */ f\ont-size: small; /* for other IE versions */ }

a			{ color: #777; text-decoration: none; }
a img		{ border: none; background: none; }


/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* TEXT LINKS TO BE ORANGE WITHIN THE COPY */
/* -------------------------------------------------------------------------------------------*/
a:link { color: #F28F36; text-decoration: none; }
a:hover, a:active { color: #0B0878; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }


/* FLOATED ELEMENTS */
/* -------------------------------------------------------------------------------------------*/
.left { float: left; }
.right { float: right;}

.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }


/* TYPOGRAPHY */
/* -------------------------------------------------------------------------------------------*/
h1 { /* The H1 on each page with be orange - apart from the homepage where it has be be grey */
	font-size: 220%;
	font-weight: normal;
	color: #F28F36;
}
.spacingbottom { margin: 0px 0px 40px 0px;} /* Use on the homepage H1 or whenever a H1 appears without a H2 directly underneath */
.grey { color: #71777A;} /* Homepage H1 colour style */

h2 { /* Small orange headings underneath the H1 */
	font-size: 120%;
	font-weight: bold;
	color: #F28F36;
	margin: 0px 0px 6px 0px;
}

h3 { /* Blue headings for throughout the copy in the middle column */
	font-size: 110%;
	font-weight: bold;
	color: #0B0878;
	margin: 0px 0px 10px 0px;
}

h3 em {
	font-size: 90%;
	color:#71777A;
}

h4 { /* Headings for the images on the right that appear within orange boxes - more styling down bwlow under rightcolumn styling */
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
	background: #F28F36;
}

p {
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
}


/* HEADER CONTAINS THE LOGO/STATEMENT ON THE LEFT AND FLAGS/LINKS ON THE RIGHT */
/* -------------------------------------------------------------------------------------------*/
#header{
	margin: 20px auto 0px auto;
	width: 974px;
}

#header .left {
	width: 700px;
	height: 78px;
	text-align: left;
	background:url(/assets/logo_kristensengroup.gif) no-repeat bottom left;
}

#header p { /* This is for the blue text that appears next to the logo */
	margin: 0px 0px 0px 190px;
	padding-top: 50px;
	font-weight: bold;
	font-size: 120%;
	color: #0B0878;
}

#flags ul { /* Flag links on the top right */
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 0px 0px 35px 0px;
	width: 274px;
}
#flags ul li {
	display: inline;
}
#flags ul li a {
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}

#topnavlinks ul { /* Text links on the top right */
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 274px;
}
#topnavlinks ul li {
	display: inline;
}
#topnavlinks ul li a {
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}

#topnavlinks a:link, #topnavlinks a:visited {
	color: #71777A;
	text-decoration: none;
}

#topnavlinks a:hover, #topnavlinks a:active {
	color: #F28F36;
	text-decoration: none;
}


/* WRAPPER IS 1000PX WIDE AND CONTAINS THE GRADIENT BACKGROUND THAT GOES DOWN THE SIDES OF THE PAGE */
/* -------------------------------------------------------------------------------------------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 13px 0px 0px 0px;
	background: url(/assets/bgrpt_pagegradients.jpg) no-repeat top center;
}


/* PAGE SITS WITHIN WRAPPER AND IS 974PX WIDE - THIS CONTAINS ALL THE SITE CONTENT */
/* -------------------------------------------------------------------------------------------*/
#page {
	width: 974px;
	margin: 0 auto;
	padding: 0px;
	background: url(/assets/bgrpt_leftcolumngrey.jpg) no-repeat bottom left;
}


/* HEADER CURVE IMAGES WILL HAVE TO BE A BACKGROUND IMAGE TO THE CONTENT CONTAINER */
/* -------------------------------------------------------------------------------------------*/

/* The 230px padding makes sure that the entore curve of the image displays in IE browsers */			
#content {
	background: #fff no-repeat top left;
	padding: 230px 0px 0px 0px; /* padding for IE */
}


/* LEFT COLUMN STYLING */
/* -------------------------------------------------------------------------------------------*/
#leftcolumn {
	float: left;
	width: 210px;
	padding-top: 37px; /* required to push the content down to the required place */
	text-align: left;

	height: 1000px;

	background: url(/images/lcbg.png) repeat-y;
}

#leftcolumn p {
	padding: 0px 10px 10px 10px;
	font-size: 110%;
}

#navigation { /* Countries */
	margin: 0px 0px 0px 10px;
	padding: 0;
}

/* Link styles for the navigation */
#mainnav a:link, #extranav a:link, #mainnav a:visited  #extranav a:visited	{ text-decoration: none; color: #71777A; }
#mainnav a:hover, #extranav a:hover, #mainnav a:active, #extranav a:active 	{ color: #F28F36; text-decoration: none; }

#mainnav, #extranav 							{ font-size: 110%; font-weight: bold; margin: 0; padding: 0; } /* font size for all the navigation */
#mainnav li, #extranav li 						{ list-style: none; }
#mainnav li a.current, #extranav li a.current				{ color: #F28F36; text-decoration: none; }
#mainnav li ul, #extranav li ul 					{ font-size: 95%; font-weight: normal; } /* each subnav decreases in font size accordingly */

/* 1st level down navigation */
#mainnav li ul li ul {
	padding: 0px;
	margin: 0;
}
#mainnav li ul li {
	background: url(/assets/bullet_1st.gif) no-repeat;
	background-position: 0 .5em;
	padding-left: 0.8em;
	margin: 0;
}

/* 2nd level down navigation */
#mainnav li ul li ul li ul{
	padding: 0px;
	margin: 0;
}
#mainnav li ul li ul li{
	background: url(/assets/bullet_2nd.gif) no-repeat;
	background-position: 0 .5em;
	padding-left: .9em;
	margin: 0;
}

/* 3rd level down navigation */
#mainnav li ul li ul li ul li ul{
	padding: 0px;
	margin: 0;
}
#mainnav li ul li ul li ul li{
	background: url(/assets/bullet_3rd.gif) no-repeat;
	background-position: 0 .5em;
	padding-left: 1.3em;rgb(242, 143, 54);
	margin: 0;
}

#extranavigation { /* The Team / News / Contact Links */
	margin: 10px 0px 0px 10px;
	padding: 0;
}

#contactinfo {
	margin: 40px 0px 0px 0px;
	color: #0B0878;
}

#newsletter {
	margin: 30px 0px 0px 0px;
}


/* MIDDLE COLUMN STYLING */
/* -------------------------------------------------------------------------------------------*/
#middlecolumn {
	float: left;
	width: 504px;
	margin-top: -32px; /* required to push the content down to the required place */
	text-align: left;
}

#middlecolumn li
{
	margin-left: 30px;
}

#middlecolumn a, #rightcolumnwide a
{
	color: #F28F36;
}

#middlecolumn a:hover, #rightcolumnwide a:hover
{
	text-decoration: underline;
}

#bread { /* Breadcrumb Trail */
	margin-bottom: 25px;
	padding: 5px 0px 0px 0px;
	font-size: 90%;
}
	
#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#bread ul li a {
	color: #343434;
	text-decoration: none;
}

#bread ul li a:hover {
	color: #F28F36;
	text-decoration: underline;
}


#middlecolumn .imageleft, #rightcolumnwide .imageleft { /* for images that need to appear within text on the left - don't use the standard class="alignleft" - use this instead */
	margin: 0px 20px 20px 0px;
	float: left;
}

#middlecolumn .imageright, #rightcolumnwide .imageright { /* for images that need to appear within text on the right - don't use the standard class="alignright" - use this instead */
	margin: 0px 0px 20px 20px;
	float: right;
}

.block { /* Each text block within the central column should appear within a separate div */
	margin: 0px 0px 30px 0px;
	overflow: auto;
	width: 100%
}

#lightboximages { /* container for the thumbnail images that will use a lightbox type thing */
	width: 504px;
	margin-bottom: 30px;
}

.thumb01, .thumb02, .thumb03 { /* this allows for margin on the right of the 1st three thumbnails in a row */
	float:left;
	text-align:left;
	width:129px;
	margin:0px 0px 12px 0px;
}
.thumb04 { /* no padding required for the 4th thumbnail */
	float:left;
	text-align:left;
	width:117px;
	margin:0px 0px 12px 0px; 
}


/* Utilities - the print / email / bookmark links at the bottom of some of the pages */
#utilities {
	padding: 5px 0px 20px 0px;
	font-size: 90%;
	}
	
#utilities ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#utilities ul li {
	margin-left: 0;
	padding-right: 10px;
	border: none;
	list-style: none;
	display: inline;
	}

#utilities ul li a {
	color: #343434;
	text-decoration: none;
	}
#utilities ul li a:hover {
	color: #F28F36;
	text-decoration: underline;
	}
	
/* icons for the print / email / bookmark links */
a[class ="print"] {
   padding-left: 18px;
   background: transparent url(/assets/icon_print.gif) no-repeat center left;
}
a[class ="email"] {
   padding-left: 18px;
   background: transparent url(/assets/icon_email.gif) no-repeat center left;
}
a[class ="bookmark"] {
   padding-left: 18px;
   background: transparent url(/assets/icon_bookmark.gif) no-repeat center left;
}


/* RIGHT COLUMN STYLING */
/* -------------------------------------------------------------------------------------------*/
#rightcolumn {
	float: left;
	width: 260px;
	margin-top: -78px; /* required to push the content down to the required place */
	text-align:right;
}

#rightcolumn h4, .right.vt h4  { /* for the orange boxes on top of images */
	position: relative;
	text-align: left;
}

#rightcolumn h4 a, .right.vt h4 a { /* for the orange boxes on top of images */
	background: #F28F36;
	color: #ffffff;
	padding: 0px 10px;
        line-height: 24px;
	position: absolute;
	display: block;
	width: 200px;
	left: 20px;
	top: 201px;
	border-bottom: none;
	text-decoration: none;
}

#rightcolumn #caption_last, #rightcolumn #caption_last a
{
     top: 160px;
}

#rightcolumn p, .right.vt p { /* all the images sit within paragraph tags */
	margin: 0px;
}


/* ALTERNATIVE TEMPLATE LAYOUT FOR PROPERTY PAGES */
/* -------------------------------------------------------------------------------------------*/

#rightcolumnwide { /* spans the of the middle column and right column */
	width: 747px;
	float: left;
	text-align: left;
	margin-top: -32px; /* required to push the content down to the required place */
}

h3.high { /* adding class="high" to the h3 gives a 30px margin to the top to allow for nice spacing on the page */
	margin-top: 30px;
}

.blockcontainer {
	margin: 0px 0px 30px 0px;
}

.blockcontainer .left {
	width: 477px;
}

.blockcontainer .right {
	width: 250px;
}

.blockcontainer span { /* A span contains the left and right price and square footage indfo */
	padding: 5px 0px 0px 0px;
}

.blockcontainer .right .left { /* for the price underneath the image */
	width: 125px;
	text-align:left;
	font-weight: bold;
	color: #0B0878;
}

.blockcontainer .right .right { /* for the square footage */
	width: 125px;
	text-align: right;
	font-weight:bold;
	color: #F28F36;
}


/* Data Table */
.pretty-table {
border-collapse: collapse;
border: 1px solid #71777A;
color: #343434;
margin-top: 20px;
}
.pretty-table th, .pretty-table td { padding: 0.1em 0.5em 0.1em 0.5em; text-align: left; }
.pretty-table td.white { border-bottom: 1px solid #E59F7B; }


.pretty-table caption
{
  caption-side: bottom;
  font-size: 100%;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.peach {
	background: #E59F7B;
}
.cream {
	background: #FCF0D2;
}
.beige {
	background: #CBB584;
}

.borderbottom {
	
}

/* ALTERNATIVE TEMPLATE LAYOUT FOR TEAM PAGE */
/* -------------------------------------------------------------------------------------------*/

.teamcontainer {
	margin: 0px 0px 30px 0px; /* 30px spacing between each team info */
}

.teamcontainer .left { /* for the portrait image which is 125px wide */
	width: 145px; /* 20px extra on the right for padding */
}

.teamcontainer .right {
	width: 602px;
}



/* FORM STUFF
-------------------------------------------------------------------------------------------*/
fieldset {
  background-color : #ffffff;
  border: solid 1px #EEEEEE;
  padding: 10px;
  margin: 10px 0px;
}
 
legend {
  font-weight : bold;
  color : #F28F36;
  background-color: #ffffff;
  margin: 5px;
  padding: 0px 5px;
  font-size: 110%;
}
 
label {
  color : #555;
  font-size: 90%;
  margin: 3px 0px 7px 10px;
}
 
/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox {
  font: 100% 'Trebuchet MS', sans-serif;
  padding: 2px;
  border: 1px solid #CCCCCC;
  background-color: #ffffff;
  color: #777;
  margin: 3px 0px 7px 10px;
}

input.checkbox {
  margin: 0px 0px 0px 10px;
   vertical-align: middle;
}

.form_error
{
 font-weight: bold;
 color: #c00;
 text-indent: 10px;
 margin: 0px 0px -10px 0px;
}

/* SITEMAP */
.sitemap_block
{
    display:block;
    float: left;
    width: 300px;
    margin: 10px;
}

.sitemap_block ul
{
    display: block;
    margin: 4px 0px 4px 20px;
}



.homepage-link
{
        display: block;
        float: right;
        padding: 5px 41px 5px 15px;
        color: #fff;
        font-weight: bold;
        font-size: 11pt;
        background: #DFDFDF no-repeat 95% 50%;
}

.homepage-link:hover
{
        color: #fff;
        cursor: pointer;
}

.homepage-link.english
{
       background-image: url(/assets/flag_uk.gif);
}

.homepage-link.german
{
       background-image: url(/assets/flag_de.gif);
}

.homepage-link.dutch
{
       background-image: url(/assets/flag_nl.gif);
}

.homepage-link.danish
{
       background-image: url(/assets/flag_dk.gif);
}

.tooltip
{
	background: #222;
	padding: 5px 10px;
	font-size: 11px;
	color: #fff;
	margin: 5px;
	max-width: 400px;
	position: absolute;
	z-index: 99;
}

.tooltip:first-line
{
	font-weight: bold;
}