html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-image: linear-gradient(#CCC, #e9e9e9);
    background-repeat: no-repeat;
    background-attachment: fixed;

     /* font-family: 'Roboto Slab', serif; */
     font-family: 'Montserrat', serif;

    font-size: 16px;
    color: #777777;
    color:#666;
}


.container { }

.homecontainer {
    overflow: auto;
    background: aliceblue url("../images/newton.png") no-repeat bottom right; 
    border-bottom-right-radius: 55px;
    background-repeat: no-repeat;
}

.homelist {
    width:280px;
    padding:.1em 1em 1em 1em;
    background: rgba(240,248,255,.6)

}

.maincontainer {
    background:#fff;
	padding:10px 20px 30px 20px;
	min-height:600px;
    border-bottom-right-radius: 55px;
}

.footercontainer {
    max-width: 1200px;  
    padding:10px ;
    color: #aaa;
    font-size: 10px;
}


.topmargin { 
  	padding: 0 ;
	height:32px;
	color:#fff;
	letter-spacing:2px;
    font-size:22px;
    position:relative;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
}


nav {font-size:12px; margin:0; padding-left:0; }

ul.nav {margin:0; padding:0; line-height: 1em; font-size:14px;}


/* .content ul {margin: 1em 0 0 0; padding: 0;} */

.content ul li { line-height: 1.2em; margin-bottom:.8em; margin-left:0}

ul.homelist li { line-height: 2em;  }

li {line-height: 1.4em;}

.topmargin p.topleft a:link ,
.topmargin p.topleft a:visited ,
.topmargin p.topleft a:hover ,
.topmargin p.topleft a:active {color:#fafafa;}

.topmargin p.topleft { 
    text-transform:uppercase; font-weight:bold; 
    letter-spacing:2px;
    padding: 0 ; margin:0;
    position:absolute; bottom:-10px; left:0;
    }
    
.topmargin p.topright {text-transform:uppercase; font-weight:bold; color:#fff; 
    font-size:14px;
    padding: 0 ; margin:0;
    position:absolute; bottom:-6px; right:0;
}


@media screen and (max-width: 767px) {
    .topmargin p.topright {font-size:12px; }
}



h1 {font-size: 1.5em; margin: 1em 0 .5em 0; font-weight: bold; color: #333;
    font-family: Montserrat, sans-serif;
} 
h2 {font-size: 1.3em; padding: 10px 0 0 0; font-weight: bold; color: #333;     
    font-family: Montserrat,  sans-serif;
}
h3 {font-size: 1.1em; padding: 10px 0 0 0; font-weight: bold; color: #333;}
h4 {font-size: 1em; padding: 10px 0 0 0; font-weight: bold; color: #333;}

a:link {text-decoration: none; color:#666;}
a:visited {text-decoration: none; color: #666;}
a:hover {text-decoration:none;color: #ff6600;}
a:active { text-decoration: noe; color: #ff6600;}


dl.roledetails dt { font-weight:bold; font-size:12px; color:#999; margin: 1em 0 .25em 0; 
    text-transform:uppercase; }

dl.roledetails dd { margin:0 0 .25em 1em; line-height:1.5em;}

img.projectimage {margin: 2em 0 0 1em; }

textarea {border: 1px solid #666;}