/* 
   CSS Document by Elmer John Grande [fruitengine web designer/developer]
   for Roxanas Custom Cleaning
*/
/* Globals */
* { margin: 0; padding: 0; }
body { background: url(images/bodybg.jpg); font-family: "Trebuchet MS", Arial, Times New Roman; }
a { text-decoration: none; }

/* for main wrapper */
#mainwrap { width: 800px; margin: 3% auto; padding-bottom: 2%;}

/* for menu */
#menuwrap { height: 25px; }
#tabwrap { padding-top: 2px; height: 23px;}
#tabwrap a { 
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF; 
}
.menutab { 
   background: #32B300; 
   margin: 0 2px;   
   padding: 2px 20px;
   border: 1px solid #FFF;
}
#tabwrap a:hover {color: #237C00;}
#tabwrap a:hover span { 
   background: #95F370; 
   border: 1px solid #227800;
   border-bottom: 1px solid #FFF;   
}
#menuselected { background-color: #6BCF43; }

/* for header */
#indicator { 
   margin-top: 3px;
   height: 23px;
}
.indicator { 
   font-size: 12px; 
   font-weight: bold;  
   padding-left: 20px; 
   display: none; 
   color: #CCC;
}

#headerwrap { height: 173px; background: #6A6A6A; border: 3px solid #FFF; }
#logowrap { background: url(images/bg-header.jpg); }
#logo { 
   background: url(images/header.jpg) center no-repeat; 
   height: 150px; 
   border-top: 3px solid #FFF; 
}

/* for footer */
#footer { 
   clear: both;
   padding: 10px 0;
   background: #414141; 
   border-left: 3px solid #FFF;
   border-right: 3px solid #FFF;
   border-bottom: 3px solid #FFF;
   color: #FFF;
   font-size: 11px;
   text-align: center;
}
.menubot { font-size: 12px; margin: 0 0 10px 0; border-bottom: 1px dashed #FFF;}
#footer a { font-weight: bold; color: #FFF; }


/* for content */
#content { background: #FFF; border: 3px solid #FFF; }
.welcomenote { 
   height: 26px; 
   text-align: center; 
   border-bottom: 1px dashed #00598D;
}
.leftbox { width: 80%; float: left; }
.rightbox { width: 20%; float: right; }
.pic { border: 2px solid #000066; }
.contactbox { 
   margin: 10px 5px; 
   text-align: center;
   padding: 15px 10px;
   font-weight: bold;
}
#greenback {
   color: #003300;
   background: #95F370; 
   border: 2px solid #009900;
}
#orangeback {
   color: #333;
   background: #FFAA00;
   border: 2px solid #FF6600;
}
#grayback {
   color: #252525;
   background: #CCC;
   border: 2px dashed #666;
   text-transform: capitalize;
}

/* paragraph & text */
.context { padding: 10px 20px; font-size: 14px; text-align: justify; }
.bold { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.normal { font-size: 13px; }
.green { color: #9C9642; }
.orange { color: #F37E00; }

/* our services div */
#servicelist { 
   height: 350px;
   margin: 10px 20px;
   background: #DDD;
   border: 1px dashed #006600;
   overflow: auto;
   clear: both;
}
.innerservlist { 
   margin: 16px 0 16px 0;
   width: 42%;
   background: #EEE; 
   border: 1px dashed #666666; 
}
.innerservlist ul { list-style-type: disc; padding: 10px 30px; }
.innerservlist li { font-size: 11px; }

/*  gallery div */
#gallery { 
   margin: 10px 20px; 
   padding: 10px 20px; 
   background: #CCCCCC; 
   border: 1px dashed #66666;
}
#gallery ul { list-style: none; width: 90%; margin: 0 auto; text-align: center;}
#gallery li { display: inline; }
#gallery ul li a img { filter: alpha(opacity=55); -moz-opacity: .55; border: 6px solid #FFF; }
#gallery ul li a:hover img{ filter: alpha(opacity=100); -moz-opacity: 1; border: 6px solid #666; }


/* floats */
#left { float: left; margin-left: 16px; }
#right { float: right; margin-right: 16px;}

/* line clearers*/
.clearboth { clear: both; }