/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
body { font: 15px  'Franklin ITC W01 Medium', Arial, Verdana, Helvetica, sans-serif; *font-size:small; *font:x-small; line-height:1.4; }

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% sans-serif; }


/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 


/* 
 * minimal base styles 
 */


/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }


ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #183556; color:#fff; text-shadow: none; }
::selection { background:#183556; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 


/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clearer {clear: both; height: 1px; width: 1px; overflow: hidden;}




 /* Primary Styles
    Author:  felix@o315.de
 */

html  {
	height: 100%;
	}
 body {
	border: 12px solid #183556;
	padding: 20px;
	text-align: center;
	min-height: 100%;
	color: #173455;
	font-size: 100%;
	}
	#borderBottom {
	  width:100%;
	  background: #183556;
	  position:fixed;
	  bottom:0;
	  left: 0;
	  height: 12px;
	  z-index: 2000;
	  }
	#container {
		width: 960px;
		background: #fff;
		position: relative;
		margin: 0 auto;
		text-align: left;
		padding-top: 8.06em;
		}
	.home #container {
		padding-top: 5.31em;
		}
		#header {
			width: 349px;
			height: 8.06em;
			background: #183556 url(../images/logo.png) center center no-repeat;
			position: absolute;
			right: 0;
			top: 0;
			overflow: hidden;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
			z-index: 999;
			}
		#header h1 a {
			width: 349px;
			height: 8.06em;
			}
		#header:hover p {
			position: absolute;
			background: #fff;
			opacity: .7;
			bottom: 0;
			left: 0;
			text-align: center;
			height: 20px;
			padding: 10px 0 0 0;
			width: 349px;
			text-transform: uppercase;
			font-size: 0.71em;
			}
	
		#mainNav {
			position: absolute;
			top: 0;
			left: 0;
			width: 590px;
			height: 5.25em;
			background: #183556;
			padding-left: 20px;
			}
		#navButton {
			display: none;	
			}
		#mainNav ul {
		    margin: 0;
		    padding: 0;
		    }
		#mainNav li {
			display: block;
			float: left;
			height: 5.25em;
			text-transform: uppercase;
			}
		#mainNav li a {
			color: #fff;
			text-decoration: none;
			display: block;
			font-weight: bold;
			padding: 0 20px;
			line-height: 5.25em;
			letter-spacing: 4px;
			}
		#mainNav li:hover a,
		#mainNav li.current_page_ancestor a, 
		#mainNav li.current_page_parent a,
		#mainNav li.current_page_item a { 
			background: url(../images/bg_nav_hilite.png) bottom center no-repeat;
			}
		  #mainNav li ul {
			  padding-left: 20px;
			  position: absolute;
			  left: -9999em;
			  top:  5.25em;
			  width: 590px;
			  height: 2.88em;
			  background: #fff;
			  z-index: 999;
			  }
		    #mainNav li:hover ul,
			#mainNav li:focus+ul,
			#mainNav li.current_page_ancestor ul,
			#mainNav li.current_page_parent ul ,
			#mainNav li.current_page_item ul{
			    left: 0 !important;
			    }			  
		    #mainNav li ul li {
			    position: static;
			    display: inline;
			    float: none;
			    font-size: 0.88em;
				line-height: 2.88em;
				font-family: 'ITCFranklinGothicW01-Bk 812647', Arial, Verdana, Helvetica, sans-serif;
			    }	  
		      #mainNav ul ul a {
			      color: #183556;
			      display: inline;
			      text-decoration: none;
					line-height: 2.88em;
			      }
			#mainNav li:hover ul a {
				background:none;
				}
		      #mainNav ul ul a:hover,
			  #mainNav ul ul li.current_page_item a {
			      text-decoration: underline;
			      }
		  #homeImages {
		  margin-top: 2.88em;
		    width: 960px;
		    height: 290px;
		    position: relative;
		    overflow: hidden;
		    z-index: 1;
		    }
		#homeImages img {
			left: 0;
			top: 0;
			-ms-interpolation-mode: bicubic;
			background: #000;
			position: absolute;
			z-index: 1;
		}
		#homeImages img.active{z-index:3}
		
		  .home article h1 {
			font-family: 'ITCFranklinGothicW01-Bk 812647', Arial, Verdana, Helvetica, sans-serif;
		    width: 960px;
		    height: 55px;
		    line-height: 55px;
		    z-index: 999;
		    width: 960px;
		    margin-top: -70px;
		    position: absolute;
		    z-index: 999;
		    font-size:1.75em;
		    color: #183556;
		    text-align: center;
		    text-transform: uppercase;
		    letter-spacing: 6px;
		    background: transparent;
		    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)"; /* IE8 */
		    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);   /* IE6 & 7 */
		    background: rgba(255,255,255,0.8);
		    zoom: 1;
		    font-weight: normal;
		    }
		.home #sidebar {
			margin-top: 352px;
			}

		  #footer {
		    margin-top: 50px;
		    font-size: 0.88em;
		    line-height: 5.71em;
		    background: #183556;
		    color: #fff;
		    padding: 0 35px;
			margin-bottom: 10px;
			clear: both;
		  }
		  #footer a {
		    color: #fff;
		  }

		cite {
			background: #d1d6dd url(../images/cite_left.png) 15px 20px no-repeat;
			display: table-cell;
			font-size: 1.25em;
			font-style: italic;
			color: #4f657e;
			line-height: 1.2;
			padding: 0 20px 20px 0;
			letter-spacing: 0.1em;
			height: 9.9em;
			vertical-align: middle;
			width: 590px;
			}
		.home cite {
			height: 6.3em;  
			}
			cite strong {
				font-size: 1.30em;
				font-weight: normal !important;
				}
			cite span {
				display: block;
				padding: 10px 20px 0 60px; 
				background: transparent url(../images/cite_right.png) right bottom no-repeat;
				}
			cite em {
				display: block;
				padding: 0 20px 0 60px; 
				text-align: right;
				font-size: 0.5em;
				}
		#sidebar {
			float: left;
			width: 349px;
			margin-left: 2px;
			}
		.page-id-5 #sidebar {
			margin-top: 215px;
			}
			
			#sidebar h2 {
				background: #183556;
				text-transform: uppercase;
				color: #fff;
				letter-spacing: 4px;
				font-size: 0.88em;
				padding: 10px 20px;
				margin: 0 0 0 15px;
				}
			#sidebar a {
				color: #183556;
				}
			#sidebar .textwidget {
				font-family:  'Franklin ITC W01 Medium', Arial, Verdana, Helveticam, sans-serif;
				background: #d1d6dd;
				border-top: 1px solid #fff;
				padding: 10px 20px;
				margin: 0 0 15px 15px;
				}
			#sidebar .phone {
				display: block;
				float: left;
				width: 40%;
				padding-left: 30px;
				background: url(../images/icon_phone_sidebar.png) 0 0 no-repeat;
				line-height: 1.88em;
				font-size: 0.88em;
				}
			#sidebar .mail {
				display: block;
				float: left;
				width: 30%;
				padding-left: 30px;
				background: url(../images/icon_mail_sidebar.png) 0 0 no-repeat;
				line-height: 1.88em;
				font-size: 0.88em;
				}
			#sidebar .moreLink {
				display: block;
				clear: left;
				padding-top: 20px;
				font-size: 0.88em;
				}
			#sidebar address {
				font-size: 0.88em;
				font-style: normal !important;
				}
			#sidebar address .country-name {
				overflow: hidden;
				width: 1px;
				height: 1px;
				position: absolute;
				left: -9999em;
				}
		#main article {
			float: left; 
			width: 609px;
			}
		.home #main article {
			margin-top: 15px;
			}

		#main {
		    float: left;
			width: 609px;
			}				
		#main article p,
		#main article h2,
		#main article h3,
		#main article ul {
			font-family: 'ITCFranklinGothicW01-Bk 812647', Arial, Verdana, Helveticam, sans-serif; /* 'Franklin ITC W01 Medium', Arial, Verdana, Helveticam, sans-serif */
			padding: 10px 40px 10px 10px;
			line-height: 1.5;
			}
		#main article h2 {
			text-transform: uppercase;
			font-size: 1.56em;
			letter-spacing: 0.1em;
			}
		#main article ul {
			list-style-image: url(../images/icon_bullet_list.png);
			}
		#main article ul li {
			padding-bottom: 0.5em;
			}
		.homeArticle {
			margin-top: 15px;
			font-family: 'ITCFranklinGothicW01-Bk 812647', Arial, Verdana, Helveticam, sans-serif;
			}
		.homeArticle img {
			float: left;
			margin: 10px;
			border: 5px solid #FFFFFF;
			-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
			box-shadow: 0 0 10px rgba(0,0,0,0.2);
			}
		.attachment-post-thumbnail {
			margin-bottom: 15px;
		    }
	      
	      #partnerNav {
		  margin: 0; padding: 0;
		  width: 360px;
		  position: absolute;
		  top: 130px;
		  right: 0;
		  list-style: none;
		  text-align: right;
		height: 198px;
		overflow: hidden;
		  }
	      #partnerNav li {
		  margin: 0; padding: 0;
		  }
	      #partnerNav a {
			text-decoration: none;
			}
	      #partnerNav img {
			opacity: .3;
			margin-left: 2px;
			filter: alpha(opacity=30);
			}
	      #partnerNav .active img,
	      #partnerNav img:hover {
			opacity: 1;
			filter: alpha(opacity=100);
			}
	      #partnerNav li {
		  display: inline;
		  }
	      #partnerSlider {
		  width: 590px;
		  position: relative;
		  float: left;
		  }
	      .js #partnerSlider {
		  overflow: hidden;
		  height: 750px;
			}
	      #partnerSlider ul.items {
		  list-style: none;
		  margin: 0;
		  padding: 0;
		  }
	      .js #partnerSlider ul.items {
		  position: absolute;
		  width: 9999em;
		}
	      #partnerSlider li.item{
		  width: 590px;
		  }
	      .js #partnerSlider li.item{
		  float: left;
		  }
	      #partnerSlider h1 {
		  text-transform: uppercase;
		  font-size: 1.56em;
		  letter-spacing: 0.1em;
		  position: absolute;
		  top: 15px;
		  left: 40px;
		  z-index: 999;
		  }
	      #partnerSlider li img.partnerPortrait {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  }
	      #partnerSlider li img.partnerCite {
		  position: absolute;
		  top: 54px;
		  left: 0;
		  }
		  #partnerSlider article .inner {
			position: relative;
			margin: 0; padding: 197px 0 15px 0;
			float: none;
			width: 590px;
			border-bottom: 1px solid #8c9aab;
			}
	      #partnerSlider article div {
			margin-left: 250px;
		  }
	      #partnerSlider article div ul {
			font-family: 'Franklin ITC W01 Medium', Arial, Verdana, Helveticam, sans-serif;
			padding: 0 0 0 10px;
			line-height: 1.5;
			font-style: italic;
			list-style-image: url(../images/icon_bullet_list.png);
		    }
		#partnerSlider .contact {
		     float: none;
		     margin: 30px 0 0 50px;
		      }
		  #partnerSlider .phone {
			background: url(../images/icon_partner_phone.png) 0 0 no-repeat;
			height: 40px;
			width: 40%;
			padding: 10px 0 0 45px;
			float: left;
			}
		  #partnerSlider .email {
			background: url(../images/icon_partner_mail.png) 0 0 no-repeat;
			height: 40px;
			width: 40%;
			padding: 5px 0 0 45px;
			float: left;
			}
		#partnerSlider .contact a {
		    color: #7a020a;
		      }
      #employees {
	width: 590px;
	float: left;
	position: relative;
	}
	.roundabout-in-focus,
	#employees .active {
		filter: none !Important;
		}
      .js #employees {
	margin-top: -50px;
	}
      .js #employees #next,
      .js #employees #prev {
	z-index: 999;
	display: block;
	width: 37px;
	height: 53px;
	cursor: pointer;
	position: absolute;
	top: 270px;
	}
      .js #employees #next {
	background: url(../images/bg_btn_next.png) 0 0 no-repeat;
	right: 0;
	}
      .js #employees #prev {
	background: url(../images/bg_btn_prev.png) 0 0 no-repeat;
	left: 0;
	}
	.js #employeesRound {
	  left: 30px;
	  width: 500px;
	  position: relative;
	  margin: 0 0 200px 0;
	  padding: 0;
	  list-style: none;
	  }
	.no-js #employeesRound {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  }
	.js #employeesRound {
	  height: 175px;
	  }
	#employeesRound img {
	  border: 5px solid #fff;
	  }
	.no-js #employeesRound img {
	  float: left;
	  border: 1px solid #D1D6DD;
	  }
	.no-js #employeesRound li {
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  border-bottom: 1px solid #D1D6DD;
	  }
	#employeesRound *  {
	  margin: 0;
	  padding: 0;
	  }
	.js #employeesRound li div {
	  display: none;
	  position: absolute;
	  top: 240px;
	  width: 590px;
	  left: -200px;
	  text-align: center;
	  z-index: 1;
	  }
	.no-js #employeesRound li div {
	  float: left;
	  width: 200px;
	  margin: 20px 0 0 20px;
	  }
	#employeesRound .name {
	  display: block;
	  font-size: 1.25em;
	  font-weight: bold;
	  color: #1c3959;
	  }
	 #employeesRound .function {
	  display: block;
	  font-size: 0.91em;
	  color: #8d9cac;
	  }
	 #employeesRound a {
	  color: #d90a1c;
	  }
	.js .slider {
		background: url(../images/bg_slider.png) 0 0 no-repeat;
		height: 20px;
		position: absolute;
		top: 240px;
		width: 583px;
		margin-left: 15px;
		}
	.js .slider a {
		border:1px solid #cfcfcf;
		background:#fff url(../images/bg_slider_handle.png) center center no-repeat;
		height:20px;
		width:80px;
		position:absolute; 
		top:-5px;
		display:block;
		cursor:move;
		-moz-border-radius:14px;
		-webkit-border-radius:14px;
		border-radius:14px;		
		}
	#rangeSlider {
		display: none;	
		}
	
	#contactData {
		background: #d1d6dd;
		padding: 10px 30px 10px 40px;
		margin: -6px 0 30px 0;
		}
		#contactData address {
			background: url(../images/icon_contact_address.png) 5px 0 no-repeat;
			width: 40%;
			float: left;
			padding-left: 45px;
			font-style: normal !important;
			margin-bottom: 12px;
			}
		#contactData .contact-phone {
			background: url(../images/icon_contact_phone.png) 5px 0 no-repeat;
			width: 40%;
			float: left;
			padding-left: 45px;
			}	
		#contactData .contact-mail {
			background: url(../images/icon_contact_mail.png) 5px 0 no-repeat;
			width: 40%;
			float: right;
			padding-left: 45px;
			min-height: 40px;
			}
		#contactData a {
			color: #7a020a;
			}
	form .odd {
		background: #edeff1;
		}
	form label {
		display: block;
		padding-left: 30px;
		margin-top: 10px;
		}
	form label em {
		font-weight: bold;
		color: #7a020a;
		}
	form input, form select, form textarea {
		border: 1px solid #fff;
		margin: 5px 0 10px 30px;
		font-family: 'Franklin ITC W01 Medium', Arial, Verdana, Helveticam, sans-serif;
		width: 405px;
		padding: 5px;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=135, Strength=3)
			progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=-45, Strength=3);
		background: url(../images/bg_form_input.png) 0 0 no-repeat;
		color: #7c7f83;
		}
	#anrede{
		width: 190px;
		float: left;
		}
	.left, .right{
		width: 190px;
		float: left; 
		margin-right: 25px;
		}
	.left input, .right input{
		width: 190px;
		}
	form span.wpcf7-not-valid-tip {
	  background: url(../images/bg_form_error_tip.png) 0 0 no-repeat;
	  height: 33px;
	  padding: 15px 2px 2px 10px;
	  border: none;
	  color: #fff;
	  left: 30px;
	  top: 25px;
	  } 
	.wpcf7-submit, .button-primary, #partnerSlider .next {  
		 background: #f6f7f8 url(../images/bg_smt.png) left bottom repeat-x;
		 width: auto !important;
		 float: right;
		 border: 1px solid #a7b2be;
		 -moz-border-radius: 5px;
		 -webkit-border-radius: 5px;
		 -khtml-border-radius: 5px;
		 border-radius: 5px;
		 color: #173455;
		 font-size: 0.91em;
		 margin-right: 160px;
		}
	 #partnerSlider .next {
		display: block;
		position: absolute;
		z-index: 999;
		right: -160px;
		top: 15px;
		text-decoration: none;
		color: #173455;
		padding: 5px 15px;
		white-space: nowrap;
		}
	.wpcf7-submit:hover {
		 background: #c9d0d8 url(../images/bg_smt_hover.png) left bottom repeat-x;
		}

	/* Added for captcha on contact form --nh 120924 */
	#kahu-captchac {
		float: left;
		margin: 5px 0 10px 30px;
	}
	#kahu-captchar {
		float: left;
		width: 100px;
	}
	/* End */

	#mapsForm .wpcf7-submit  {
		 margin: 5px 0 20px 0;
		}
	#mapsForm input#saddr {
		width: 280px;
		margin: 0;
		}
	#mapsForm h3 {
		background: #173455;
		font-size: 0.81em;
		margin:30px 0 10px 0;
		color: #fff;
		text-transform: uppercase;
		font-weight: normal;
		padding: 5px 10px;
		}
	 p.hint {
		font-size: 0.81em;
		}
	#insitelogin_container label, #insitelogin_container label input {
		margin-left: 0;
		padding-left: 0;
		}
	#insitelogin_container  .forgetmenot input#rememberme, #privacy input {
		width: auto;
		margin: 0;
		padding: 0;
		display: inline;
		position: relative;
		top: -3px;
		}
	#insitelogin_container #nav {
		clear: both;
		}
	#insitelogin_container p {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
	#backtoblog {
		display: none;
		}
	#login .register {
		display: none;
		}
	#insitelogin_container p.message {
		background: #20831d;
		padding:  15px 30px !important;
		color: #fff;
		margin-right: 30px;
		}
	#goals {
		position: relative;
		overflow: hidden;
		width: 591px;
		height: 220px;
		}
/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
	#mainNav, #sidebar, #borderBottom, #borderTop { display: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  body  {
	border: none;
	}
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}


/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	body {
		/* background: #d00; */
	}
 
}