/* -- Basic HTML Elements -- */

body {font-family: Arial, sans-serif;padding:0;margin:0;background-color:#3d3c3c;}
img {border:0; padding:0;}
form {margin: 0;}
a:link {color: #be0000; text-decoration: none;}
a:visited {color: #bc00be; text-decoration: none;}
a:hover {background: #666; color: #fff; text-decoration: none;}
.linkspace {padding:0 3px 0 3px;}
table {margin: 0.5em 0;}
.clear {clear:both;}
.link {margin:0 0 20px 0;padding:0;}
.link a:link, .link a:visited {font: normal 11px Arial, sans-serif;padding:0 3px 0 10px;background:url(img/btn_arrow.png) no-repeat 0 3px;}
.link a:hover {font: normal 11px Arial, sans-serif; color:fff;background: #4b4b4b url(img/btn_arrow_hl.png) 2px 3px no-repeat;}


/* -- Header -- */

#pageHeader {width: 100%; height: 120px; background: #ca0d0d url(img/header_bg_graphic.jpg) 0 0 repeat-x;}
#pageHeader h1 {position:absolute; margin: 0;background: transparent url(img/sellingerdesign.png) no-repeat;top:28px;left:40px;}
#pageHeader h1 span{visibility: hidden;}


#pageHeader #mail {position:absolute; margin:0;background:transparent url(img/menu_mail.png) no-repeat;top:30px;left:469px;font: normal 1px;line-height:15px; height:30px;width:250px;}
#pageHeader #mail span{visibility: hidden;}
#pageHeader #direct {position:absolute; margin:0;background:transparent url(img/menu_direct.png) no-repeat;width:200px;top:30px;left:700px;}
#pageHeader #direct span{visibility: hidden;}
#pageHeader #live {position:absolute;margin:0;background:transparent url(img/menu_sellingerlive.png) no-repeat;top:30px;left:875px;font: normal 1px;line-height:15px; height:30px;width:100px;}
#pageHeader #live span{visibility: hidden;}
#pageHeader a:hover {background: transparent; text-decoration: none;}

	/* -- Menu -- */
	#siteNav {position:absolute;top:60px;left:110px;}
	#siteNav li {list-style: none; margin: 0; padding: 0; display: inline;}
	#siteNav li a:link, #siteNav li a:visited {display: block; position: absolute; top: 0; height: 50px;}
	#siteNav li a:hover {background: transparent;}

	#siteNav .li1 a {left: 0px; width: 36px;}
	#siteNav .li2 a {left: 62px; width: 50px;}
	#siteNav .li3 a {left: 136px; width: 50px;}
	#siteNav .li4 a {left: 209px; width: 46px;}

	#siteNav li a:link span, #siteNav li a:visited span {display: block; position: absolute; top: 20px; background-image: url(img/menu_panel.png); background-repeat: no-repeat; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; height: 0; padding: 13px 0 0 0;}
	#siteNav .li1 a span {background-position: 0px -20px; width: 36px;}
	#siteNav .li2 a span {background-position: -62px -20px; width: 50px;}
	#siteNav .li3 a span {background-position: -136px -20px; width: 50px;}
	#siteNav .li4 a span {background-position: -209px -20px; width: 46px;}

	#siteNav .li1 a:hover span, .home #siteNav .li1 a:hover span {background-position: 0px 0px;}
	#siteNav .li2 a:hover span, .articles #siteNav .li2 a:hover span {background-position: -62px 0px;}
	#siteNav .li3 a:hover span, .projects #siteNav .li3 a:hover span {background-position: -136px 0px;}
	#siteNav .li4 a:hover span, .about #siteNav .li4 a:hover span {background-position: -209px 0px;}
	
	#siteNav .li1A a {left: 0; width: 36px;}
	#siteNav .li2A a {left: 62px; width: 50px;}
	#siteNav .li3A a {left: 136px; width: 50px;}
	#siteNav .li4A a {left: 209px; width: 46px;}
	
	#siteNav .li1A a span {background-position: 0px 0px; width: 36px;}
	#siteNav .li2A a span {background-position: -62px 0px; width: 50px;}
	#siteNav .li3A a span {background-position: -136px 0px; width: 50px;}
	#siteNav .li4A a span {background-position: -209px 0px; width: 46px;}
	
	/* -- IE Hack -- */
	#siteNav li a:link, #siteNav li a:visited {cursor: pointer;}




/* -- Flash Box -- */

.flashboxHeader{width:100%; background:#3d3c3c url(img/flashbox_bg_gradient.jpg) 0 0 repeat-x;}
.flashboxContent{width:600px;padding:40px 0 20px 40px;}
#flashcontent{}

#topSpace {width: 100%; height: 45px;background: #1d1d1d url(img/header_bg_graphic_grey.jpg) 0 0 repeat-x;}


/* -- Content -- */

#pageContent {width: 100%; background: #FFF;padding: 20px 0px;margin:0;}

#pageContent .section {margin: 0 0 10px 0;width:500px;float:left;}
#pageContent .backbtn {clear:both; float:left;background:#4b4b4b;padding:0 20px 0 0;margin:0;}
#pageContent .section h1 {font: normal 14px Arial, sans-serif; color:#fff;margin:3px 10px 3px 0;}
#pageContent .section h2 {font: normal 14px Arial, sans-serif; color:#fff;margin:3px 10px 3px 0;}
#pageContent .section h1 span {background:#4b4b4b;padding:3px 10px 3px 40px}
#pageContent .section h2 span {background:#4b4b4b;padding:3px 10px 3px 0;}


#container {width: 700px; float:left; font: normal 11px Arial, sans-serif; color: #505050;}

#container .hometeaser {width:620px;padding:10px 0 30px 40px;clear:left;}
#container .teaser {width:620px;padding:0 0 10px 40px;clear:left;}
#container .objects {width:620px;padding:0 0 30px 40px;clear:left;}
#container .article {width:670px;clear:left;}
#container .contact {width:620px; padding:0 0 30px 40px; clear:left;}

#container .imgbox {width:220px;float:left;padding:10px 0 30px 40px;}
#container .imgbox a:hover{background:transparent;}
#container .textbox {width:350px;float:left;padding:0 0 0 40px;}
#container .screen {width:600px;padding:40px 0 0 40px;}
#container .promobox {width:600px;margin:0 0 10px 0;}
#container .line {width:600px;margin:0 0 20px 40px;border-bottom:1px solid #c3c3c3;}

#container h1 {font: normal 14px Arial, sans-serif; color: #3d3c3c;margin:10px 0 10px 0;}
#container p {font: normal 11px Arial, sans-serif; color: #505050;margin:0 0 10px 0;line-height:16px}
#container ul {font: normal 11px Arial, sans-serif; color: #505050; margin-bottom:17px;}
#container li {font: normal 11px Arial, sans-serif; color: #3d3c3c;margin:0 0 5px 0;}


	/* -- Content -- */
	
	#featurebox {width: 240px; float:left}
	#featurebox .newsbox {margin:0 0 30px 0;}
	#featurebox h1 {font: normal 14px Arial, sans-serif; color: #3d3c3c; border-bottom:1px solid #c3c3c3;margin:0;padding:5px 0 5px 0;}
	#featurebox h2 {font: normal 11px Arial, sans-serif; color: #3d3c3c; margin:0; padding:5px 0 0 0;}
	#featurebox h2.bottomborder { padding:5px 0 5px 0; border-bottom:1px solid #c3c3c3; }
	#featurebox .space {margin:20px;}
	#featurebox p {font: normal 11px Arial, sans-serif; color: #505050;margin:5px 0 10px 0;line-height:16px;}
	#featurebox .element {margin:0 0 30px 0;}
	#featurebox ul {font: normal 11px Arial, sans-serif; color: #505050; margin-bottom:17px;}
	#featurebox li {font: normal 11px Arial, sans-serif; color: #3d3c3c;margin:0 0 5px 0;}
	
	
#container .logoContainer {padding:0 0 20px 0;border-bottom:1px solid #c3c3c3;}
#container .logoContainer img{float:none;}
#container .logoContainer a:hover {background:transparent;}
#container .logobox200 {float:left; width:196px;text-align:center;}
#container .logobox150 {float:left; width:150px;text-align:center;}

#container .form {margin:0 0 10px 0;border-bottom:1px solid #c3c3c3;padding:0 0 10px 0;}
#container .formrow {padding:0 0 10px 60px;font: normal 11px Arial, sans-serif; color: #505050;clear:left;margin:0 0 20px 0;}
#container .formname {width:120px;float:left;line-height:20px;}
#container .formname span{font: bold 18px Arial, sans-serif;color:#be0000;}
#container .formfield {width:440px;float:left;}



/* -- Footer -- */

#pageFooter {width: 100%; height: 100px; background: #3d3c3c url(img/footer_bg_graphic.jpg) 0 0 no-repeat;margin:0;padding:5px 0 0 0;}
#pageFooterMenu {width: 700px; float:left;margin:0;}
#pageFooterMenu a {font: normal 11px Arial, sans-serif; color:#9e9e9e;padding:2px 10px;}
#pageFooterMenu a:hover {font: normal 11px Arial, sans-serif; color:#ffffff;padding:2px 10px;}
#pageFooterMenu ul {padding-left:290px;margin:0;}
#pageFooterMenu li {display: inline;list-style-type: none;}
#pageFooterMenu li.active a { color: white; }

#pageId {width: 280px; float:left}
#pageId p{font: normal 11px Arial, sans-serif; color:#9e9e9e;margin:0;padding:5px 0 10px 0;}
#pageId #um {margin:0;background:transparent url(img/um_logo.png) no-repeat 0 1px;font: normal 1px;line-height:15px; height:30px;width:150px;float:left;}
#pageId #partner {height:30px;float:left;font: normal 11px Arial, sans-serif; color:#9e9e9e;width:115px;}  
#pageId #um span {visibility: hidden;}
#pageId a:hover {background: transparent; text-decoration: none;}
#pageId em{font-style:italic;}