.clearleft
{
    clear: left;
    float: none !important;
}

.clearright
{
    clear: right;
    float: none !important;
}

.clearboth
{
    clear: both;
    float: none !important;
}

div.scrollable
{
    min-height: 47px;
}

/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable 
{  
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 636px;     
    height:50px;   
    margin: 0;  
} 

div.tabs_wrap
{
    background: transparent url(../images/samples_tab_bg.jpg) 0 0 no-repeat;
}
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items 
{     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;        
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div 
{ 
    float:left; 
    width: 159px;
    padding: 10px 0 3px 0;
    margin: 6px 0 0 0;
    text-align: center;
} 

div.scrollable div.items div.two_line 
{ 
    float:left; 
    width: 159px;
    padding: 2px 0 0 0;
} 
 
/* you may want to setup some decorations to active item */ 
div.scrollable div.items div.active 
{ 
    background: transparent url(../images/tab_selected_bg.jpg) 0 0 no-repeat;
}

/*  =====================================================
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.lower_scroll 
{  
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 595px;     
    height:330px;   
    margin: 0 0 0 11px;  
} 

/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.lower_scroll div.items 
{     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;      
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.lower_scroll div.items div 
{ 
    float:left; 
    width: 595px;
    padding: 10px 0 3px 0;
    margin: 6px 0 0 0;
    text-align: left;
} 

div.lower_scroll div.items div.two_line 
{ 
    float:left; 
    width: 159px;
    padding: 2px 0 0 0;
} 

div.lower_scroll div.items div div
{
    float: none;
    width: inherit;
    min-width: inherit;
    max-width: inherit;
    padding: inherit;
    margin: inherit;
}

div.lower_scroll div.items div span.left
{
    display: block;
    float: left;
    min-height: 150px;
    min-width: 255px;
}

div.lower_scroll div.items div p
{
    max-width: 225px;
    padding: 0 10px 0 10px;
    color: #666666;
    font-family: Segoe UI, Tahoma;
    font-size: 10pt;
    line-height: 20px;
}
 
/* you may want to setup some decorations to active item */ 
div.lower_scroll div.items div.active 
{ 
    background: transparent url(../images/tab_selected_bg.jpg) 0 0 no-repeat;
}

div.tabs_left
{
    float: left;
    width: 11px;
    height: 34px;
    margin: 7px 0 0 0;
    background: transparent url(../images/tabs_left_arrow.jpg) 0 0 no-repeat;
    cursor: pointer;
    cursor: hand;
}

div.tabs_right
{
    float: right;
    width: 11px;
    height: 34px;
    margin: 7px 1px 0 0;
    background: transparent url(../images/tabs_right_arrow.jpg) 0 0 repeat-y;
    cursor: pointer;
    cursor: hand;
}

div.lower_left
{
    width: 32px;
    height: 32px;
    background: transparent url(../images/left_arrow.jpg) 0 0 no-repeat;
    float: left;
    margin: 155px 0 0 0;
    cursor: pointer;
    cursor: hand;
}

div.lower_right
{
    width: 32px;
    height: 32px;
    background: transparent url(../images/right_arrow.jpg) -1px 0 no-repeat;
    float: right;
    margin: 155px 0 0 0;
    cursor: pointer;
    cursor: hand;
}

img.init_gallery
{
    cursor: pointer;
    cursor: hand;
}

div.galleria_container
{
    text-align: center;
    margin: 10px 0 0 0;
    min-height: 508px;
}

div.galleria_container img,
#gallery_carousel li img
{
    border: 1px solid #444444;
}

.galleria
{
    width: 1000px !important;
}   

div.jcarousel-container,
div.jcarousel-clip
{
    width: 550px !important;
}

div.jcarousel-container
{
    margin-left: 14px;
}

span.caption
{
    font-size: 12px;
    font-family: Tahoma;
    position: relative;
    top: -4px;
}

#gallery_carousel li img,
#gallery_carousel li
{
    width: 100px !important;
    height: 75px !important;
}

.jcarousel-skin-tango .jcarousel-item-horizontal 
{
    margin:0 5px;
}

.dark
{
    color: #333333;
}

.loading
{
    text-align: center;
    padding-top: 300px;
}

div.flyout_content
{
    background-image: url(../images/flyout_bg.jpg) !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
}


div.employment_outer
{
    background: transparent url(../images/rmr_employment_lower.jpg) 0 100% no-repeat;
}

div.employment_outer div.text_content
{
    background: transparent url(../images/rmr_mono_small.jpg) 298px 100px no-repeat;
    min-height: 400px;
}

div.employment_outer div.text_content p
{
    color:#666666;
    font-family:Segoe UI,Tahoma;
    font-size:10pt;
    line-height:25px;
    
    float: left;
    max-width: 248px;
    padding: 15px 40px;
}

div.employment_outer div.text_content p a
{
    text-decoration: underline;
    color: Blue;
}

div.contact_page
{
    padding-top: 10px;
}

div.contact_page *
{
    color: #888888;
}

div.contact_page h4
{
    font-size: 12pt;
    font-family: Arial Black, Arial;
    font-style: normal;
}

div.contact_page div
{
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;
    font-style: italic;
    text-align: center;
    float: left;
    margin-right: 4px !important;
}

div.contact_page div.our_address
{
    background: transparent url(../images/our_address.jpg) 0 0 no-repeat;
    width: 204px;
    height: 129px;
    padding: 82px 0 0 0;
    line-height: 30px;
    margin-left: 1px;
}

div.contact_page div.phone_contact
{
    background: transparent url(../images/phone_contact.jpg) 0 0 no-repeat;
    width: 204px;
    height: 139px;
    margin: 6px 0 0 0;
    padding: 70px 0 0 0;
}

div.contact_page div.phone_contact h4
{
    margin: 0 0 32px 0;
}

div.contact_page div.email_contact
{
    background: transparent url(../images/email_contact.jpg) 0 0 no-repeat;
    width: 204px;
    height: 129px;
    margin: -1px 0 0 0;
    padding: 80px 0 0 0;
    line-height: 24px;
}

div.contact_page div.email_contact a:link
{
    color: Blue !important;
    text-decoration: underline !important;
}

div.contact_page div.email_contact h2
{
}

div.contact_page div.email_contact span
{
    font-family: arial narrow;
    display: block;
    padding-bottom: 12px;
}

div.contact_page a.company_directory
{
    display: block;
    width: 254px;
    height: 70px;
    background: transparent url(../images/company_directory.jpg) 0 0 no-repeat;
    margin:  38px auto 0 auto;
}

div.directory_outer div.employee
{
    float: left;
    background: black;
    width: 310px;
    height: 128px;
    margin: 0 0 25px 13px;
}

div.directory_outer div.employee img
{
    margin: 15px 0 0 15px;
}

div.directory_outer h6
{
    text-align: right;
    color: #666666;
    font-style: italic;
    font-family: Arial;
    font-size: 8pt;
    padding: 0 15px 10px 0;
    margin: -10px 0 0 0;
}

div.why_outer p 
{
    color:#666666;
    float:left;
    font-family:Segoe UI,Tahoma;
    font-size:10pt;
    line-height:25px;
}

table.home_outer td
{
    color:#666666 !important;
    font-family:Segoe UI,Tahoma;
    font-size:10pt;
    line-height:25px;
}

div.home_outer
{
    background: transparent url(../images/home_outer_bg.jpg) 0 30px no-repeat;
    max-width: 623px;
}

div.home_outer p.home_content
{
    color:#666666 !important;
    font-family:Segoe UI,Tahoma;
    font-size:10pt;
    line-height:25px;
    margin-top: 30px;
    margin-left: 10px;
    text-shadow: 0px 0px 5px #888888;
}

div.home_outer .one
{
    color: #1851b2;
    font-family: Arial Black, Arial;
    font-weight: bold;
    font-size: 29pt;
    margin-top: -12px;
    margin-left: 160px;
    text-shadow: 2px 2px 2px #000;
}

div.home_outer .two
{
    color: #ffc600;
    font-family: Arial Black, Arial;
    font-weight: bold;
    font-size: 26pt;
    margin-top: 24px;
    margin-left: 265px;
    text-shadow: 2px 2px 2px #000;
}

div.home_outer .three
{
    color: #0ad200;
    font-family: Arial Black, Arial;
    font-weight: bold;
    font-size: 27pt;
    margin-top: 26px;
    margin-left: 245px;
    text-shadow: 2px 2px 2px #000;
}