/* Meags Fitzgerald Homepage 2009 */
/* Scott Borys                    */
/* scott.borys@gmail.com          */
/* August & September 2009        */

/* PALETTE                        */
/* white              #FFFFFF     */
/* light green        #DBF1CA     */
/* dark green         #B2C9AD     */
/* black              #000000     */
/* red                #BC4B17     */
/* grey               #C9C9C9     */

/* MISC                           */
.white      { color: #FFFFFF; }
.greenlight { color: #DBF1CA; }
.greendark  { color: #B2C9AD; }
.black      { color: #000000; }
.grey       { color: #C9C9C9; }
.red        { color: #BC4B17; }
.center     { text-align: center; }
.left       { text-align: left;   }
.right      { text-align: right;  }
.middle     { margin-left: auto; margin-right: auto; }

/* FORMATTING                      */
a img {
    border: 0px;
}
img   {
    border: 0px;
}
a {
    text-decoration: none;
    color: #BC4B17;     
}
a:hover {
    text-decoration: underline;
}
body, p {
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: kalinga, arial, sans-serif;
    font-size: 12px;
}
body {
    background-color: white;
}

/* POSITIONING                     */
#wrapper {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative; 
    text-align: left;
    overflow: hidden;   
}
#header  {
    height: 140px;
    width: 960px;
    float: left;
    position: relative; 
    background-color: #DBF1CA;  
}
#header #logo {
    position: relative;
    float: right;
    top: 25px;
    right: 30px;    
}
#header #homelogo {
    position: relative;
    float: right;
    clear: right;
    top: 25px;
    right: 30px;    
}
#header #pageLogo, #header #pageTitle  {
    position: relative;    
}
#middle {
    width: 960px;
    min-height: 410px;
    height: auto;
    float: left;
    position: relative;
    clear: left; 
    background-color: #DBF1CA;
    overflow: hidden;    
}
#middle #left {
    width: 150px;
    float: left;
    position: relative;
    top: 0px;
    left: 20px;
    background-color: #B2C9AD; 
    margin-bottom: -8000px;
    padding-bottom: 8000px;  
}
#middle #left .content {
    width: 120px;
    float: left;
    position: relative;
    left: 20px;
    top: 20px;   
}
#middle #left .content a {
    display: block;
    float: left;
    margin-bottom: 10px;
    position: relative;
    clear: left;
}
#middle #right {
    width: 790px;
    float: left;
    position: relative;
    left: 20px;
    top: 0px;       
}
#middle #right #col1 {
    width: 602px;
    float: left;
    background-color: #fff;
    position: relative;
    top: 0px;
    left: 20px;
    margin-bottom: -8000px;
    padding-bottom: 8000px;    
}
#middle #right #col1 .content {
    position: relative;
    width: 560px;
    border-right: 2px solid #C9C9C9;
    top: 20px;
    bottom: 20px;
    left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    min-height: 340px;
    height: auto;
}
#middle #right #col2 {
    width: 148px;
    left: 20px;
    top: 0px;
    position: relative;
    float: left;
    background-color: #fff;
    margin-bottom: -8000px;
    padding-bottom: 8000px;     
}
#middle #right #col2 .content {
    width: 110px;
    left: 20px;
    top: 20px;
    position: relative;
    float: left;
    text-align: left;
    margin-bottom: 20px;    
}
#middle #right #col2 .content a, #middle #right #col2 .content strong  {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
}
#middle #contactLeft {
    width: 750px;
    float: left;
    position: relative;
    top: 0px;
    left: 20px;
    background-color: #fff; 
    margin-bottom: -8000px;
    padding-bottom: 8000px;    
}
#middle #contactLeft .content {
    width: 710px;
    float: left;
    position: relative;
    left: 20px;
    top: 20px; 
    margin-bottom: 20px;     
}
#middle #contactRight {
    width: 150px;
    float: left;
    background-color: #B2C9AD;
    position: relative;
    top: 0px;
    left: 40px;
    margin-bottom: -8000px;
    padding-bottom: 8000px;      
}
#middle #contactRight .content {
    width: 110px;
    left: 20px;
    top: 20px;
    position: relative;
    float: left; 
    margin-bottom: 20px;      
}
#middle #contactRight .content img {
    margin-bottom: 20px;
}
#bottom {
    width: 960px;
    float: left;
    clear: left;
    height: 20px;
    position: relative; 
    background-color: #DBF1CA;   
}
#bottom .content {
    position: relative; 
    left: 20px;
    top: 3px;
    height: 20px;
    float: left;
    width: 930px;
}
#bottom .content a {
    color: #000;
}

/* CSS HACKS                       */
/*\*/
* html #middle { height: 410px; }
/**/
/*\*/
* html #middle #right #col1 .content { height: 340px; }
/**/

/* INDIVIDUAL PAGES                */
#home { 
    width: 768px; 
    height: 600px; 
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
#home img {
    position: absolute;
    left: 0px;
    top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
#home #text {
    text-align: left;
    position: absolute;
    width: 220px;
    height: 240px;
    top: 180px;
    left: 550px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 13px;
}
#home p {
    margin-bottom: 10px;
}

#contact p, #gesp p, #improv p, #portfolio p{
    margin-bottom: 10px;
}
#contact p a {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 40px;
}