/* Global Elements */
body,html { margin: 0 auto; padding: 0; background-color:#fff; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#3F3F3F; line-height:1.3em; }
img { border: 0; }
a { color: #5DC7DB; font-weight:bold; text-decoration:underline; }
a:hover { color: #333; text-decoration: none; }
ul { background-color:#fff; }
h3 { font-size:0.9em; }
hr { color:#fff; background-color:#fff; border:0; }


/* Floats & clears */
.left { float:left; }
.right { float:right; width:250px; }
.clear {
	clear:both;
	text-align: right;
}


/* Head section */
#top_grad { width:100%; height:22px; background-color: #fff; background-image:url(../images/top_bar_bg.gif); background-repeat:repeat-x; }
.body_container {
	width: 780px;
	padding: 0;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.head_img { margin-bottom: 30px; }
.header { width:600px; }
#scroll_btn { cursor:pointer; }
#angel_container { background-image:url(../images/hg_start.gif); background-position:left top; background-repeat: no-repeat; width: 100%; height: 800px; }


/* Work container stuff */
.work_container { padding:0; text-align:left; padding-top:200px; background-position:center top; background-repeat:repeat-x;  }
.text_resize {
	float:right;
	margin-top: -5px;
	margin-right: -8px;
	margin-bottom: 0;
	margin-left: 0;
}
.box_top { margin-top:-10px; width:840px; height:11px; }
.box {
	width:827px;
	background-image:url(../images/box_grad_sides.gif);
	background-repeat:repeat-y;
	margin: 0;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 13px;
}
.box_bottom { width:840px; height:11px; }
#dandad {
	background-image:url(../images/hg_1.gif);
	background-position: left;
}
#umbro{
	background-image:url(../images/hg_2.gif);
	background-position: center;
}
#skylarkin {
	background-image:url(../images/hg_mitte_hoch.gif);
	padding-top:1000px;
	margin-top: 400px;
	background-position: left;
}
#luckyvoice {
	background-image:url(../images/hg_3.gif);
	background-position: left;
}
#logo { background-image:url(../images/hg_1.gif); }
#faceless{ background-image:url(../images/umbella_man.gif); padding-top:1000px; margin-top:300px; }
#coldstats { background-image:url(../images/hg_2.gif); }
#dreams {
	background-image:url(../images/hg_3.gif);
	background-position: left;
}
#end { background-repeat:no-repeat; background-color:#91B423; background-image:url(../images/hg_ende.gif); padding-top:1400px; }
.work_text_container { padding: 5px 20px 0 110px; float:left; width:200px; }
.work_text_container_ref {
	float:left;
	width:310px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
}
.work_text_container_right { margin: 5px 40px 0 0; float:right; width:450px; }
.orange_txt { color: #F06824; }
.green_txt { color: #D3DD2E; }
.blue_txt { color: #5DC7DB; }
.spacer { height:24px; line-height:1px; }


/* Nav section stuff */
.navBox {
	width:827px;
	background-image:url(../images/box_grad_sides.gif);
	background-repeat:repeat-y;
	margin: 0;
	padding: 5px 0 5px 13px;
	background-color: #FFFFFF;
}
.db_logo { vertical-align:text-bottom; margin-right:30px; }
.next_btn { text-align:center; cursor:pointer; }
.top_btn { margin-left:493px; cursor:pointer; }
#open_btn { margin-top:6px; }


/* Stickers */
.rossette { width: 116px; height:183px; position: relative; top:-130px; margin:0 -110px -180px 0; }
.rossettewidth { width:116px; height:183px; }
.sticker { width: 112px; height:183px; background-repeat:no-repeat;  position: relative; top:-120px; left:10px; margin-bottom:-180px; }
.stickerwidth { width:112px; height:112px; }


/* Footer stuff */
.footer { background-color:#fff; padding:20px; width:600px; }
.tick { width:16px; height:16px; vertical-align:bottom; }


/* Set images dimensions for IE6 png fix */
.open_project { width:95px; height:24px; }
.quote { width:575px; height:189px; }
.text_size_increase { width:20px; height:21px; }
.text_size_decrease { width:22px; height:21px; }
.title_coldstats { width:182px; height:212px; }
.title_faceless { width:334px; height:212px; }
.title_logos { width:350px; height:212px; }
.title_luckyvoice { width:206px; height:212px; }
.title_skylarkin { width:280px; height:212px; }
.title_umbro { width:433px; height:212px; }