/*
 __________________________
|                          |
| Martyn Bampton           |
| martyn(at)erinshore.com  |
| Handwritten with GEdit   |
| February 2011            |
|__________________________|
*/





body { background-attachment: fixed;
       font-family: Arial, Sans-Serif;
       font-weight: normal;
       text-decoration: none;
       font-size: 14px;
       padding: 0px;
       margin: 0px;
       background-color: #1c59a2;
      /* background-image: url('bg_page.jpg'); */
       background-repeat: no-repeat;
       background-size: cover; 
       background-position: center top;
     }





a { color: #c00; 
    text-decoration: none;
    font-weight: bold;
  }

a:hover { text-decoration: underline;
        }





table { padding: 0px;
        border: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
      }





h1 { font-family: "Arial";
     font-size: 30px;
     color: #000;
     margin: 0px;
     margin-bottom: 0px;
   }





h2 { font-family: "Arial";
     font-size: 20px;
     color: #000;
     margin: 0px;
   }





h3 { font-family: "Arial";
     font-weight: bold;
     text-decoration: none;
     font-size: 15px;
     color: #6D8FAD;
     margin: 0px;
   }





img { border: 0px;
      padding: 0px;
      margin: 0px;
    }


ul { padding: 0px;
     margin: 0px;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-left: 20px;
   }







#header { max-width:  1280px;
          padding: 20px;
          text-align: right;
          margin: 0px auto;
          min-height: 100px;
          background-color: #fff;
        }

#logo { float: left;
        width: 200px;
      }





#contents  { height: 90px;
             width: 300px;
           }

#main td { padding: 5px;

             }

#contents a { color: #f7f7f7;
            }

#contents a:hover { color: #fff; 
                  }





#main { background-color: #fff;
  
        max-width:  1280px;
        padding: 20px;

        text-align: left;
        margin: auto;
        background-repeat: repeat-y;
        background-position: top center;
      }




#footer_bg { max-width:  1320px;
             height: 50px;
          color: #ddd;

          text-align: center;
          margin: auto;


          clear: both;
        }


#footer { height: 30px;
          padding: 10px;
          /*background-image: url("images/bg_footer.png"); height 90 100*/
          background-color: #555;
          font-size: 12px;
          background-repeat: no-repeat;
        }


#footer a { color: #fff;
          }

#footer a:hover { text-decoration: underline;
                }







#mainleft { width: 210px;
            float: left;
            text-align: left;
          }

#mainright { margin-left: 222px;
           }


#welcome { width: 472px;
         }


#welcomeleft { width: 140px;
               float: left;
               margin-top: 5px;
               margin-bottom: 10px;
             }

#welcomeright { margin-left: 150px;
                text-align: right;
                margin-top: 10px;
                margin-bottom: 5px;
              }

#webleft { width: 230px;
           float: left;
           font-size: 13px;
         }

#webright { margin-left: 250px;
            font-size: 13px;
          }


#emailleft { width: 350px;
             float: left;
           }

#emailright { margin-left: 380px;
            }


#titleleft { width: 300px;
             float: left;
           }

#titleright { margin-left: 320px;
              text-align: right;
              font-size: 12px;
            }

#agrippaleft { width: 340px;
               float: left;
               font-size: 14px;
             }

#agripparight { margin-left: 360px;
                margin-bottom: 40px;
                font-size: 14px;
               }

#textlimit { display: none;
             color: #AD6D6D;
           }


.webleft { width: 250px;
           float: left;

         }
.webright { margin-left: 270px;
          }




.one { background-color: #CEAE44;
     }

.two { background-color: #BE3E50;
     }

.three { background-color: #54B299;
       }

.four { background-color: #788CB8;
      }

.five { background-color: #B79E63;
      }

.blank { background-color: #DAD2B1;
         background-image: url("images/footerbg.jpg");
       }





.notes { font-family: verdana;
         font-weight: normal;
         text-decoration: none;
         font-size: 10px;
         color: #aaa;
       }


.ratestable { width: 98%;
              margin-top: 20px;
              border: 2px solid #D9E1E9;
            }

.ratestable th { background-color: #D9E1E9;
                 padding-left: 5px;
               }

.ratestable td { font-family: Verdana, Sans-Serif;
                 font-size: 11px;
               }

#portfoliotable { width: 100%;
                  margin-top: 20px;
                }

#portfoliotable td { font-family: Verdana, Sans-Serif;
                     font-size: 10px;
                   }

.bluerow { background-color: #F4F9FC;
         }

.greentext { color: #72AD6D;
           }

.redtext { color: #AD6D6D;
         }


.contentintro { margin-bottom: 20px;
              }

.content { margin-bottom: 40px;
         }


.right { float: right;
         margin-left: 10px;
       }


.left { float: left;
        margin-right: 10px;
      }

.menuimage { margin-right: 5px;
           }


.imageleft { border: 1px solid #D7D4B5;
             padding: 4px;
             margin-right: 10px;
             float: left;
           }

.imageright { border: 1px solid #D7D4B5;
              padding: 4px;
              margin-left: 10px;
              float: right;
            }

.galleryitem { margin-bottom: 20px;
             }

.tenpx {padding: 10px;
       }

.textbox { background-image: url("images/textboxbg.gif");
           background-repeat: repeat-x;
           border: 2px solid #ddd;
           color: #00d;
           font-weight: bold;
           font-size: 14px;
           font-family: Arial, Sans-Serif;
         }



.disabled_textbox { color: #000; 
                    background-color: #fff;
                    width: 20px;
                    border: 0px;
                    font-size: 14px;
                    font-family: Arial, Sans-Serif;
                  }


.redtextbox { background-image: url("images/textboxbg.gif");
              background-repeat: repeat-x;
              border: 2px solid #AD6D6D;
            }










.section_title { width: 100%; 
                 border-bottom: 5px solid #ddd;
                 margin: 20px 0px 40px 0px;
                 margin-bottom: 20px;
                 font-weight: bold;
                 font-size: 24px;
                 
               }



.paragraph { margin-bottom: 30px;
           }






.photo_preview { display: inline-block;
                 margin: 0px 10px 10px 0px;
                 border: 8px solid #eee;
                 width: 190px;
                 height: 190px;
                 background-position: center center;
                 background-repeat: no-repeat;
                 background-color: #eee;
               }
















/* ----------Start fields---------- */


.field { display: inline-block;
         width: 400px;
         margin-right: 20px;
         margin-bottom: 10px;
       }

.field span { width: 130px;
              margin-right: 10px;
              margin-bottom: 0px;
              font-weight: bold;
              display: inline-block;
              vertical-align: middle;
              color: #333;
            }

.field p { margin: 0px;
         }

textarea,
.field input[type="text"],
.field input[type="password"],
.field input[type="file"],
.field select,
.field textarea { width: 240px;
                  padding: 10px 5px;
                  font-size: 16px;
                  margin: 0px;
                  box-sizing: border-box;
                  vertical-align: middle;
                  border: 2px solid #ddd;
                  font-family: arial;
                }

.field .formhint { font-size: 11px;
                   font-weight: normal;
                   color: #777;
                 }


select { background-color: #fff;
       }






.formhint { color: #777;
            font-size: 11px;
          }

.required { color: #d00;
            font-size: 11px;
            font-weight: bold;
          }

.recommended { color: #0af;
               font-size: 11px;
               font-weight: bold;
             }

.optional { color: #0a0;
            font-size: 11px;
            font-weight: bold;
          }

#key { font-size: 11px;
     }



#signature_box { width: 700px;
               }

#signature { width: 100%;
             height: 200px;
             margin: 5px 0px;
             border: 5px solid #eee;
             box-sizing: border-box;
           }



.link_button { display: inline-block;
               width: 200px;
               background-color: #3082d5;
               padding: 20px;
               border: 0px;
               border-radius: 10px;
               cursor: pointer;
               color: #fff;
               font-weight: bold;
               font-size: 14px;
               margin: 30px 0px;
             }

.link_button:hover { text-decoration: none;
                     background-color: #5df;
                     color: #fff;
                   }