/* px/em factor 13.333:
**	880px == 66em, 800px == 60em, 760px == 57em, 160px = 12em
**	413.33 = 31em, 826.66 = 62em
**	120px = 9em, 440px = 33em,
*/
* {
	border-style: none;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	font-family: Calibri, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: medium;
}

html {
	background-color: transparent !important;
}

body {
	background-color: transparent !important;
	color: black;
	overflow: auto;
}

.block {
	display: inline-block;
	width: 29em;
	vertical-align: top;
	margin-right: 1em;
}

div#frame {
	border: 1px solid gray;
	min-width: 31em;
	max-width: 62em;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent !important;
	color: black;
	overflow: hidden;
}

img#title {
	display: block;
	width: 100%;
}

div#header {
	width: 100%;
	min-width: 31em;
	max-width: 62em;
	font-weight: bold;
	color: #0066cc;
	background-color: #eeeeee;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

div#header div h1 {
	font-size: 2em;
	text-align: left;
	padding-left: 0.5em;
	background-color: #eeeeee;
	padding-top: 0.1em;
}

div#header div h2 {
	font-size: 1.5em;
	text-align: center;
	color: #0066cc;
	padding-bottom: 0.4em;
	padding-top: 0.2em;
	background-color: #eeeeee;
}

div#menu {
	display: inline-block;
	width: 100%;
	min-width: 31em;
	max-width: 62em;
	font-weight: bold;
	color: #696969;
	background-color: #cfcfcf;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

div#menu ul {
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	float: right;
}

div#menu ul li {
	display: inline-block;
	padding: 0.1em 0.5em 0.2em 0.5em;
	list-style: none;
}

div.home li#home a,
div.team li#team a,
div.about li#about a,
div.contact li#contact a {
	background-color: #b0b0b0;
	color: #000080;
	text-decoration: none;
}

div#menu a {
	padding: 0.4em 0.4em 0.4em 0.4em;
	color: black;
	text-decoration: none;
}

div#menu a:hover {
	background-color: #b0b0b0;
	color: #000080;
	text-decoration: underline;
}

div#submenu {
	display: block;
	float: right;
	clear: none;
	width: 10em;
	text-align: center;
	border: 1px solid gray;
	margin-top: 1em;
	color: black;
	background-color: #f8f8f8;
	padding: 0.4em 0.4em 0.6em 0.4em;
}

div#submenu a {
	font-weight: bold;
	padding: 0.4em 0.4em 0.4em 0.4em;
	color: black;
	text-decoration: none;
}

div#submenu a:hover {
	background-color: #b0b0b0;
	color: #000080;
	text-decoration: underline;
}

div#content {
	padding-left: 1em;
	line-height: 1.5;
}

div#content h1, div#content h2, div#content h3, div#content h4 {
	font-weight: bold;
	color: #0046ac;
	margin-bottom: 0.2em;
}

div#content h1 {
	font-size: 1.6em;
}

div#content h2 {
	font-size: 1.3em;
}

div#content h3 {
	font-size: 1.1em;
}

div#content p {
	font-size: 1.1em;
	margin-bottom: 0.2em;
}

div#footer {
	width: 100%;
	min-width: 31em;
	max-width: 62em;
	font-weight: normal;
	color: #400000;
	background-color: #eeeeee;
	margin-top: 2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
}

div#footer div.block,
div#footer div.block p {
	font-size: 0.95em;
	width: 15em;
}

div#footer div.block p.email {
	width: auto !important;
	float: left;
}

div#footer div#switch {
	width: 1em;
	float: right;
	clear: none;
}

table {
	text-align: left;
	border-collapse: collapse;
}

td, th {
	text-align: left;
	padding: 0.5em;
	border: 1px solid #eeeeee;
}

div#content ul li {
	padding-left: 1em;
	list-style-position: inside;
}
/* ADDRESS TABLE */
div#content table.address {
	border: none 0px;
	width: 28em;
}

div#content table.address tr th,
div#content table.address tr td {
	padding: 0em;
	padding-right: 0.3em;
	padding-left: 0.3em;
}

div#content table.address tr th {
	border: none 0px;
	color: gray;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	font-size: 1.2em;
}

div#content table.address tr td {
	font-size: 1.1em;
}

div#content table.address td input[type="text"] {
	vertical-align: middle;
	padding-left: 0;
	padding-right: 1em;
	width: 95%;
}

div#content table.address td input[type="submit"] {
	background-color: #cde6ff;
	width: 10em;
	height: 2em;
}

div#content table.address td input[type="submit"]:hover {
	background-color: #0055a9;
	color: white;
	text-decoration: underline;
}

div#content table.address td textarea {
	vertical-align: middle;
	padding-left: 0;
	padding-right: 1em;
	width: 97%;
}

div.portfolio img {
	float: right;
	clear: none;
	width: 14em;
}

div.portfolio p {
	width: 14em;
}