body{
    font-family: "trebuchet ms",arial,sans-serif;
    background: #fff url(../images/pageback.jpg) top left repeat-x;
    font-size: 90%;
}


p {font-size: 1em; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

#container {
    min-height: 500px;
    width: 1000px;
    margin: 5px auto;
    background-color: #fff;
}

#content_wrapper{
    float:left;
    width:100%
}

#leftcol_wrapper{
    float:left;
    width:200px;
    margin-left:-100%;
}

#rightcol_wrapper{
    float:left;
    width:120px;
    margin-left: -125px;
}


.wrapper {
    display: block;
    padding: 5px 0;
    background: transparent;
}

.inside {
    margin: 0 10px;
}
.clearit { clear: both; }
#content{margin-left:190px; margin-right: 130px; background-color: #fff;}



.extra_wrapper{clear:left;}

.extra_wrapper h1 {
    display: block;
    background-color: #f89;
    padding: 0 0 3px 10px;
    margin-bottom: 5px;
    border-bottom: 2px double black;
}



#rightcol_wrapper{background:transparent;}
#rightcol_wrapper *{margin:0;padding:0}
#leftcol_wrapper{background:transparent;}
#content_wrapper {background-color: transparent; }

#footer_wrapper{width: 1000px; margin: 0 auto; background: #fff url(../images/pageback.jpg) top left repeat-x;}
#hmenu_wrapper { background: transparent; padding-bottom: 30px; }


#header { width: 1000px; margin: 10px auto; }
#footer {width: 1000px; margin: 0px auto; text-align: center; color: #fff; font-size: .9em;}

#testimonials {
    float: right;
    width: 275px;
    height:300px;
    background: #fff url(../images/testback.jpg) top left repeat-x;
    color: #000;
    margin-top: -24px;
    font-size: .85em;
    overflow: hidden;
}

#testimonials h1 {
    background: #fff;
    display: block;
    text-align: center;
    color: #003;
}

.testimonial {
    display: none;
    background:transparent;
    padding: 10px;

}

.firsttest { display: block; }

.centeredmenu {
   float:left;
   width:100%;
   background: transparent;
   overflow:hidden;
   position:relative;
}
.centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
.centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
.centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}
.centeredmenu ul li a.active,
.centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

#hotbuttons {
    float: right;
    width: 108px;
    margin: 0 5px 0 10px;
}

#hotbuttons ul {
    list-style-type: none;
}

#hotbuttons img { border: 2px solid #fff; }

#hotbuttons img:hover { border: 2px solid red }

/* common styling */
.cssfly {width:146px; position:relative; margin:0;  font-size: .9em; font-weight: bold;}

.cssfly ul li a {
    display:block; text-decoration:none; color:#fff; width:144px; padding: 2px 5px;
    text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background: #009 url(../images/vmenuback.jpg) top left repeat-y;
}

.cssfly ul {padding:0; margin:0;list-style-type: none; }
.cssfly ul li {float:left; margin-right:1px; position:relative;}
.cssfly ul li ul {display: none;}

/* specific to non IE browsers */
.cssfly ul li:hover a {color:#fff; background: #009 url(../images/vmenuback.jpg) 10px 0px repeat-y;}
.cssfly ul li:hover ul {display:block; position:absolute; top:0; left:155px; width:160px;}
.cssfly ul li:hover ul li a.hide {background:#ccc; color:#000;}
.cssfly ul li:hover ul li:hover a.hide {width:150px;}
.cssfly ul li:hover ul li ul {display: none;}
.cssfly ul li:hover ul li a {display:block; background: #009 url(../images/vmenuback.jpg) top left repeat-y; color: #fff; width:160px;}
.cssfly ul li:hover ul li a:hover {background:#009; color:#fff;}
.cssfly ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.cssfly ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.cssfly ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


.required {
    background: #fff url(../images/require.png) right 3px no-repeat;
}

#basic_contact_info label {
    display: block;
    float: left;
    clear: both;
    padding-right: 30px;
    margin-right: 5px;
    line-height: 1.5em;
    margin-top: 3px;
    width: 130px;
}

#basic_contact_info input {
    height: 1.5em;
    margin-top: 3px;
    width: 200px;
}

#basic_contact_info {

}

#basic_contact_info textarea {
    width: 250px;
    height: 100px;
    margin-top: 3px;
}

/* contact form stuff */


#captchaboxes {
    width: 300px;
    text-align: center;
    margin: 10px auto;
    padding: 5px;
    background-color: #fff;
    border: 1px solid black;
}

.captchabox {
    padding: 5px;
    float: left;
    margin: 2px;
    border: 0;
}

.doborder {
    border: 2px solid black;
}

.miu_form fieldset {
    margin: 5px;
}
.miu_form legend { font-weight: bold; padding: 0 10px; }

#loginform label,
.miu_form label { width: 120px; display: block; text-align: right; padding-right: 4px; float: left; clear: both;}


.tfield { width: 250px; background-color: #eef; float: left;}
.tarea { width: 400px; background-color: #eef; height: 120px;  }
.message {
    display: block;
    background-color: yellow;
    border: 2px solid black;
}

.bigbutton {
    margin-left: 130px;
    padding: 5px 10px;
    width: 200px;
    text-align: center;
}