/*
font-family: 'Signika Negative', sans-serif;
font-family: 'Cagliostro', sans-serif;
font-family: 'Ribeye Marrow', cursive;
font-family: 'Signika', sans-serif;
font-family: 'Antic', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Quattrocento Sans', sans-serif;
font-family: 'Nunito', sans-serif;
*/

/*========== 
    GENERIC 
==========*/

body {
    font:1em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida', Sans-Serif; line-height:15px;
    background: #fff url(images2/backgrounsetc-starfield-4.jpg);}
    
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size: 2em; letter-spacing:2px;
    font-family: 'Nunito', sans-serif;
    line-height: 34px;}
h2 {font-size: 1.6em; line-height: 30px;}
h3 {font-size: 1.2em; line-height: 22px;}
h4 {font-size: 1em; line-height: 19px;}

.right {float:right; margin: 6px 15px;}
.center {text-align:center; margin-left: auto; margin-right: auto;}
.small {font-size: 90%; line-height:100%;}
a {text-decoration:none;}

#central a, #central a:visited {color: #3e7a7d;}
#central a:hover {color:#000;}
#central a:active {color:#4b8f94;}
p a:hover {border-bottom:1px dotted #000;}

#home a img {border:none; margin: 0 auto;}

p {margin: 15px;
    font-size: 14px; line-height: 19px;
    text-align:justify;
    text-indent: 15px;
    }

p.noindent {
    text-indent:0;
    }

/*========== 
    HEADER 
==========*/

.header {color:#fdfdfd;
    display:block;
    text-shadow:0px 1px 1px #000;
    background-color:rgba(40,60,63,.7);
    padding: 10px 20px;
    font-family: 'Quattrocento Sans', sans-serif;
    }
    
.header a {color:#fdfdfd; }
.nav {margin-left: 2px; line-height: 18px;}
#home .header a {color:#bbb;}
#home .header h1 a {color:#fdfdfd;}
.header a:hover, #home .header a:hover {
    color:#fff;
    text-shadow:0px -1px 1px #ddd;
    }
    
/*========== 
    CENTRAL 
==========*/

#central {width:700px; height: 600px; margin: 60px auto 30px auto;
    background:#fdfdfd;border:1px solid #000;}
#home #central {background:transparent;}

.section {height: 100%;}

#home .section {float:left; margin:-1px;
    border:1px solid #000;
    background: rgb(250,250,250);
    width: 330px; height: 290px;
    padding: 0 10px 10px 10px;
    }
    
.section h2 {
    color: #000;
    padding: 10px 15px;
    margin-bottom: 0;
    }
.section h3 {margin: 10px 30px;}
.section h4 {margin: 10px 30px;}
    
#home .section h2 {
    text-align:center;
    }
#home .section a {color: #326163;}
    
#home .section.hover {
    background: rgba(250,250,250,.8);
    cursor:pointer;
    }
    
#home .section.hover a {color:#152829;}
    
/*========== 
    ABOUT PANE & SERVICES PANE & PORTFOLIO PANE
==========*/
    
.about, .services, .portfolio {
    text-align:center;
    }
.about img, .services img, .portfolio img {
    width:225px;height:200px;display:block;margin:0 auto;
    opacity: .7;
    }
.about img, .portfolio img {
    border-radius:10px;
    -moz-border-radius:10px;
    box-shadow: 1px 1px 1px #000;
    } 
.about.hover img, .services.hover img, .portfolio.hover img {
    opacity:1;
    }
    
#home .portfolio a img {
    width: 223px;
    height: 163px;
    margin-bottom: 35px;
    border:1px solid #000;
    }
    
/*========== 
    CONTACT PANE & CONTACT 
==========*/
    
#social {text-align:center; padding: 10px 0;}

.email {
    border-radius:10px;
    -moz-border-radius:10px;
     opacity: .7;
    box-shadow: 1px 1px 1px #000; 
    padding: 2px; margin: 0 auto; 
    width: 326px; display:block;}
img.social {
    width: 76px; height: 76px; opacity:.7;
    box-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    -moz-border-radius:10px;
    }

.social:hover, .email:hover {opacity:1;}
    
/*========== 
    FOOTER 
==========*/
    
.footer {clear:both;
    margin: 0 auto 10px auto;
    width: 120px;
    text-align:center;
    padding: 6px;
    border-radius: 10px;
    -moz-border-radius:10px;
    background:rgba(40,60,63,.7);
    vertical-align:middle;
    font-size: 20px;
    line-height:0;
    display:block;
    }
.footer img {height:16px; width:13px; border:none;}
    
.footer a {color: #fff;
    text-shadow:1px 1px 0.2em #000;}
    
.footer a:hover {color: #c49f5a;
    text-shadow:1px 1px 0.2em #000;}

/*========== 
    ABOUT 
==========*/

.imgplace {border:1px solid #000; background:#fff;}

.minime {
    padding: 0 0px; width: 233px; height: 186px; 
    margin-left:-1px; border-left: 1px solid #000;
    float:left;
    background-color: #fdfdfd;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom:1px solid #000;
    text-shadow:0px 0px 20px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd;
    }
.minime p {
    }
    
#about #central a img {border:1px solid #326163; margin: 1px;}
#about #central a:hover img {border:2px solid #152829; margin: 0px;}
#about #central a:active img {border-color:#4b8f94;}

/*========== 
    SERVICES 
==========*/

.rate {
    color:#fdfdfd;
    text-shadow:0px 1px 1px #000;
    background: #274345;
    padding: 10px;
    font-size: 14px;
    line-height: 19px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 1px 1px 1px #000; 
    }

.money {
    font-size: 3em;
    line-height: 100%;
    color:#be934c;
    text-align:center;
    font-weight:bold;
    margin: 6px;
    }

.footnote p {
    font-size: 12px; line-height: 15px;
    }


/*========== 
    PORTFOLIO 
==========*/

#portfolio h2 {
    background: transparent url(/images2/h2-shield.png) repeat-x top left;
    height: 100px;
    margin-bottom: -80px;
    }

#portfolio .section {
    background: #fdfdfd;
    text-shadow:0px 0px 20px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd, 0px 0px 2px #fdfdfd;
    overflow:hidden;
    }

#portlist {
    float:right;
    width: 220px;
    text-align:center;
    padding: 0px;
    height: 600px;
    overflow: auto;
    border-left: 1px solid #000;
    background:#fffcf9;
    margin-left: 15px;
    }

.portlink-wrapper {
    padding: 3px 0;
    }

#portlist a {
    display:block;
    margin: 8px auto 8px auto;
    width: 176px;
    font-size: 13px; line-height: 13px;
    }

#portlist a div {
    width: 176px;
    padding: 2px;
    margin-top:4px;
    border-radius:10px;
    -moz-border-radius:10px;
    box-shadow: 1px 1px 1px #000; 
    background: #fff;
    }

#portlist img {
    border-radius:10px;
    -moz-border-radius:10px;
     opacity: .7;
    width: 176px; display:block;
    }

#portlist a:hover img {
    opacity: 1;
    }
    
.attribution {
    text-align:right;
    margin:-10px 0 0 0;
    font-weight:bold;
    }

.smaller {
    font-size:13px; line-height: 17px;
    }

    /*
#portfolio #central a img {border:1px solid #326163; margin: 1px;}
#portfolio #central a:hover img {border:2px solid #152829; margin: 0px;}
#portfolio #central a:active img {border-color:#4b8f94;}
    */