/*a font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
	font-family: 'Museo 500';
	src: url('../fonts/museo500-regular-webfont.eot');
	src: local('Museo 500'), url('../fonts/museo500-regular-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* all pages - styles for all links */
a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	color:#efefef;
	background: none;
}
a.links:link, a.links:visited {
	color:#313131;
	background: none;
	font-weight:bold;
	text-decoration:none;
	border-bottom:dotted 1px #777;
}
a.links:hover, a.links:active {
	text-decoration:none;
	border-bottom:solid 1px #333;
}
body { 
	position:relative;
    min-width: 900px;
    margin:0;
    padding:0;
    z-index:0;
    font: 12pt/1em Arial, sans-serif;
}
/* backgrounds */
#banner {
	position:absolute;
	width:100%;
	height:135px;
	top:0;
	left:0;
	background:#030303 url('http://www.luwebdesign.com/images/banner.png') repeat-x;
}
#menuwrapper {
	position:absolute;
	width:100%;
	height:27px;
	top:135px;
	left:0;
	background:#67a411 url('http://www.luwebdesign.com/images/menu-bkground.png') repeat;
}
#contentwrapper {
	position:absolute;
	width:100%;
	height: 100%;
	margin-top:162px;
	left:0;
}
#footer, #footer-l{
	position:absolute;
	top:800px;
	left:0;
	width:100%;
	height:280px;
	background:#030303;
}
#footer-l{
	top:1300px;
}
/* header content */
#head {
	width:883px;
	margin:0 auto;
	padding:0 5px;
	color:#efefef;
}
#head p {
	text-align:right;
	margin-right:10px;
	margin-top: 0;
	float: right;
}
#head a.lang {
	font:0.7em/1em 'Lucida Grande','Lucida Sans', sans-serif;
	border:none;
	color:#efefef;
	background: none;
}
#head a.lang:link, #head p a.lang:visited {
	color:#efefef; 
	text-decoration:none;
}		
#head a.lang:hover, #head p a.lang:active {
	text-decoration:none;
	border-bottom:solid 1px #fff;
	background-color:transparent;
	color:#efefef;	
}		
#head h1 img {
	width:620px;
	margin:0;
	padding:0;
	border:0;
}
.flags {
	width:18px;
	border:0;
	vertical-align:middle;
}
/* tabs menu */
#menu {
	width:883px;
	margin:0 auto;
 	padding:0 5px;
 	background:#67a411 url('http://www.luwebdesign.com/images/menu-bkground.png') repeat;
}
.mainNav, .mainNav-sp {
	float:right;
	width:409px; /* originally 307px */
	display:block;
	margin:0;
	padding:0;
	border-left:1pt solid #fff;
	text-transform:uppercase;
	background:#67a411 url('http://www.luwebdesign.com/images/menu-bkground.png') repeat;
}
.mainNav-sp {
	width: 445px;
}
.mainNav li, .mainNav-sp li {
  	float:left;
  	width:101px;
  	border-right:solid #fff 1pt;
    list-style-type:none;
	display:inline;
	background:#67a411 url('http://www.luwebdesign.com/images/menu-bkground.png') repeat;
}
.mainNav-sp li {
	width: 110px;
}
.mainNav li a, .mainNav-sp li a {    
	display:block;
	padding:0;
	font:bold 0.715em/2.4em 'Museo 500', 'Lucida Grande', 'Lucida Sans', sans-serif;
  	letter-spacing:2px;
  	text-align:center;
  	text-decoration:none;
  	color:#efefef;
}
.mainNav li a:hover, .mainNav li a:active, .mainNav-sp li a:hover, .mainNav-sp li a:active {
	background-color:#fff;
	border-right:solid 1pt #4e9600;
	border-left:solid 1pt #4e9600;
	color:#444;
}
.mainNav .current a, .mainNav-sp .current a  {
	background-color:#fff;
    color:#333;
}
.mainNav .current a:hover, .mainNav-sp .current a:hover  {
	border-right: 0;
	border-left: 0;
}  
/* main content area */
#content {
	clear:both;
	width:883px;
	margin:0 auto;
	padding:0;
	font:0.8em/1em Arial, sans-serif;
	color:#313131;
}
.intro {
	float:left;
	width:553px;
	padding-top:18px;
	margin-top:4px;
	text-align:left;
	line-height:1.8em;
}
.intro p em{
	font-family: Verdana, sans-serif;
	border-bottom: dotted 1px #777;
}
ul.services li {
	list-style-type:square;
}
#sidebar, #sidebar-l {
	position:relative;
	float:right;
	width:298px; /*originaly 300px */
	padding:0 3px 25px 3px;
	margin:3px 2px 0 0;
	background-color:#f0f0f0;
	color: #333;
	border-right:solid 1pt #cbcbcb;
	border-left:solid 1pt #cbcbcb;
}
#sidebar-l {
	height:1107px;
}
#sidebar-l ol, #sidebar ol {
	line-height:1.8em;
	font-size:94%;
}
h2 { 
 	margin-top:30px;
	padding-bottom:5px;
	text-transform:uppercase;
	text-align:left;
	font:bold 1.5em/0.5em 'Museo 500','Lucida Grande', 'Lucida Sans', sans-serif;
	color:#333;
	border-bottom:solid 1pt #c9cbca;	 
}
h2 img {
	border:0;
	width:30px;
}
.workbox {
	float: left;
	margin-top:0;
	margin-right: 40px;
	margin-bottom: 0;
	border-bottom:solid 1px #ededed;
	width: 232px;
	height: 220px;
}
.workbox a img {
	width:215px;
	padding:0;
	margin:13px 0 5px 5px;
	background-color:#fefefe;
	border:3px solid #bcbcbc;
}
.workbox a img:hover {
	padding:0;
	margin:13px 0 5px 5px;
	background-color:#e2e0e0;
	border:3px solid #999;
}
p.project { 
	margin-left: 5px;
	margin-top: -5px;
	font:0.875em/1.5em Arial, sans-serif;
	color:#313131;	
}
p.project a.designby{
	color: black; 
	font-family: Helvetica;
	border-bottom: dotted 1px #777;
}
p.project a.designby:hover{
	text-decoration: none; 
	border-bottom: solid 1px #777;
}
p.project .website a{
	font-family:Verdana, sans-serif;
	display:block;
	width:100px;
	text-decoration:none;
	color:#67a411;
}
p.project .website a:link, p.project .website a:visited, p.project .website a:hover, p.project .website a:active{
	text-decoration:none;
	color:#67a411;
	background: #fff;
} 
hr {
	visibility:hidden;
	clear:both;
}
/* playlist */
#playlist {
	margin-top:100px;
}
/* footer area */
#footinfo {
	width:883px;
	margin:10px auto 0 auto;
	padding:0 5px;
	color:#efefef;
	background: #030303;
}
p.linksbottom {
	margin-right:10px;
	padding:0;
	font:0.7em/1em 'Lucida Grande','Lucida Sans', sans-serif;
	text-align:right;
}
p.linksbottom a:link, p.linksbottom a:visited {
	color:#efefef;
	text-decoration:none;
	background: #030303;
}
p.linksbottom a:hover{
	border-bottom:solid 1px #fff;	
}	
p.linksbottom a:active {
	text-decoration:none;
	background-color:transparent;
}	         
.fascinations {
	float:left;
	width:230px;
	padding:0;
	margin-top: -7px;
}
.fascinations ul, .contact ul {
	list-style:square;
	margin-top: -10px;
}
.fascinations li a {
	color:#efefef;
	font:9pt/0.5em Arial, sans-serif;
}
.fascinations li a:link, .fascinations li a:visited {
	text-decoration:none;
	background: #030303;
	color:#efefef;
}
.fascinations li a:hover, .fascinations li a:active {
	text-decoration:none;
	border-bottom:solid 1px #fff;
}
.contact {
	float:left;
	width:255px;
	margin-left:50px;
	font:9pt/0.5em Arial, sans-serif;
}
.skype a:link, .skype a:visited {
	color:#efefef;
	text-decoration:none;
	background: #030303;
	
}
.skype a:hover, .skype a:active {
	border-bottom:solid 1px #fff;
	text-decoration:none;
}
h3 { 
	font:1.05em/1.5em 'Lucida Grande', 'Lucida Sans', sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	text-align:left;
	border-bottom:solid 1pt #cdcdcd;
}
h3 img {
	border:0;
	width:23px;
}
img.profiles {
	border:0;
	width:30px;
}	
#twitter_update_list {
	list-style:none;
	font: normal 8.5pt/1.5em Arial, sans-serif;
	color:#efefef;
	background: #030303;
	margin-top: -5px;
}
#twitter_update_list li {
	padding-bottom:10px;
	margin-left:0;
	font-style: italic;
}
#twitter_update_list a:link {
	color:#efefef;	
	text-decoration:none;
	background: #030303;
	border-bottom:dotted 1px #efefef;
	font-style: normal;
}