/* DEFINITIONS: RESET > START */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin:				0;
	padding:			0;
}

fieldset, img { 
	border:				0;
}

address, caption, cite, code, dfn, th, var {
	font-style:			normal;
	font-weight:			normal;
}

ol, ul {
	list-style:			none;
}

caption, th {
	text-align:			left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:			100%;
}

q:before, q:after {
	content:			'';
}

abbr, acronym {
	border:				0;
}

/* DEFINITIONS: RESET > END */

/* DEFINITIONS: HTML-ELEMENTS > START */

div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, label, input {
	color:				white;
	font-family:			"trebuchet ms", verdana, arial, sans-serif;
	font-size:			14px;
	line-height:			18px;
}

a {
	color:				white;
	outline:			0;
}

a:hover {
	text-decoration:		none;
}

p {
	margin:				0 0 13px;
}

h1 {
	font-size:			24px;
	line-height:			32px;
	margin:				0 0 2px;
}

h2 {
	font-size:			18px;
	line-height:			24px;
	margin:				0 0 2px;
}

ol, ul {
	margin:				0 0 15px;
	padding:			0;
}

li {
	list-style-type:		disc;
	margin:				0 0 0 14px;
	padding:			0 0 0 5px;
}

/* DEFINITIONS: HTML-ELEMENTS > END */

/* DEFINITIONS: GLOBALS > START */

.clearer {
	clear:				both;
	visibility:			hidden;
}

.noMargin {
	margin:				0;
}

.noShadow {
	padding:			0 15px;
}

/* DEFINITIONS: GLOBALS > END */

/* DEFINITIONS: BASE-LAYOUT > START */

.clouds {
	background:			url(../images/clouds.png) center 50px no-repeat;
	min-height:			800px;
}

.main {
	margin:				0 auto;
	padding:			0 25px;
	width:				940px;
}

.navigationLogo {
	width:				940px;
	min-height:			90px;
}

.desertCanyon {
	background:			url(../images/desert_canyon.png) left bottom repeat-x;
	bottom:				0px;
	height:				66px;
	left:				0;
	position:			fixed;
	width:				100%;
	z-index:			100;
}

.manLaptop {
	bottom:				0;
	height:				255px;
	right:				0px;
	position:			fixed;
	width:				319px;
	z-index:			200;
}

/* DEFINITIONS: BASE-LAYOUT > END */


/* ### */
/* END OF FUNDAMENTAL-SETTINGS & -CLASSES */
/* ### */


/* #################################### */


/* ### */
/* START OF SPECIAL-SETTINGS & -CLASSES */
/* ### */


/* DEFINITIONS: ACCORDION > START */

.accordion .accordionHeadline {
	border-bottom:			white solid 2px;
	margin:				0;
	outline:			0;
	padding:			0 0 10px;
}

.accordion .accordionHeadline.ui-state-default {
	background:			url(../images/icon_plus_white.gif) no-repeat left 7px;
	border-bottom:			0;
	cursor:				pointer;
	padding-left:			20px;
}

.accordion .accordionHeadline.ui-state-active {
	background:			url(../images/icon_minus_white.gif) no-repeat 2px 11px;
	border-bottom:			white solid 2px;
	cursor:				default;
	padding-left:			20px;
}

.accordion .accordionContent {
	border-bottom:			white solid 2px;
	margin:				0 0 25px;
	padding:			10px 0;
}

/* DEFINITIONS: ACCORDION > END */

/* DEFINITIONS: AREA > START */

.area {
	background:			repeat-x;
	min-height:			750px;
	padding:			0 0 450px;
}

/* DEFINITIONS: AREA > END */

/* DEFINITIONS: AREA (ABOUT) > START */

.areaAbout {
	background-color:		#e5ac73;
	background-image:		url(../images/area_about_bg.png);
}

.areaAbout .headline h1 {
	background-image:		url(../images/headline_about.png);
}

.tabs li a.person:link {
	background:			url(../images/tab_person.png) no-repeat;
}

.tabs li a.person:hover,
.tabs li.ui-state-hover a.person {
	background-position:		0 -143px;
}

.tabs li.ui-state-active a.person {
	background-position:		0 -286px;
}

.tabs li a.skills {
	background:			url(../images/tab_skills.png) no-repeat;
	position:			relative;
	top:				-10px;
}

.tabs li a.skills:hover,
.tabs li.ui-state-hover a.skills {
	background-position:		0 -143px;
}

.tabs li.ui-state-active a.skills {
	background-position:		0 -286px;
}

/* DEFINITIONS: AREA (ABOUT) > END */

/* DEFINITIONS: AREA (CONTACT) > START */

.areaContact {
	background-color:		#ffeed9;
	background-image:		url(../images/area_contact_bg.png);
}

.areaContact .headline h1 {
	background-image:		url(../images/headline_contact.png);
}

/* DEFINITIONS: AREA (CONTACT) > END */

/* DEFINITIONS: AREA (HOME) > START */

.areaHome {
	background-color:		#a6d5ff;
	background-image:		url(../images/area_home_bg.png);
}

.areaHome .headline h1 {
	background-image:		url(../images/headline_home.png);
}

/* DEFINITIONS: AREA (HOME) > END */

/* DEFINITIONS: AREA (PORTFOLIO) > START */

.areaPortfolio {
	background-color:		#52b8cc;
	background-image:		url(../images/area_portfolio_bg.png);
}

.areaPortfolio .headline h1 {
	background-image:		url(../images/headline_portfolio.png);
}

.tabs li a.digital {
	background:			url(../images/tab_digital.png) no-repeat;
}

.tabs li a.digital:hover,
.tabs li.ui-state-hover a.digital {
	background-position:		0 -143px;
}

.tabs li.ui-state-active a.digital {
	background-position:		0 -286px;
}

.tabs li a.print {
	background:			url(../images/tab_print.png) no-repeat;
	position:			relative;
	top:				-10px;
}

.tabs li a.print:hover,
.tabs li.ui-state-hover a.print {
	background-position:		0 -143px;
}

.tabs li.ui-state-active a.print {
	background-position:		0 -286px;
}

.tabs li a.clients {
	background:			url(../images/tab_clients.png) no-repeat;
	position:			relative;
	top:				-20px;
}

.tabs li a.clients:hover,
.tabs li.ui-state-hover a.clients {
	background-position:		0 -143px;
}

.tabs li.ui-state-active a.clients {
	background-position:		0 -286px;
}

/* DEFINITIONS: AREA (PORTFOLIO) > END */

/* DEFINITIONS: BANNER > START */

.banner {
	background:			url(../images/banner_shadow.png) left bottom no-repeat;
	height:				150px;
	margin:				0 0 10px;
	padding:			0 15px 15px;
	width:				910px;
}

.banner a {
	display:			block;
	height:				150px;
	width:				910px;
}

.banner img {
	display:			block;
	height:				150px;
	width:				910px;
}

.banner .container {
	height:				150px;
	overflow:			hidden;
	position:			relative;
	width:				910px;
}

/* DEFINITIONS: BANNER > END */

/* DEFINITIONS: HEADLINE > START */

.headline {
	margin:				0 11px 10px;
}

.headline h1 {
	background:			no-repeat;
	height:				29px;
	line-height:			29px;
	margin:				0;
	overflow:			hidden;
	white-space:			nowrap;
}

.headline span {
	display:			block;
	text-indent:			9999px;
}

/* DEFINITIONS: HEADLINE > END */

/* DEFINITIONS: LOGO > START */

.logo {
	float:				right;
	padding:			6px 0 0;
	text-align:			right;
	width:				230px;
}

/* DEFINITIONS: LOGO > END */

/* DEFINITIONS: NAVIGATION > START */

.navigation {
	float:				left;
}

.navigation ul {
	margin:				0;
	padding:			0 0 0 11px;
}

.navigation ul li {
	display:			inline-block;
	list-style-type:		none;
	margin:				0 20px 0 0;
	padding:			0;
}

.navigation ul li a {
	background:			no-repeat;
	display:			block;
	height:				58px;
	overflow:			hidden;
	white-space:			nowrap;
}

.navigation ul li a span {
	display:			block;
	text-indent:			500px;
}

.navigation ul li.home a {
	background-image:		url(../images/navigation_home.png);
	width:				117px;
}

.navigation ul li.about a {
	background-image:		url(../images/navigation_about.png);
	width:				166px;
}

.navigation ul li.portfolio a {
	background-image:		url(../images/navigation_portfolio.png);
	width:				108px;
}

.navigation ul li.contact {
	margin-right:			0;
}

.navigation ul li.contact a {
	background-image:		url(../images/navigation_contact.png);
	width:				199px;
}

.navigation ul li a:hover,
.navigation ul li.active a {
	background-position:		0 -58px;
}

/* DEFINITIONS: NAVIGATION > END */

/* DEFINITIONS: RATING-TABLE > START */

.ratingTable {
	margin					:	0 0 20px;
}

.ratingTable .leftCol {
	padding					:	0 25px 3px 0;
	min-width				:	180px;
}

.ratingTable .rightCol img {
	margin					:	3px 0 0;
	padding					:	0 0 3px;
}

/* DEFINITIONS: RATING-TABLE > END */

/* DEFINITIONS: REFERENCE > START */

.reference .leftCol {
	float:				left;
	padding:			0 10px 15px 11px;
	text-align:			center;
	width:				160px;
}

.reference .leftCol img {
	display:			block;
}

.reference .rightCol {
	float:				left;
	padding:			10px 0 0;
	width:				610px;
}

/* DEFINITIONS: REFERENCE > END */

/* DEFINITIONS: TAB-SYSTEM > START */

.tabSystem .ui-tabs-hide {
	display:			none;
}

.tabSystem .tabs {
	float:				left;
	margin:				0;
	padding:			0;
}

.tabSystem .tabs li {
	list-style-type:		none;
	margin:				0;
	padding:			0;
}

.tabSystem .tabs li a {
	display:			block;
	height:				145px;
	margin:				0;
	overflow:			hidden;
	padding:			0;
	white-space:			nowrap;
	width:				60px;
}

.tabSystem .tabs li a span {
	display:			block;
	text-indent:			60px;
}

.tabSystem .tabs li.ui-state-active a {
	cursor:				default;
}

.tabSystem .tabContent {
	float:				left;
	margin:				0 0 0 -10px;
}

.tabSystem .tabContent .top {
	background:			url(../images/tab_content_top.png) no-repeat;
	height:				19px;
	width:				885px;
}

.tabSystem .tabContent .middle {
	background:			url(../images/tab_content_middle.png) repeat-y;
	min-height:			290px;
	padding:			15px 35px;
	width:				815px;
}

.tabSystem .tabContent .bottom {
	background:			url(../images/tab_content_bottom.png) no-repeat;
	height:				19px;
	width:				885px;
}

/* DEFINITIONS: TAB-SYSTEM > END */