@import url(reset.css);

html, body {
	height:100%;
}

body {
	margin:0;
	background:#ffffff url(/static/img/dot_blue.gif) top center;
	font-family:Cambria,Georgia,"Times New Roman",Times,serif;
	color:#000000;
	text-align:center;
	-webkit-text-size-adjust:100%;	/* to stop iPhone resizing text */
	overflow-y:scroll;
}
body.error {
	margin:3em 1em 1em 1em;
}

h1 {
	font-size:1.333em;
	font-weight:bold;
	color:#ffffff;
	line-height:1.5;
	background-color:#bbd0dc;
}

h2, strong {
	font-weight:bold;
}

p {
	margin-bottom:2em;
}
p.nospace {
	margin-bottom:0;
}

a, a:visited {
	color:#000000;
}
a:hover, a:visited:hover {
	color:#ffffff;
}
a.phone, a.phone:visited {
	text-decoration:none;
}

div.clear {
	clear:both;
}

div.remark {
	margin:2em 2em 0 0;
	padding:0.5em;
	text-align:center;
	border:1px solid #3095b4;
}

#background {
	position:relative;
	margin:0 auto;
	width:1024px;
	min-height:100%;
	background:#bbd0dc url(/static/img/dot_white.gif) repeat-y 0 0;
	background-size:100%;
}

#background div.top {
	position:absolute;
	top:0;
	left:0;
	right:0;
}
#background div.top div.logo {
	position:relative;
}
#background div.top img {
	width:100%;
	vertical-align:top;
}
#background div.top div.logo img.logo {
	position:absolute;
	right:0;
	bottom:7%;
	width:20.508%;
	z-index:20;
}
#background div.top div.photo {
	position:relative;
	overflow:hidden;
}
#background div.top img.photo {
	position:absolute;
	top:-10%;
	left:-10%;
	width:120%;
	z-index:2;
}
#photo2 {
	opacity:0;
	z-index:1;
}

#background div.overlay {
	position:relative;
}
#background img.overlay {
	position:relative;
	width:100%;
	display:block;
	vertical-align:bottom;
	z-index:10;
}

#background div.quote {
	position:absolute;
	top:2em;
	left:1.5em;
	font-style:italic;
	color:#ffffff;
	text-align:left;
	line-height:1.35;
	letter-spacing:0.05em;
	z-index:20;
}
#quote2 {
	opacity:0;
}
#background div.quote div.by {
	margin-top:0.25em;
	color:#000000;
}

#main {
}

#main div.column-menu,
#main div.column-single,
#main div.column-dbl1,
#main div.column-dbl2 {
	float:left;
	text-align:left;
	line-height:2;
	letter-spacing:0.05em;
}

#main div.column-menu {
	margin-left:1%;
	width:24%;
	background-color:#bbd0dc;
}

#main div.column-single {
	margin-left:4%;
	width:68%;
}

#main div.column-dbl1 {
	width:48.5%;
}

#main div.column-dbl2 {
	margin-left:3%;
	width:48.5%;
}

a.menu, a.menu:visited {
	display:block;
/*	margin-bottom:0.75em;*/
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
a.menu:hover, a.menu:visited:hover, a.active, a.active:visited {
	color:#000000;
}

a.linkedin1, a.linkedin1:visited,
a.linkedin2, a.linkedin2:visited {
	position:absolute;
	bottom:-1.3em;
	left:-1.5em;
	width:1.5em;
	height:1.5em;
	background:url(/static/img/linkedin.png) no-repeat 0 0;
	background-size:1.5em 1.5em;
}
a.linkedin2, a.linkedin2:visited {
	bottom:-4em;
}

@media screen and (max-width:1086px) {

	body {
		background-image:none;
	}

	#background {
		margin:0 1.75em;
		width:auto;
	}
}

@media screen and (max-width:768px) {

	#background div.quote {
		font-size:0.75em;
	}

	#main div.column-menu {
		width:35%;
	}

	#main div.column-single {
		margin-left:3%;
		width:59%;
	}

	#main div.column-dbl1,
	#main div.column-dbl2 {
		float:none;
		margin:0;
		width:auto;
	}
}

@media screen and (max-width:600px) {

	#background div.quote {
		font-size:0.4em;
	}

	#main div.column-menu {
		width:auto;
		margin-left:3%;
	}

	#main div.column-single {
		clear:both;
		margin-top:2em;
		margin-bottom:2em;
		margin-right:3%;
		width:auto;
	}
}

@media print {

	body {
		background-image:none;
	}

	#background {
		margin:0 0.5em 0 1.846em;
		width:auto;
	}
}