body {
 font-family: Arial, Trebuchet MS, Arial, Helvetica;
 font-size: 11px;
 text-align:left;
 line-height:18px;
}
html,body {
 padding:0 0 10px 0;
}
* {
 margin:0;
 padding:0;
}
img {
 border:0;
}
.float-right{
 float:right;
}
.float-left{
 float:left;
}
.text-right {
 text-align:right;
}
.text-left {
 text-align:left;
}
.clearBoth {
 clear:both; 
}
.left-image{
 margin:0 15px 10px 0;
 float:left;
}
.right-image{
 margin:0 0 10px 15px;
 float:right;
}
.display-inline{
 display:inline;
}
.inline {
}
.inline li {
 display:inline;
}
.noborder 
{
    border:0;
}

/* HEADLINES */

h1,h2,h3,h4,h5,h6 {
 font-weight:normal;
 padding:.2em 0 .5em 0;
 color:black;
 text-transform:uppercase;
}

h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a.frontlink {font-size: 12px; text-transform:uppercase;color:Black;}

/* TYPOGRAPHY */

a {
 text-decoration: underline;
 outline:none;
}
a:hover {
 text-decoration: none;
 outline:none;
}

ul {
 list-style-type:none;
}
p {
 line-height:18px;
 margin:0 0 10px 0;
 font-weight:normal;
}


/* FRAMEWORK */

#sitecontainer{
 width:960px;
 margin:0 auto;
}
#mainarea{
}
#header{
 width:960px;
 margin:0 auto;
 padding:20px 0 10px 0;
 height:100%;
 overflow:hidden;
}
#logo{
  background-image:url(/images/themberglogo.gif);
  text-indent:-9000px;
  background-repeat:no-repeat;
}
#logo:hover{
  cursor:pointer;
}
#content{
 width:610px;
 float:left;
 margin:0 50px 0 0;
}
#sidebar{
 width:300px;
 float:right;
}
#content-wide {
 width:100%;
}
.sidebarelement {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
.element {
 clear:both;
 margin:0 0 20px 0;
 height:100%;
 overflow:hidden;
}
#content-wide{
 width:100%;
}

/* SUBPAGES */


#subpage {
}
#contact{
}
#articles{
}

/* other */

#topmenu {
}
#topmenu ul {
 margin:0;
 padding:0;
}
#topmenu ul li {
 display:inline;
 margin:0 25px 0 0;
}
#topmenu ul li a {
 text-decoration:none;
}
#topmenu ul li a:hover {
 text-decoration:underline;
}



/* contact form */


.form{
}
.contactform 
{
    width:445px;
}

.contactform label{
 font-size:12px;
 width:80px;
 float:left;
 margin:8px 0 0 0;
}
.contactform input{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.contactform .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.contactform input.submit {
 background: url(/images/submit.gif) 0 0 no-repeat;
 width: 100px;
 height: 24px;
 border:none;
 padding:0;
 margin:0 3px 0 0;
 float:right;
}
.contactform .textarea {
 margin:2px 0 10px 0;
 padding:5px;
 width:350px;
 height:150px;
}
.required {
 color:red;
}

/* THUMBS */

.thumbs{ 
 float:left;
}
.thumbs ul {
 margin:0;
 padding:0;
}
.thumbs img{
 margin:0 25px 25px 0;
}
.projecttitle
{
    display:inline;
    /*text-transform:uppercase;*/
    margin:0 0 0 10px;
    font-size:11px;
    text-decoration:none;
}
.projecttitle:hover
{
    text-decoration:underline;
    }

/* FOOTER */

#footer{
 margin:40px 0 20px 0;
}
#footer ul {
 margin:0;
 padding:0;
 font-family:"Trebuchet MS";
 float:left;
}
#footer ul li {
 float:left;
 margin:0 20px 0 0;
}
#footer ul li a {
 text-decoration:none;
}
#footer ul li a:hover {
 text-decoration:underline;
}


.title-image 
{
 padding:0 15px 0 0;
}
.fronpage-image 
{
    width:960px;
    height:400px;
    }
.text-on-grey 
{
    padding:80px 30px 40px 30px;
    background-color:#2b2b2b;
    color:#fff;
    font-size:13px;
    line-height:16px;
    display:block;
    *margin-top:-3px;
    _margin-top:-3px;
}
.text-on-grey p 
{
    width:400px;
}
.contact-image 
{
    position:absolute;
    top:250px;
    margin-left:50px;
    left:50%;
}
.intro
{
}
.intro p
{
    line-height:14px;
}