#logos {margin: 0 0 6px 0 ; width: 770px;height:68px;padding: 0px;float:left; overflow:hidden;}

.logos-1, .logos-2, .logos-3 { margin:  0 ;width: 770px;height:auto;padding: 0px;text-align: center;}

.logos-1 img, .logos-2 img, .logos-3 img { margin: 0px 16px 0px 16px;}

#locations
{
    margin: 0 0 2px 0 ;
    width: 754px;
    height:auto;
    padding: 8px 8px 10px 8px;
    text-align: left;  
    color:#CECECE;
    background-color: #4C4C4C;
    float:left;
}


#locations a:link, #locations a:visited
 {margin:0 4px 0 4px;color:#CECECE; text-decoration: none;border-bottom:none;    font-family:Arial, Helvetica, sans-serif; 
    font-size: 0.8em;}

#locations a:hover{color: #FFF; text-decoration: none;border-bottom:1px dotted #FFF;}

#locations h3
{
 font-family: "Times New Roman", Times, Georgia, serif; font-size: 1.1em; font-weight: normal; color:#CECECE;
padding: 0px 4px 2px 4px;}

#home
{
    position: relative;
    width: 746px;
    margin: 0px 0 12px 0;
    padding: 6px  12px  0px  12px;
    text-align: left;
    float:left;
    background-color: #D8D7D3;
}

img.contact {position:relative;top:95px;float:right;}

/* Galleria
------------------------------------------------ */
.galleria{list-style:none;width:420px;margin:0 0 0 0;padding:0;float:left;overflow:hidden;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 0 0 0;padding:0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.gallery_demo{display:block;height:150px;width:434px;margin:0;overflow:hidden;}

.gallery_demo li{width:63px;height:63px;margin: 0 8px 8px 0px;background:#FFF;}

.gallery_demo li div{}
	
#main_image{height:300px;width:418px;float:left;margin-bottom:8px;overflow:hidden;}


#panels
{
    position: relative;
    width: 770px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    float:left;
}

.panel1, .panel2 { width:249px;float:left;margin: 0 12px 12px 0;}
.panel3 {width:248px;float:right;margin: 0 0 12px 0;}

.panel1, .panel2, .panel3
{
    height:190px;
    padding: 0px;
    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 1em; 
    background-color: #5F5F5F;
    background-repeat: repeat-x;
}

.panel1 {background-image: url('../images/bkgd_panel_1.jpg');}
.panel2 {background-image: url('../images/bkgd_panel_2.jpg');}
.panel3 {background-image: url('../images/bkgd_panel_3.jpg');}

.panel1 h3, .panel2 h3, .panel3 h3
{
 font-family: "Times New Roman", Times, Georgia, serif; font-size: 1.1em; font-weight: normal; color:#FFF;
padding: 8px 4px 8px 10px;height:40px;
}

.panel1 a img, .panel2 a img, .panel3 a img
{
position:relative;top:80px;left:10px;
}


/* Link styles
------------------------------------------------ */
a:link, a:visited {color: #444444; text-decoration: none;outline: none;}
a:hover {color: #000; text-decoration: none;}


/* Container
------------------------------------------------ */

body { margin: 0px;  padding: 0px;text-align: center; background-color:#808080;background-image: url('../images/bkgd_body.gif'); background-repeat: no-repeat; background-position: top center;}

#all {height: auto;width: 830px;position: relative;margin: 0px auto 0px auto; text-align: center;background-color:#FFF;}
#main { height: auto;width: 800px;position: relative; margin: 0px 0px 0px 30px ;text-align: left;background-color:#FFF;}
#content {position: relative;height: auto;width: 770px;}

/* Header
------------------------------------------------ */

#header
{
    position: relative;
    height: 185px;
    width: 770px;
    margin: 0px auto;
    padding: 0px;
    text-align: left;
    background-color: #4C4C4C;
    background-image: url('../images/bkgd_header.gif');
    background-repeat: no-repeat;
    background-position: top right;
    float:left;
}




#header h1 {float:left;width:285px;height:156px;padding:0px;margin:0px;}
#header h1 span {position:absolute;display:block;left:-10000px;}

#banner-home, #banner
{
    position: relative;
    width: 770px;
    margin: 3px 0 12px 0;
    padding: 0px;
    text-align: left;
    float:left;
}

#banner-home {height:340px;}
#banner {height:210px;}

#banner-home img, #banner img {left:0;position:absolute;top:0; z-index:0;}

#banner-title-home
{
    height:55px;
    left:0;
    margin:0;
    padding:0px 8px 0px 14px;
    position:absolute;
    top:285px;
    width:770px;
    z-index:99;
    background-image: url('../images/banner_grad_transp.png');
    background-repeat: repeat-y;
}

#banner-title
{
    height:45px;
    left:0;
    margin:0;
    padding:0px 8px 0px 14px;
    position:absolute;
    top:167px;
    width:770px;
    z-index:2;
    background-image: url('../images/banner_grad_transp.png');
    background-repeat: repeat-y;
}


#banner-title-home h2, #banner-title h2 { font-family: "Times New Roman", Times, Georgia, serif; font-size: 2em; font-weight: normal; color:#000; margin:  .4em 0 .3em 0;}


#banner-title h2     
{
     font-size: 1.8em;
     margin:  .2em 0 .4em 0;
     line-height: 1.2em;
     padding-bottom: 4px;
}

/* Footer
------------------------------------------------ */

#footer
{
    margin:  0px 0px 4px 0px;
    width: 770px;
    height:auto;
    padding: 0px;
    text-align: left;  
    color:#fff;
    font-family:Arial, Helvetica, sans-serif; 
    background-color: #4C4C4C;
    float:left;
}

.footer-right
{
    float: right;
    width:400px;
    padding: 8px 12px 8px 8px;
    margin: 0;
    border:none;
    font-size: 0.9em;
    line-height:1.4em;
    text-align: right;  
}


.footer-left
{
    float: left;
    padding:8px 8px 8px 6px;
    margin: 0px;
    width:  300px;
    color:#fff;
    font-size: 0.9em;
    line-height:1.4em;
}

#footer .footer-left a:link, #footer .footer-left a:visited, #footer .footer-right a:link, #footer .footer-right a:visited {margin:0 4px 0 4px;color:#fff; text-decoration: none;border-bottom:none;}

#footer .footer-left a:hover, #footer .footer-right a:hover  {color: #FFF; text-decoration: none;border-bottom:1px dotted #FFF;}

/* Layout
------------------------------------------------ */

.col-1
{
    height: auto;
    float: left;    
    width: 420px;
    padding: 0px ;
    margin: 0px;
}

.col-2
{
    height: auto;
    float: right;
    width: 328px;
    padding: 0px;
    margin: 0px;
}

#lhs-col
{
    width: auto;
    height: auto;
    font: normal 100% Arial, Helvetica,sans-serif; 
    color: #444;
    margin: 0px;
    padding: 8px 0 12px 0;
}

#main-col
{
    width: auto;
    height: auto;
    font: normal 100% Arial, Helvetica,sans-serif; 
    color: #444;
    margin: 0px;
    padding: 0 0 18px 0;
}

#main-col h3
{
font-family: Arial, Helvetica,sans-serif; font-size: 1.3em; font-weight: normal;color:#000; line-height: 1.2em
}

/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     margin:  .4em 0 .4em 0;
     line-height: 1.2em;
     padding-bottom: 4px;
     font-family:"Times New Roman", Times, Georgia, serif; 
}

h1 { font-size: 180%; font-weight: normal; color: #99CC66; }
h2 { font-size: 150%; font-weight: normal; color:#161616; }
h3 { font-size: 120%; font-weight: normal; color:#444444; padding-bottom: 0px; line-height: 1em; margin:  .4em 0 0.2em 0em;}
h4 { font-size: 110%; font-weight: normal; color: #FF6600; }

p
{
     line-height: 1.5em;
     margin:  .5em 0;
     padding-bottom: 6px;
}


/* Apply Left Margin:
---------------------------------------------------------------- */
li, dd {margin-left: 0.4em}

/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.3em Arial, Helvetica, sans-serif; 
}

html { font-size: 80%; } /* 1em = 10px */
html { font-size: 90%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset
{border: none;}

input, select, td
{font-size: 90%;}

textarea
{font: normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }


/* Form Styles
---------------------------------------------------------------- */


/* Images / Graphics
------------------------------------------------ */

.hr {height: 1px; width: auto;background-image: url('../images/dash.gif'); background-repeat: repeat-x;}
.image-right { float: right;height: auto;width: auto;position: relative; margin: 0px 0 6px 8px; border:none;}
.image-left {float: left;height: auto;width: auto; position: relative;margin: 0px 12px 6px 0; border:none;}

img{border: none;}


/* Dropdown Menu
------------------------------------------------ */

ul#listMenuRoot
{
        position: relative;
	margin:0px auto 0px auto;
	padding: 0;
	width: 770px;
	height: 28px;
        clear:left;z-index:99;
}

/* MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul
{
	 margin-left: 0;
	 padding:0;
	 list-style: none;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 90%; 
}

/* Submenus */
.menulist ul
{
	 display: none;
	 position: absolute;
	 margin-left: 0;
	 padding: 0;
	 top: 32px;
	 left: 0px;
	 width: 186px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul
{
	 top: 5px;
	 margin-top: 0;
	 padding: 0;
	 left: 140px;

}

/* All menu items have overlapping borders. */
.menulist li
{
	 float: left;
	 display: block;
	 margin: 0;
	 padding: 0;
	 position: relative;
	 text-align: right;
	 font-size:110%;
}

.menulist li#m1 {
    background:none;
    }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	 float: none;
	 margin-right: 0;
	 margin-left: 0;
	 margin-bottom: -1px;
	 padding: 0;
         background-color:#FFF;
	 margin-right: -1px;
	 text-align: left;
	 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	 font-size:100%;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */

ul.menulist a {
float:left; 
    display: block;
    color: #4c4c4c;
    text-decoration:  none;
    line-height: 23px;
    font-size:100%;
    margin:0 2px 0 0px; 
    padding:4px 13px 2px 12px;
    background: #FFF url(../images/bkgd_menu.jpg) repeat-x left top;
}


ul.menulist li a {}
ul.menulist li ul li a {border-right:none;font-size:100%;}


ul.menulist a:hover{
    color: #000;
    background-color:#FFF;
    text-decoration: none;
}

.menulist a.active{
    color: #000;
    background-color:#FFF;
    text-decoration: none;
}


ul.menulist a:link, ul.menulist a:visited {
    color: #4c4c4c; text-decoration: none;
}


ul.menulist li ul li a {
	line-height: 13px;
	padding: 7px 8px 7px 8px;
    margin: 0;
	width:auto;
background-image:none;
	}


.menulist a:visited  {color: #4c4c4c; text-decoration: none;}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
/*


.menulist a:hover, .menulist a.active{
    color: #000;
    text-decoration: none;

}


.menulist li ul li a:hover, .menulist li ul li a.highlighted {
    background-image:none; text-decoration: none;
    }
*/

.menulist li a:active, .menulist li a:hover, .menulist li a.highlighted, .menulist li a.active
{ color:#000;}


ul.menulist li ul li a:link, ul.menulist li ul li a:visited {
    color: #4c4c4c; text-decoration: none;
}

ul.menulist li ul li a:hover, ul.menulist li ul li a.active
{background-image:none;
color: #000; text-decoration: none;}


.menulist ul ul a {
 background:#837468;
 /*background:#b50010
    background:#a51140;*/
}

.menulist ul ul a:hover { /*background:#F2F1F0;*/}

/* Only style submenu indicators within submenus. */
.menulist a .subind {display: none;}
.menulist ul a .subind {display: block;float: right;}


/* 'Escaped Comment' hack */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}

/* */

*:first-child+html .menulist ul li { /* ie 7 RC1 hack */
 float: left;
 width: 100%;
}
*+html .menulist ul li {float: left;height: 1%;}
*+html .menulist ul a { height: 1%;}
* html .menulist ul li {float: left;height: 1%;}
* html .menulist ul a {height: 1%;}
*+html  h2#strap {margin:12px 0 0 240px;}




p.step1, p.step2, p.step3 {float: left;}
p.step4, p.step5, p.step6 {float: right;}

p.step1, p.step2, p.step3, p.step4, p.step5, p.step6
{
    width:356px;
    height:100px;
    padding: 12px;
    margin: 0 0 12px 0;
    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 0.9em; 
    background-position: bottom right;
background-repeat: no-repeat;
}

p.step1 {background-color: #BCC3A2;background-image: url('../images/step1.gif');}

p.step2 {background-color: #97A4AD;background-image: url('../images/step2.gif');}

p.step3 {background-color: #A6C0B3;background-image: url('../images/step3.gif');}

p.step4 {background-color: #C5ACBF;background-image: url('../images/step4.gif');}

p.step5 {background-color: #95A17D;background-image: url('../images/step5.gif');}

p.step6 {background-color: #DDDDDD;background-image: url('../images/step6.gif');}