/*******************
**    GENERAL     **
********************/

body {
	background-color: #F2F3F2;
	background-image: url(http://www.sumaato.net/img/bg.png);
	background-repeat: no-repeat;
	color: #3D4454;
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

#wrapper {
	position:absolute;
	left:190px;
	top:0px;
	width:650px;
}

p {
	margin:0px;
}

#spacer {
	float: left;
	width: 650px;
	margin-bottom: 40px;
}

.hi {
	background-color: #E3F7FF;
	color: inherit;
	padding: 1px 0px 1px 0px;
}

/*******************
**    PAGEHEAD    **
********************/

#header {
	width: 650px;
	height: 120px;
	}

#logo {
	width: 257px;
	margin: 66px 0px 0px 10px;
	float: left;
	display:inline;
}

#menuLanguage {
	text-align: right;
	font-size: 9px;
	color: #B4B7BB;
	background-color: inherit;
	float: right;
	margin: 76px 0px 0px 0px;
	text-decoration: none;
	display: inline;
}

#menuLanguage a,
#menuLanguage a:link,
#menuLanguage a:visited,
#menuLanguage a:hover,
#menuLanguage a:active {
	text-decoration: none;
	color: #B4B7BB;
	background-color: inherit;
}


/*******************
**      MENU      **
**      SIZES     **
********************/

.menu {
	padding: 7px 0px 6px 10px;
	cursor: pointer;
	color: white;
	background-color: inherit;
	text-decoration: none;
	line-height:12px;
	display: block;
}

#menuAbout, #menuWork, #menuLabs, #menuContact, #menuBlog {
	width:640px;
	height:26px;
	float: left;
	margin: 0px 0px 0px 10px;
	display:inline;
}

#miniWork, #miniLabs, #miniContact, #miniBlog {
	width:10px;
	height:26px;
	float: left;
	display:inline;
}

.mini {
	float: left;
	width: 10px;
}

.menuMini {
	cursor: pointer;
	width: 10px;
	height: 26px;
	color: white;
	background-color: inherit;
	text-decoration: none;
	display: block;
}

/*******************
**      MENU      **
**   COLORS AND   **
**   BEHAVIOURS   **
********************/

#menuAbout, #miniAbout {
	background-color: #87DC1E;
	color: inherit;
	border-bottom: 1px solid #9FE34B;
}

#menuAbout:hover, #menuAbout.sfhover {
	background-color: #8DDE29;
	color: inherit;
}

#menuWork, #miniWork {
	background-color: #11CE58;
	color: inherit;
	border-bottom: 1px solid #41D879;
}

#menuWork:hover, #miniWork:hover, #menuWork.sfhover, #miniWork.sfhover {
	background-color: #1DD061;
	color: inherit;
}

#miniLabs, #menuLabs {
	background-color: #34BACA;
	color: inherit;
	border-bottom: 1px solid #5DC8D5;
}

#menuLabs:hover, #miniLabs:hover, #menuLabs.sfhover, #miniLabs.sfhover {
	background-color: #3EBECD;
	color: inherit;
}

#menuContact, #miniContact {
	background-color: #5B6C6D;
	color: inherit;
	border-bottom: 1px solid #7C898A;
}

#menuContact:hover, #miniContact:hover, #menuContact.sfhover, #miniContact.sfhover {
	background-color: #637374;
	color: inherit;
}

#menuBlog, #miniBlog {
	background-color: #414D4E;
	color: inherit;
	border-bottom: 1px solid #586869;
}

#menuBlog:hover, #miniBlog:hover, #menuBlog.sfhover, #miniBlog.sfhover {
	background-color: #4B5657;
	color: inherit;
}

/*******************
**    CONTENT     **
********************/

#homeText {
	width: 620px;
	padding: 130px 0px 0px 10px;
	background-color: inherit;
	color: inherit;
	clear: both;
}

#homeText a, .contentWrapper1 a, .contentWrapper2 a {
	color: #34BACA;
	background-color:transparent;
	text-decoration: none;
	padding-top: 3px;
}

#homeText a:hover, .contentWrapper1 a:hover, .contentWrapper2 a:hover {
	border-bottom: 1px dotted #34BACA;
}

.left {
	float: left;
	background-color:inherit;
	color: inherit;
}

.right {
	float: left;
	background-color:inherit;
	color:inherit;
}

.middle {
	background-color:inherit;
	color:inherit;
}

.wide {
	background-color:inherit;
	color:inherit;
}

/*******************
**      HOME      **
********************/

#homeText .left {
	width: 290px;
	margin: 0px 20px 40px 10px;
	display: inline;
}

#homeText .right {
	width: 290px;
}

#homeText .wide {
	width: 300px;
	margin: 0px 20px 0px 10px;
	display: block;
}

#homeText .wide img {
margin-bottom: -1px;
}

/*******************
**    LAYOUT 1    **
********************/

.contentWrapper1 {
	overflow: visible;
	width: 640px;
	padding: 30px 0px 20px 0px;
	background-color: white;
	color: inherit;
	float: right;
}

.contentWrapper1 .left {
	width: 240px;
	margin-left: 30px;
	margin-bottom: 40px;
}

.contentWrapper1 .right {
	width: 240px;
	margin-left: 60px;
	margin-bottom: 40px;
}

.contentWrapper1 img a {
	padding:0px;
	background-color:inherit;
	color: inherit;
	margin:0px;
}

.flickr_badge_image img {
	border: 1px solid #A3B4B5;
	/*
	padding: 10px 10px 30px 10px;
	margin-left:-10px;*/
}

.flickr_badge_image a:hover {
	border: 0px;
}


/*******************
**    LAYOUT 2    **
********************/

.contentWrapper2 {
	overflow: visible;
	width: 640px;
	padding: 30px 0px 20px 0px;
	background-color: white;
	color: inherit;
	float: right;
}

.contentWrapper2 .left {
	width: 240px;
	margin-left: 30px;
	margin-bottom: 40px;
}

.contentWrapper2 .right {
	width: 240px;
	margin-left: 60px;
	margin-bottom: 40px;
}

.contentWrapper2 h1 {
	font-size: 12px;
	padding: 1px 0px 1px 0px;
}

.contentWrapper2 img a {
	padding:0px;
	background-color:inherit;
	color: inherit;
	margin:0px;
}

#wrapper .contentWrapper2 #map {
	width: 240px;
	height: 300px;
	margin-left: 50px;
	margin-bottom: 40px;
	border: 1px solid #A3B4B5;
}

.contentWrapper2 .left img {
	margin-bottom: -1px;
}

/*******************
**    LAYOUT 3    **
********************/

.contentWrapper3 {
	overflow: visible;
	width: 640px;
	padding: 15px 0px 40px 0px;
	background-color: white;
	color: inherit;
	float: right;
}

.contentWrapper3 .submenu {
	width: 240px;
	padding-right: 400px;
	margin: 0px 0px 0px 0px;
	text-align:right;
	line-height: 25px;
	float: left;
	background-color:inherit;
	color: #83D891;
}

.contentWrapper3 .submenu a {
	color: #11CE58;
	background-color: inherit;
	padding:0px;
	text-decoration: none;
}

.contentWrapper3 .right {
	width: 300px;
	margin: 0px 0px 0px 280px;
	display:inline;
}

.contentWrapper3 h1 {
	font-size: 15px;
	font-weight: normal;
	color: #34BACA;
	margin: 0px 0px 20px 0px;
}

.contentWrapper3 hr {
	width: 640px;
	height:0px;
	border:none;
	border-top:0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom:1px solid #C7DBDD;
	float:left;
	margin: 30px 0px 30px 0px;
}

.contentWrapper3 .contentHeader {
	float: left;
	width: 640px;
}

.contentWrapper3 .contentBody {
	float:left;
	margin-bottom: 10px;
	width: 640px;
}

.contentWrapper3 .contentBody .left {
	width: 200px;
	margin:0px 0px 0px 40px;
	padding: 0px;
	display:inline;
}

.contentWrapper3 .contentHeader .right{
	margin-left:280px;
}

.contentWrapper3 .contentBody .right {
	margin-left: 40px;
}