/*
Theme Name: Ephicas
Theme URI: http://ephicas.eu
Description: Ephicas corporate website Wordpress theme
Version: 1.0
Author: Martijn Pillich
Author URI: http://martijnpillich.nl
*/

/* Layout */
body {
	background: #d3e4ec url(images/background.gif) repeat-x top center;
	margin: 0;
	padding: 0;
	text-align: center;
}

div {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.clearfloat {
	clear: both;
}

#header, #content-container-1, #content-container-2, #footer {
	width: 940px;
}

#header {
	background: url(images/logo.gif) no-repeat 10px 28px;
	height: 60px;
	text-align: right;
}

#navigation-top {
	height: 20px;
	margin: 0;
	padding: 30px 10px 10px 10px;
}

#navigation-top li {
	display: inline;
	line-height: 20px;
	margin: 0 0 0 12px;
	padding: 0;
}

#navigation-side ul {
	margin: 0;
	padding: 0;
}

#navigation-side ul li {
	border-top: 1px solid #6da5bc;
	list-style: none;
	margin: 0;
	padding: 12px;
}

#navigation-side ul li.first {
	border-top: none;
}

#content-container-1 {
	background: #fff url(images/background-left-right.gif) repeat-y top center;
}

#content-container-2 {
	background: url(images/background-top.gif) no-repeat top center;
}

#content-container-3 {
	padding: 11px 11px 0 11px;
	width: 918px;
}

#contact {
	border-top: 1px dotted #6da5ba;
	margin-top: 18px;
	width: 846px;
}

#footer {
	background: url(images/background-bottom.gif) no-repeat top center;
	padding: 35px 0 1px 0;
	text-align: center;
}

.content {
	clear: both;
	float: left;
	padding: 36px 36px 1px 36px;
}

/* Grid */
.column {
	float: left;
	margin: 0 18px 18px 0;
}

.last {
	clear: right;
	margin-right: 0;
}

.span-1				{ width: 54px; }
.span-2				{ width: 126px; }
.span-3 			{ width: 198px; }
.span-4				{ width: 270px; }
.span-5				{ width: 342px; }
.span-6				{ width: 414px; }
.span-7				{ width: 486px; }
.span-8				{ width: 558px; }
.span-9				{ width: 630px; }
.span-10			{ width: 702px; }
.span-11			{ width: 774px; }
.span-12			{ margin-right: 0; width: 846px; }

/* Typography & Colors */
body {
	color: #666;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.5;
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

a {
	color: #004964;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #c3cf21;
}

h1, h2, h3 {
	color: #004964;
	font-family: "Frutiger", "Frutiger LT", Arial, sans-serif;
	line-height: 1.2em;
	padding: 0;
}

h1 { font-size: 1.667em; margin: 0 0 0.9em 0; }
h2 { font-size: 1.5em; margin: 1em 0 1em 0;}
h3 { font-size: 1.167em; margin: 1em 0 0.643em 0; }

#navigation-top li a {
	font-family: "Frutiger", "Frutiger LT", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.current_page_item a {
	color: #c3cf21;
}

.news {
	margin: 0;
	padding: 0;
}

.news li {
	list-style: none;
	margin: 0 0 0.75em 0;
	padding: 0;
}

.date {
	color: #666;
}

p.date {
	margin-bottom: 0.75em;
}

.small, .date {
	font-size: 0.83em;
}

.thin {
	font-weight: lighter;
}

.italic {
	font-style: italic;
}

/* Forms */

input, textarea {
	border: 1px solid #6da5ba;
}

input {
	float: left;
}

textarea {
	width: 300px;
}

/* Miscelaneous */

img {
	float: left;
	margin: 0 0 18px 0;
}

a img {
	border: none;
}

img.align-left {
	margin-right: 18px;
}

img.align-right {
	margin-left: 18px;
}

img.icon {
	margin-right: 9px;
}

.news img {
	float: none;
}

td {
	vertical-align: top;
	padding: 3 9 3 0;
}

div.header-image img, img.no-border {
	border: none;
	padding: 0;
}

img.ajax-loader {
	margin-bottom: 0;
}

div#header-performance, div#header-design, div#header-environment {
	height: 204px;
	margin: -36px 0 36px -36px;
	width: 918px;
}

div#header-performance {
	background: url('images/header-performance.jpg') no-repeat top left;
}

div#header-design {
	background: url('images/header-design.jpg') no-repeat top left;
}

div#header-environment {
	background: url('images/header-environment.jpg') no-repeat top left;
}

.horizontal-line {
	border-bottom: 1px dotted #6da5ba;
	clear: left;
	height: 0;
	width: 100%;
	margin: 0 0 18px 0;
}

.button, input.button {
	background: url('images/button.gif') no-repeat top left;
	border: none;
	color: #fff;
	display: block;
	float: left;
	height: 24px;
	line-height: 22px;
	margin: 9px 9px 9px 0;
	text-align: center;
	width: 90px;
}

input.button {
	font-weight: bold;
	font-size: 1em;
	padding-top: 5px;
}

a.button:hover {
	background: url('images/button-highlight.gif') no-repeat top left;
	color: #fff;
	cursor: pointer;	
}

input.button {
	
}

 table {
	margin-bottom: 1.5em;
}

.no-margin-top 		{ margin-top: 0; }
.no-margin-bottom	{ margin-bottom: 0; }
.no-margin-left		{ margin-left: 0; }
.no-margin-right	{ margin-right: 0; }
.no-margin 			{ margin: 0;}

.align-left 		{ float: left; }
.align-right, 
a.align-right		{ float: right; }

.box-198-top, .box-270-top, .box-414-top, .box-558-top, .box-846-top {
	float: left;
	margin-bottom: 18px;
}

.box-198-bottom, .box-270-bottom, .box-414-bottom, .box-558-bottom, .box-846-bottom {
	float: left;
	padding: 12px 12px 0 12px;
}

.box-198-top 	{ background: url('images/box-198-top.gif') no-repeat top left; }
.box-270-top 	{ background: url('images/box-270-top.gif') no-repeat top left; }
.box-414-top 	{ background: url('images/box-414-top.gif') no-repeat top left; }
.box-558-top 	{ background: url('images/box-558-top.gif') no-repeat top left; }
.box-846-top 	{ background: url('images/box-846-top.gif') no-repeat top left; }

.box-198-bottom	{ background: url('images/box-198-bottom.gif') no-repeat bottom left; width: 174px;}
.box-270-bottom	{ background: url('images/box-270-bottom.gif') no-repeat bottom left; width: 246px;}
.box-414-bottom	{ background: url('images/box-414-bottom.gif') no-repeat bottom left; width: 390px;}
.box-558-bottom	{ background: url('images/box-558-bottom.gif') no-repeat bottom left; width: 534px;}
.box-846-bottom	{ background: url('images/box-846-bottom.gif') no-repeat bottom left; width: 822px;}

.box-414-top-performance-calculator {
	background: url('images/box-414-top-performance-calculator.jpg') no-repeat top left;
	float: left;
	margin-bottom: 18px;
	padding-top: 10px;
	position: relative;
	top: -10px;
	width: 424px;
}

.team {
	border-bottom: 1px solid #6da5ba;
	margin-bottom: 18px;
}