body { margin: 0; padding: 0; text-align: center; vertical-align: top;  }

#main { vertical-align: top; width: 780px; text-align: center; margin: 0; padding: 0; }

#content { width: 780px; text-align: center; vertical-align: top; padding: 0; border: 0; display: block; margin: 0 auto 0px auto;  }

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

.header  { text-align: left; border: 0px; padding: 0; margin: 0; width: 201px; }

.header2 { text-align: right; vertical-align: top; border: 0px; padding: 0; margin: 0; width: 579px; }

.menu { background-color: #f2f2f2; text-align: center; width: 86px }

.menu a:link     {  color: #316cf2; font-size: 0.74em; text-decoration:none; font-family: verdana; padding: 2px 3px; }
.menu a:active   {  color: #316cf2; font-size: 0.74em; text-decoration:none; font-family: verdana; padding: 2px 3px; }
.menu a:visited  {  color: #316cf2; font-size: 0.74em; text-decoration:none; font-family: verdana; padding: 2px 3px; }
.menu a:hover    {  color: #f8007b; font-size: 0.74em; text-decoration:none; font-family: verdana; padding: 2px 3px; }

.menu li { list-style: square url(../images/smarrow.gif); margin: .5em .5em 0 25px; padding-left: 0; vertical-align: top; }


.head { text-align: right; vertical-align: center; font-family: "Trebuchet MS", verdana; font-size: 0.84em; letter-spacing: 1px; color: #316cf2; padding: 5px 17px; margin: 0; }

.head a:link    { color:#316cf2; font-size: 1.0em; text-decoration:none}
.head a:visited { color:#316cf2; font-size: 1.0em; text-decoration:none}
.head a:hover   { color:#316cf2; font-size: 1.0em; text-decoration:underline}
.head a:active  { color:#316cf2; font-size: 1.0em; text-decoration:none}

.main { width: 600px; text-align: left; vertical-align: top; padding: 14px 22px; margin: 0; background-color: #e9f6e3 }

.left { width: 600px; text-align: left; vertical-align: top; margin: 0px; padding: 0 }

.right { width: 170px; text-align: left; vertical-align: top; margin: 0px; padding: 0 }

.body { font-size: 0.84em; color: #525d55; margin: 0; padding: 0; }

H1 { font-family: helvetica; font-size: 2em; letter-spacing: 3px; font-weight: bold; color: #318942; margin: 0; padding: 0 0 7px 0;}

H2 { font-family: "Trebuchet MS", helvetica; font-size: 1.44em; letter-spacing: 2px; font-weight: bold; color: #ee2c8d; margin: 0; padding: 10px 0;}

H3 { font-family: "Trebuchet MS", helvetica; font-size: 1.34em; letter-spacing: 1px; font-weight: bold; color: #ee2c8d; margin: 0; padding: 10px 0; }

H4 { font-family: "Trebuchet MS", helvetica; font-size: 1.24em; letter-spacing: 1px; font-weight: bold; color: #ee2c8d; margin: 0; padding: 0; }

H5 { font-family: "Trebuchet MS", helvetica; font-size: 1.04em; letter-spacing: 1px; font-weight: bold; color: #ee2c8d; margin: 0; padding: 0; }

H6 { font-family: "Trebuchet MS", helvetica; font-size: 0.94em; letter-spacing: 1px; font-weight: bold; color: #ee2c8d; margin: 0; padding: 6px 0 18px 0; }

.body p {  font-family: "Trebuchet MS", verdana; font-size: 1em; margin: 0px; padding: 2px 0 7px 0; }

.body li { padding: 8px 0 }

.address { text-align: left; font-family: "Trebuchet MS", verdana; font-size: 0.90em; color: #ee2c8d; font-weight: bold; padding: 1px 8px; }

.form { font-family: "Trebuchet MS", verdana; font-size: 0.84em; color: #56645a; line-height: 17px; padding: 4px 22px; }

.formtitle { font-family: "Trebuchet MS", helvetica; font-size: 1.14em; letter-spacing: 1px; font-weight: bold; color: #316cf2; margin: 0; padding: 16px 36px;}

.inform { font-family: "Trebuchet MS", verdana; color: #56645a; padding: 2px 14px; }

.portfolio { padding: 0px; }

.portfolio p { vertical-align: top; font-size: 0.74em; font-family: verdana; color: #435886; padding: 2px 0px; }

.portfolio a:link    { color:#316cf2; font-size: 0.90em; text-decoration:none}
.portfolio a:visited { color:#316cf2; font-size: 0.90em; text-decoration:none}
.portfolio a:hover   { color:#316cf2; font-size: 0.90em; text-decoration:underline}
.portfolio a:active  { color:#316cf2; font-size: 0.90em; text-decoration:none}

.prices { padding: 0px; margin: 4px}

.prices p { vertical-align: top; font-size: 0.84em; font-family: verdana; color: #56645a; padding: 2px 0px; margin: 0 }

.prices a:link    { color:#316cf2; text-decoration:none}
.prices a:visited { color:#316cf2; text-decoration:none}
.prices a:hover   { color:#316cf2; text-decoration:underline}
.prices a:active  { color:#316cf2; text-decoration:none}

.prices ul{ font-family: verdana; color: #56645a; font-size: 0.80em; padding: 2px 32px; margin: 0}
.prices li{ list-style-type: square; padding: 1px 4px;}

.pricebox { padding: 0px; font-size: 0.84em; font-family: verdana; color: #56645a; }

.price { text-align: left; font-size: 0.94em; background-color: #e0e0e0; padding: 5px 8px; font-weight: bold; }

.price1 { background-color: #f5f5f5; font-size: 0.94em; }

.price2 { background-color: #f5f5f5; padding: 1px 0; }

.pricetext { background-color: #f5f5f5; padding: 1px 0;  font-size: 0.84em;}

.text { font-size: 0.84em; }


.base { background-color: #67b85a; vertical-align: center; font-family: "Trebuchet MS", verdana; font-size: 0.84em; letter-spacing: 1px; color: #f2f9ef; padding: 5px 8px;}

.base a:link    { color:#f2f9ef; font-size: 1.0em; text-decoration:none}
.base a:visited { color:#f2f9ef; font-size: 1.0em; text-decoration:none}
.base a:hover   { color:#f2f9ef; font-size: 1.0em; text-decoration:underline}
.base a:active  { color:#f2f9ef; font-size: 1.0em; text-decoration:none}

.copy { font-size: 0.84em;}

ul.square { list-style-type: none; font-size: 1.10em; padding-left: 26px; line-height: 16px; }
.square a:link    { color:#316cf2; text-decoration:none}
.square a:visited { color:#316cf2; text-decoration:none}
.square a:hover   { color:#316cf2; text-decoration:underline}
.square a:active  { color:#316cf2; text-decoration:none}

#wrap { width: 780px; margin: 0 auto; height: 98%; text-align:center; position: relative;}

#background { font-size: 8px; font-family: verdana, arial; padding-left: 10px; padding-right: 10px; letter-spacing: 2px; color:#eef7ea; line-height: 16px;}

#screen { width: 780px; height: 600px; text-align:center; float: top; position: absolute; top:1%; left: 1%}

#header {width: auto; margin: 4px; padding: 16px; text-align: left;}

#body {background-image: url(images/bubble.gif); background-repeat: no-repeat; background-attachment: fixed; width: 780px; height: 300px; width: auto; margin: 4px; padding: 4px; text-align: center;}

#basement {width: auto; margin: 4px; padding: 16px; text-align: center; vertical-align: bottom; }

a.basement:link { color:#318942; font-size: 0.7em; font-family: verdana, arial; padding: 1px; text-decoration:underline; letter-spacing: 3px;}
a.basement:visited { color:#318942; font-size: 0.7em; font-family: verdana, arial; padding: 1px; text-decoration:underline; letter-spacing: 3px;; letter-spacing: 3px;}
a.basement:hover { color:#a1d18b; font-size: 0.7em; font-family: verdana, arial; padding: 1px; text-decoration:underline; letter-spacing: 3px;}
a.basement:active { color:#318942; font-size: 0.7em; font-family: verdana, arial; padding: 1px; text-decoration:underline; letter-spacing: 3px;}

.footer { font-family: verdana; font-size: 0.65em; color: #777777; padding: 8px; }

a.footer:link { color:#4d4d4d; font-size: 10px; font-family: verdana, arial; padding: 1px; text-decoration:none}
a.footer:visited { color:#4d4d4d; font-size: 10px; font-family: verdana, arial; padding: 1px; text-decoration:none}
a.footer:hover { color:#000000; font-size: 10px; font-family: verdana, arial; padding: 1px; text-decoration:underline}
a.footer:active { color:#4d4d4d; font-size: 10px; font-family: verdana, arial; padding: 1px; text-decoration:none}

.sitemap { color:#316cf2; font-size: 0.94em; font-family:  "Trebuchet MS", verdana;  }
.sitemap ul{ color:#316cf2; }
.sitemap li{  list-style-type: square; padding: 4px 8px;}
.sitemap a:link    { font-size: 0.90em; text-decoration:none}
.sitemap a:visited { font-size: 0.90em; text-decoration:none}
.sitemap a:hover   { font-size: 0.90em; text-decoration:underline}
.sitemap a:active  { font-size: 0.90em; text-decoration:none}

.sitemap2 ul{  padding: 0px; margin: 0 }
.sitemap2 li{  list-style-type: circle; padding: 2px 1px; margin: 0 }

.resources { font-size: 0.90em; font-family: verdana; color: #56645a; }

.resources a:link    { text-decoration:none}
.resources a:visited { text-decoration:none}
.resources a:hover   { text-decoration:underline}
.resources a:active  { text-decoration:none}

.resources H2 { font-family: "Trebuchet MS", helvetica; font-size: 1.14em; letter-spacing: 1px; font-weight: bold; color: #ee2c8d; margin-top: 0; border-top-width: 0; padding-top: 8px; margin-bottom: 0; border-bottom-width: 0; padding-bottom: 8px;}
.resources H2 { font-family: "Trebuchet MS", helvetica; font-size: 1.00em; letter-spacing: 1px; font-weight: bold; color: #ee2c8d; margin-top: 0; border-top-width: 0; padding-top: 8px; margin-bottom: 0; border-bottom-width: 0; padding-bottom: 8px;}

.top { text-align: right; margin: 0; padding: 12px 0; font-family: verdana; font-size: 0.58em; }
.top a:link    { color:#316cf2; text-decoration:none}
.top a:visited { color:#316cf2; text-decoration:none}
.top a:hover   { color:#316cf2; text-decoration:underline}
.top a:active  { color:#316cf2; text-decoration:none}