@import url(base_styles_and_navigation.css);

/* ============================================== */
/* ============== Page Contents ================= */
/* ============================================== */

a.external
{
 background-image : url("../images/external_link.gif");
 background-attachment : fixed;
 background-repeat : repeat-y;
 padding-left : 20px;
}

div.body img
{
 border-color : black;
 border-width: 1px;
 border-style : solid;
}

img.leftfloater
{
 float : left;
 margin-right : 0.5em;
}
 
img.boxedleftfloater
{
 border-color : black;
 border-width: 1px;
 border-style : solid;
 float : left;
 margin-right : 0.5em;
}
 
img.boxedleftfloater2
{
 border-color : black;
 border-width: 1px;
 border-style : solid;
 float : left;
 margin-right : 1.0em;
}
 
div.min200
{
 /* 
  * IE 6 renderes height like the CSS spec says min-height should be, but
  * ignores min-height.
  * so to look correct, ie for this div to always be atleast 203 pixels heigh, but to expand if needed in IE
  * we use the height style, in FireFox we use min-height AND height (at auto).
 */
 height : 203px;
}

img.rightfloater
{
 float : right; 
 margin-left : 0.5em;
}


div.leftfloater
{
 color : inherit;
 background-color : rgb(255,255,127);
 float : left;
 margin-right : 0.5em;
}

div.leftfloater p 
{
 margin-top: 0px;
 margin-bottom: 4px;
 font-size : xx-small;
 text-align : center;
}

div.rightfloater
{
 color : inherit;
 background-color : rgb(255,255,127);
 float : right; 
 margin-left : 0.5em;
 margin-right : 0.5em;
}

div.rightfloater p 
{
 margin-top: 0px;
 margin-bottom: 4px;
 font-size : xx-small;
 text-align : center;
}

div.floatingbox
{
 color : inherit;
 background-color : rgb(55,229,174);
 
 padding : 0.5em; 
 border-width : 2px; 
 border-style : solid;
 border-left-color : rgb(75,249,194);
 border-top-color : rgb(75,249,194);
 border-right-color : rgb(35,209,154);
 border-bottom-color : rgb(35,209,154);

 width : 30%;
 float : right; 
}

table
{
 text-align : left;
 border-style : solid;
 border-color : white;
 border-width : 1px;
 margin-top : 1em;
 margin-bottom : 1em;
 margin-left : 0px;
 margin-right : 0px;
 border-style : solid;
 border-width : 1px;
 border-color : yellow;
}

caption
{
 color : inherit;
 background-color : yellow;
 border-style : solid;
 border-color : white;
 border-width : 1px;
}

thead
{
 color : inherit;
 background-color : yellow;
}

tfoot
{
 color : inherit;
 font-size : smaller;
 background-color : yellow;
}

td {
 border-style : solid;
 border-width : 1px;
 border-color : yellow;
}

h1 {
 font-family : Technical, veranda, tahoma, sans-serif;
 font-weight : bold; 
 font-size : 200%;
 background-color : inherit;
 color : black; 
}

h4 {
 border-top-style : solid;
 border-top-color : black;
 border-top-width : 2px;
 margin-top : 2em;
}



div.servicebox
{
 min-height : 110px;
 height : 110px;
 text-align : justify;
}

p.price
{
 text-align : right;
}