@charset "utf-8";

/*

STYLESHEET INFORMATION
----------------------
Codename:  GREEN ATIS
Client:    ATIS SOFTWARE
Author:    BROWN BATTERY STUDIOS

STYLESHEET STRUCTURE
--------------------
(GLOBAL WHITESPACE RESET)
HTML ELEMENTS
GENERIC CLASSES
PAGE STRUCTURE:
	HEADER
		MAIN MENU
	CONTENT
	FOOTER

*/

/* (GLOBAL WHITESPACE RESET) */

* {
	margin: 0;
	padding: 0;
}

/* HTML ELEMENTS */

html {
	width: 100%;
}

body {
	background: url(../images/header_back.png) center top repeat-x;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
}

a {
	color: #377C88;
}

.title {
	color: #377C88;
}


.texts
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

/* GENERIC CLASSES */

/* PAGE STRUCTURE */

div#container {
	text-align: left;
	margin: 0 auto;
	width: 740px;
}

/* HEADER */
div#header {
	background: url(../images/header_photos.png) 248px 0px no-repeat;
	height: 186px;
	width: 740px;
}

	div#header h1 {
		background: url(../images/header_namelogo.png) no-repeat;
		display: inline; /* IE double-margin bug fix */
		float: left;
		height: 0;
		margin-left: 12px;
		overflow: hidden;
		padding-top: 186px;
		width: 236px;
	}

	/* MAIN MENU */
	
	div#header ul#mainmenu {
		background: url(../images/mainmenu.png) 0 -30px no-repeat;
		float: left;
		height: 30px;
		list-style: none;
		margin-left: 22px;
		position: relative;
		top: 125px;
		width: 354px;
	}
	
		div#header ul#mainmenu li {
			position: absolute;
		}
		
			div#header ul#mainmenu li a {
				background-image: none;
				display: block;
				height: 0;
				overflow: hidden;
				padding-top: 30px;
			}
			
			div#header ul#mainmenu li.active a,
			div#header ul#mainmenu li a:hover {
				background-image: url(../images/mainmenu.png);
			}
			
			div#header ul#mainmenu li#mainMenuHome     { left: 0; }
			div#header ul#mainmenu li#mainMenuCompany  { left: 66px; }
			div#header ul#mainmenu li#mainMenuProjects { left: 159px; }
			div#header ul#mainmenu li#mainMenuJobs     { left: 241px; }
			div#header ul#mainmenu li#mainMenuContact  { left: 299px; }
			
			div#header ul#mainmenu li#mainMenuHome a     { width:41px; background-position: 0 0; }
			div#header ul#mainmenu li#mainMenuCompany a  { width:68px; background-position: -66px 0; }
			div#header ul#mainmenu li#mainMenuProjects a { width:59px; background-position: -159px 0; }
			div#header ul#mainmenu li#mainMenuJobs a     { width:33px; background-position: -241px 0; }
			div#header ul#mainmenu li#mainMenuContact a  { width:55px; background-position: -299px 0; }

/* CONTENT */
div#content {
	clear: both;
	float: left;
	font-size: 1.2em;
	margin-top: 12px;
	padding-left: 10px;
	width: 730px;
}

	div#content p,
	div#content blockquote,
	div#content ul,
	div#content ol,
	div#content dl,
	address {
		margin: 1em 0;
		line-height: 1.5em;
	}
	
	div#content ul,
	div#content ol {
		margin-left: 2.5em;
	}
	
	div#content h2,
	div#content h3,
	div#content h4 {
		color: #1E9D23;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		margin: 1.25em 0 0.5em 0;
	}
	
	div#content h2 { font-size: 1.833em; }
	div#content h3 { font-size: 1.5em; }
	
	
	div#content .title-top {
		margin-top: 0;
	}
	
	div#content .alt h2,
	div#content .alt h3,
	div#content .alt h4 {
		color: #377C88;
	}
	
	div#content .alt a {
		color: #1E9D23;
	}
	
	div#content div.column-third {
		background: url(../images/content_corner.png) no-repeat;
		float: left;
		padding: 25px 10px 20px 25px;
		width: 198px;
	}
	
	div#content div.div-pad {
		padding: 15px;
	}
	
	div#content div.column-whole {
		background: url(../images/content_cornerwide.png) no-repeat;
		float: left;
		padding: 25px 10px 20px 25px;
	}
	
		div#content div.column-whole div.block-intro {
			float: left;
			padding-right: 20px;
			width: 220px;
		}
		
		div#content div.column-whole div.rounded {
			background-color: #F4F4F4;
			float: left;
			margin-top: 6px;
			width: 430px;
		}
		
		div#content div.column-whole div.block-body {
			padding: 14px 20px;
		}

/* FOOTER */
div#footer {
	clear: both;
	padding: 20px 0;
	text-align: center;
	width: 740px;
}

	div#footer small {
		font-size: 1.1em;
		color: #999;
	}