body {
background: #ccffff url(images/sidebar-bg.gif) repeat-y top left;
color: black;
margin: 0 0;
}




/* STRUCTURES */
#menu {
background-color: #309;
color: white;
font: normal 1em/1.5em arial, verdana, helvetica, sans-serif;
display: block;
height: 25px;
padding: 5px;
text-align: center;
z-index: 1;
}

/* bg sidebar */
#ltsdbr {
border:0px solid red;
background: #cff url(images/sidebar-bg.gif) repeat-y;
color: black;
margin: 0 0;
}


/* Each page diff bg photo */
#container-home {
background: url(images/background1.jpg) no-repeat;
color: black;
overflow: hidden;
}

#container-products {
background: url(images/background2.jpg) no-repeat;
color: black;
overflow: hidden;
}

#container-service {
background: url(images/background3.jpg) no-repeat;
color: black;
overflow: hidden;
}

#container-about {
background: url(images/background4.jpg) no-repeat;
color: black;
overflow: hidden;
}
/* end backgrounds photos */

#sidebar-left {
border: 0px solid black;
background-color: transparent;
color: #cff;
float: left;
font: bold 14px/16px arial, verdana, helvetica, sans-serif;
margin-top: 470px;
overflow: hidden;
padding: 5px 5px 25px 5px;
position: relative;
text-align: center;
width: 190px;
}

#logo {
position:absolute;
top:35px;
left:0px;
width:246px;
height:470px;
z-index: 0;
}

#sidebar-right {
border: 0px solid blue;
background-color: transparent; /* old #399 */
color: #cff;
float: right;
font: bold 14px/16px arial, verdana, helvetica, sans-serif;
overflow: hidden;
padding: 5px;
position: relative;
text-align: center;
width: 190px;
}


#content {
border: 0px solid black;
background-color: transparent;
color: black;
font: normal 1em/1.3em "comic sans ms", arial, verdana, helvetica, sans-serif;
margin: 0 240px 25px 250px;   
overflow: hidden;
padding: 5px;
position: relative;
}

#footer {
background-color: #309;
color: #399;
clear:both;
font: normal .8em/1.3em arial, verdana, helvetica, sans-serif;
left: 0;
bottom: 0;
padding: 10px;
text-align: center;
}

  
   
    






/* FONT STYLES */

/* brown */
h1 { 
background-color: transparent;
color: #763201; 
font: normal 1.7em/1.6em "comic sans ms", arial, verdana, helvetica, sans-serif;
margin-top: 110px;
text-align:center;
}

h2 {
background-color: transparent;
color: #309; 
font: normal 1.4em/1.2em "comic sans ms", arial, verdana, helvetica, sans-serif;
}

/* brown */
h3 {
background-color: transparent;
color: #763201; 
font: normal 1.2em/1.2em "comic sans ms", arial, verdana, helvetica, sans-serif;
}

/* used in rt sidebar */
h4 {
background-color: transparent;
color: black; 
font: normal 1.2em/1.2em "comic sans ms", arial, verdana, helvetica, sans-serif;
margin-bottom: 15px;
}

p {
background-color: transparent;
color: #306;
font: normal 1.1em/1.6em "comic sans ms", arial, verdana, helvetica, sans-serif;
}

/* used in rt sdbr */
.smtxt {
background-color: transparent;
color: #399;
font: normal 11px/13px arial, verdana, helvetica, sans-serif;
display: block;
overflow: hidden;
padding: 10px;
text-align: center;
}

/* products page */
.caps {
color: #309;
font: normal .8em/1.2em arial, verdana, helvetica, sans-serif;
text-align: center;
vertical-align: top;
}

/* ? */
.hd {
color: #309;
font: bold 1em/1.8em "comic sans ms", arial, verdana, helvetica, sans-serif;
text-align: center;
}

/* testimonials */
.tst {
color: black; /* formerly white */
font: oblique 1em/1.3em arial, verdana, helvetica, sans-serif;
padding: 10px;
text-align: center;
}

/* used on about */
blockquote {
background-color: transparent;
color: black;
font: oblique 1em/1.2em times, serif;
margin: 25px 0 10px 0;
}

/* used on awareness */
.quote {
background-color: transparent;
color: #309;
font: bold oblique 1.3em/1.2em times, serif;
margin: 25px 0 10px 0;
}


/* used in sidebar-left */
.copyright {
color: #a7c6c6;
font: .8em/1.5em arial, verdana, helvetica, sans-serif;
margin: 0;
text-align: center;
}
















/* menu */
a.type4:link {color:#FFFFFF; text-decoration:none;}
a.type4:visited {color:#FFFFFF; text-decoration:none;}
a.type4:active  {color:#FFFFFF; text-decoration:none;}
a.type4:hover   {color:#FFCC00; text-decoration:none;}

/* content */
a.type1:link {color:#3300FF; text-decoration:underline;}
a.type1:visited {color:#3300FF; text-decoration:underline;}
a.type1:active  {color:#3300FF; text-decoration:underline;}
a.type1:hover   {color:#a74C1a; text-decoration:underline;}

/* footer */
a.type2:link {color:#399; text-decoration:none;}
a.type2:visited {color:#399; text-decoration:none;}
a.type2:active  {color:#399; text-decoration:none;}
a.type2:hover   {color:#399; text-decoration:underline;}