n/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video
p.ex1

{

font-family: Tahoma; text-align: justify; font-size: small;

color: rgb(248, 244, 215);/*color:white;*/
}

{
    display: block;
}
mark, rp, rt, ruby, summary, time
{
    display: inline;
}

*
{
    margin: 0;
    padding: 0;
}
html, body
{
    height: 100%;
    min-width: 950px;
}
body
{
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.125em;
    color: #666666;
}
input, select, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    font-weight: normal;
}
object
{
    vertical-align: top;
    outline: none;
}
.alignMiddle
{
    vertical-align: middle;
}
.alignCenter
{
    text-align: center;
}
.container1
{
    width: 100%;
}
.clear
{
    clear: both;
}
.fleft
{
    float: left;
}
.fright
{
    float: right;
}
.container
{
    overflow: hidden;
    width: 100%;
}
a img
{
    border: 0px;
}
img
{
    vertical-align: top;
}
fieldset
{
    border: none;
}


.col-1, .col-2, .col-3, .col-4
{
    float: left;
}
/*======= width =======*/
.main
{
    margin: 0 auto;
    position: relative;
    width: 970px;
    padding-left:155px;/*wb18nov 148added*/
    padding-right:220px;
}

a
{
    color: #666666;
    text-decoration: underline;
    outline: none;
}
a:hover
{
    text-decoration: none;
}

.row1 .col-1
{
    width: 300px;
    margin-right: 16px;
}
.row1 .col-2
{
    width: 300px;
}
.row2 .col-1
{
    width: 380px;
    margin-right: 20px;
}
.row2 .col-2
{
    width: 380px;
}
.row3 .col-1
{
    width: 290px;
    margin-right: 30px;
}
.row3 .col-2
{
    width: 290px;
}
.row4 .col-1
{
    width: 422px;
    margin-right: 58px;
}
.row4 .col-2
{
    width: 630px;
}


.link
{
    color: #b0b0b0;
    font-style: italic;
    padding: 5px 0 0 15px;
    display: inline-block;
}
.link1
{
    color: #b0b0b0;
    font-style: italic;
}
.link2
{
    text-decoration: none;
    color: #000; /*#f17e2a;*/
}
.link2:hover
{
    text-decoration: underline;
}
.wlink2
{
    text-decoration: underline;
    color:rgb(248, 244, 215);
}
.wlink2:hover
{
    text-decoration: underline;
}
.link5
{
    color: #fff;
}


.rss
{
    color: #3c3d3f;
    background: url(../images/rss.gif) top left no-repeat;
    padding: 15px 0 3px 40px;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
.rss:hover
{
    text-decoration: underline;
}

.button
{
    color: #fff;
    background: url(../images/button.gif) top left no-repeat;
    width: 114px;
    text-align: center;
    line-height: 32px;
    display: block;
    text-decoration: none;
}
.button:hover
{
    text-decoration: underline;
}

.num
{
    color: #f0761d;
    background: #282828;
    width: 30px;
    text-align: center;
    line-height: 30px;
    display: block;
    text-decoration: none;
    float: left;
    font-size: 18px;
}
.num1
{
    color: #fff;
    background: url(../images/bg_num.gif) top left no-repeat;
    width: 43px;
    text-align: center;
    line-height: 43px;
    display: block;
    text-decoration: none;
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin-right: 18px;
}


section ul.list
{
    margin: 0;
    padding: 0;
    list-style: none;
}
section ul.list li
{
    background: url(../images/tail.gif) bottom left repeat-x;
    line-height: 22px;
    padding-left: 5px;
}
section ul.list .last
{
    background: none;
}
section ul.list li a
{
    color: #b0b0b0;
    text-decoration: none;
    line-height: 22px;
    background: url(../images/marker.gif) top left no-repeat;
    background-position: 0 4px;
    margin: 0;
    padding-left: 15px;
}
section ul.list li a:hover
{
    text-decoration: none;
    color: #A8A481;
}

section ul.list1
{
    margin: 0;
    padding: 0;
    list-style: none;
}
section ul.list1 li
{
    background: url(../images/tail.gif) bottom left repeat-x;
    padding: 0px 5px 0px 5px;
}
section ul.list1 li span
{
    color: #666666;
    float: right;
    line-height: 22px;
}
section ul.list1 li a
{
    color: #b0b0b0;
    text-decoration: none;
    line-height: 22px;
}
section ul.list1 li a:hover
{
    text-decoration: none;
    color: #A8A481;
}

.link-1
{
    display: inline-block;
    float: right;
    line-height: 25px;
    background: url(../images/bg_link.gif) top left repeat-x #282828;
    padding: 0 11px 0 11px;
    color: #dcdbdb;
    text-decoration: none;
}
.link-1:hover
{
    background: #f0761d;
    text-decoration: none;
    color: #000;
}
.link-3
{
    display: inline-block;
    float: left;
    line-height: 25px;
    background: url(../images/bg_link.gif) top left repeat-x #282828;
    padding: 0 11px 0 11px;
    color: #dcdbdb;
    text-decoration: none;
}
.link-3:hover
{
    background: #f0761d;
    text-decoration: none;
    color: #000;
}

.link-4
{
    display: inline-block;
    margin-left: 30px;
    line-height: 25px;
    background: url(../images/bg_link.gif) top left repeat-x #282828;
    padding: 0 11px 0 11px;
    color: #dcdbdb;
    text-decoration: none;
}
.link-4:hover
{
    background: #f0761d;
    text-decoration: none;
    color: #000;
}

.link-5
{
    display: inline-block;
    margin-left: 5px;
    line-height: 25px;
    background: url(../images/bg_link.gif) top left repeat-x #282828;
    padding: 0 11px 0 11px;
    color: #dcdbdb;
    text-decoration: none;
}
.link-5:hover
{
    background: #A8A481;
    text-decoration: none;
    color: #000;
}

.link-2
{
    display: inline-block;
    float: right;
    line-height: 39px;
    background: url(../images/bg_link2.gif) top left repeat-x #f0761d;
    padding: 0 21px 0 20px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
}
.link-2:hover
{
    background: #dcdbdb;
    text-decoration: none;
    color: #f0761d;
}


/*header*/
header
{
   /* font-size: 0.75em;*/
    background:#A8A481;/*#FFFFFF;*/
    height: 183px;
   /* background: url(../images/top.gif) top left       repeat-x;*/
    z-index: 1;/*wb changed from -1*/
    position: relative;/*static;*/
   /*position: relative;the original setting is relative and zindex1*/
}
header .indent
{
    background:#A8A481;
    top: 47px;
    right: 0;
    position: absolute;
    width: 94px;
    padding: 0;
}
header .inside
{
    background:#A8A481;
    padding: 110px 0px 0px 10px;/*wb18nov changed from 110px 0 0 0 */

}

header h1
{
    background:#A8A481;
    position: absolute;
    left: 150px; /*was 0 wb18nov */
    top: 0;
    text-indent: -9999px;
}
header h1 a
{
    background:#A8A481;
    display: block;
    width: 650px;
    height: 110px;
    background: url(../images/logo.gif) no-repeat left top;

}

/*--- superfish dropdown menu begin ---*/
.wsf-menu
{
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 90000;
    position: relative;
font-family: Tahoma; text-align: justify; 
}
.wsf-menu li
{
    margin: 0;
font-family: Tahoma; text-align: justify; font-size: small;

text-decoration: none;
 /*warren added*/
    display: inline;
    position: relative;
    float: left;
}
.wsf-menu li a
{
    color: rgb(248, 244, 215);
/*color: #000000;*//*#fff;*/
background: #A8A481;
font-family: Tahoma; text-align: justify;  /*warren added*/
   text-decoration: none;
    display: block;
    float: left;
    line-height: 73px;
   font-size: 18px;
    padding: 0px 32px 0px 31px;
    letter-spacing: -1px;
}
.wsf-menu li a:hover
{
   color: rgb(248, 244, 215);
 /*color: #1d98f0;*//*#000;*/
    text-decoration: underline;
    background: #A8A481 ;/*#f0761d;*/
}
.wsf-menu li a.current
{
    color: rgb(248, 244, 215);
/*color:#1d98f0;*/ /*#000;*/
    text-decoration: underline;
    background:  #A8A481 ;/*#f0761d;*/
}

.wsf-menu ul
{
    font-family: Tahoma; text-align: justify; 
text-decoration: none;
position: absolute;
    top: -999em;
    width: 10em;
    line-height: 1.0;
}
.wsf-menu li:hover ul, .sf-menu li.sfHover ul
{
    top: 73px;
    z-index: 99;
}


/*** DEMO SKIN ***/
.sf-menu ul
{
    width: 169px;
    padding: 14px 0 19px 0;
    background: #fff;
font-family: Tahoma; text-align: justify; font-size: small;
}
.sf-menu ul li
{
    text-align: left;
    line-height: 26px;
    z-index: 9;
    padding: 0;
    position: relative;
font-family: Tahoma; text-align: justify; font-size: small;
text-decoration: underline;
}
.sf-menu ul li a
{
    text-transform: none;
    line-height: 26px;
    text-align: left;
    padding-left: 30px;
   /* font-size: 18px;*/
    color: #b9b9b9;
    z-index: 9;
    background: #fff;
font-family: Tahoma; text-align: justify; font-size: small;
text-decoration: underline;
}
.sf-menu ul li a:hover
{
    color: #f0761d;
    background: none;
    background: #fff;
}
.sf-menu ul li:hover
{
    color: #f0761d;
    background: #fff;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
    position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
    left: 0;
    top: 73px; /* match top ul list item height */
    z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
    /* match ul width */
    top: 0;
    margin-left: 1px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
    left: 10em; /* match ul width */
    top: 0;
}


/*content*/
aside
{
    background: url(../images/bg_aside.gif) top left repeat-x #000;
    width: 100%;
    color: #8d8d8d;
}
aside .inside
{
    padding: 43px 0px 57px 0px;
}
aside h3
{
    color: #bdbdbd;
    font-size: 11px;
    margin-bottom: 14px;
    line-height: 1.2em;
    text-transform: uppercase;
}

aside ul.list
{
    margin: 0;
    padding: 0;
    list-style: none;
}
aside ul.list li a
{
    color: #8d8d8d;
    text-decoration: none;
    line-height: 18px;
    font-size: 12px;
}
aside ul.list li a:hover
{
    text-decoration: none;
    color: #fff;
}


aside ul.list1
{
    margin: 0;
    padding: 0;
    list-style: none;
}
aside ul.list1 li
{
    background: url(../images/icon1.gif) top left no-repeat;
    background-position: 0 2px;
    margin: 0;
    padding-left: 20px;
}
aside ul.list1 .li
{
    background: url(../images/icon2.gif) top left no-repeat;
    background-position: 0 2px;
    margin: 0;
    padding-left: 20px;
}
aside ul.list1 .li1
{
    background: url(../images/icon3.gif) top left no-repeat;
    background-position: 0 2px;
    margin: 0;
    padding-left: 20px;
}
aside ul.list1 .li2
{
    background: url(../images/icon4.gif) top left no-repeat;
    background-position: 0 2px;
    margin: 0;
    padding-left: 20px;
}
aside ul.list1 li a
{
    color: #8d8d8d;
    text-decoration: none;
    line-height: 18px;
    font-size: 12px;
}
aside ul.list1 li a:hover
{
    text-decoration: none;
    color: #fff;
}

/*content*/
section
{
    font-size: 0.75em;
    width: 100%;
    text-align: left;
   /* background: url(../images/bg_cont.gif);*/
background-color: #A8A481;
}
.bg_cont
{
background-color: #A8A481;
/*background: url(../images/bg_cont1.jpg) top center no-repeat;
    width: 100%;*/
}
.bg_cont1
{
    /*background: url(../images/bg_cont2.gif) top center repeat-x;
    width: 100%;*/
background-color: #A8A481;

}
section .inside
{
    padding: 0px 0px 48px 0px;
}
section .inside1
{
    padding: 47px 0px 48px 0px;
}
.img-left
{
    float: left;
    margin: 0 9px 20px 0;
}
.img-left1
{
    float: left;
    margin: 0 20px 30px 0;
}
.img-left2
{
    float: left;
    margin: 0 20px 0px 0;
}
.img-indent
{
    margin: 0 0 24px -15px;
}
.img-indent1
{
    margin: 0 15px 0 0;
}
.but
{
    margin: 20px 0 0 4px;
}
p
{
    margin: 0 0 24px 0;
}
.p
{
    margin: 0;
}
.p1
{
    margin: 0 0 24px 0;
}
.p2
{
    margin: 0 0 15px 0;
}
.p3
{
    margin: 0 0 7px 0;
}
h2
{
    color: #dcdbdb;
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 1.2em;
}
h4
{
    color: #fff;
    font-size: 1em;
}
.tail
{
    background: url(../images/tail.gif) bottom repeat-x;
    padding-bottom: 15px;
    margin-bottom: 13px;
}
.tail1
{
    background: url(../images/tail1.gif) bottom repeat-x;
    padding-bottom: 35px;
    margin-bottom: 17px;
}
.tail2
{
    background: url(../images/tail1.gif) bottom repeat-x;
    padding-bottom: 17px;
    margin-bottom: 17px;
}
.txt
{
    font-size: 14px;
}
.txt strong
{
    font-size: 16px;
    color: #fff;
}
.txt1
{
    font-size: 14px;
}
.txt2
{
    /*font-size: 18px;*/ font-family: Tahoma; text-align: justify; font-size: small;
    /*color: #f0761d;*/color :rgb(248, 244, 215);
}
.txt3
{
    font-size: 18px;
}

.indent
{
    padding: 0px 0px 0px 0px;
}
.indent1
{
    padding: 0px 20px 0px 0px;
}
.indent2
{
    padding: 20px 0px 0px 0px;
}
.indent3
{
    padding: 0px 0px 0px 62px;
}

.pad1
{
    padding-top: 13px;
}

/*box*/
.box
{
    background: #666666;/*#000000; background outer*/
    width: 100%;

}
.box .indent-box
{
    padding: 17px 0px 18px 20px;
}
.box .indent-box1
{
    padding: 20px;
}
.box .indent-box2
{
    padding: 33px 16px 20px 20px;
}
.box .indent-box3
{
    padding: 20px 16px 20px 20px;
}
.box .indent-box5
{
    padding: 20px 200px 20px 20px;
}
/*box1*/
.box1
{
    background: #A8A481;/*#0d0d0d;*/
    width: 100%;
}
.box1 .indent-box
{
    padding: 15px 15px 22px 20px;
}
.box1 h2
{
    color: #dcdbdb;
    font-size: 22px;
    letter-spacing: -1px;
    margin-bottom: 17px;
    line-height: 1.2em;
}
.box1 .h2
{
    font-size: 24px;
    letter-spacing: 0;
}
/*box2*/
.box2
{
    background: url(../images/bg_box.gif) top left no-repeat;
    width: 100%;
}
.box2 .indent-box
{
    padding: 25px 21px 54px 20px;
}

.box3
{
    border: 3px solid #282828;
}

/*footer*/
footer
{
    color: #3c3d3f;
    font-size: 0.75em;
    background: #fff;
}
footer .inside
{
    padding: 21px 0 17px 0;
}
footer a
{
    color: #3c3d3f;
    text-decoration: underline;
}
footer a:hover
{
    text-decoration: none;
}



.indent-2
{
    position: relative;
    padding-left: 20px;
    float: left;
}
.rowElem
{
    height: 30px;
}
.rowElem1
{
    height: 50px;
    background: url(../images/bg_input.gif) top left no-repeat;
}
.rowElem2
{
    height: 50px;
    background: url(../images/bg_input1.gif) top left no-repeat;
}
.rowElem3
{
    height: 210px;
    background: url(../images/bg_input2.gif) top left no-repeat;
}
.block-contact span
{
    float: right;
    margin-right: 130px;
}
.input
{
    border: none;
    background: none;
    width: 250px;
    height: 20px;
    font-size: 13px;
    color: #ababab;
    padding-left: 15px;
    padding-right: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
input
{
    border: none;
    background: none;
    width: 320px;
    height: 20px;
    font-size: 13px;
    color: #ababab;
    padding-left: 15px;
    padding-right: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}
textarea
{
    border: none;
    background: none;
    width: 510px;
    height: 180px;
    font-size: 13px;
    color: #ababab;
    padding-left: 15px;
    padding-right: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: auto;
}


/*----- forms -----*/
form.jqtransformdone div.rowElem
{
    clear: both;
    height: 50px;
    color: #ababab;
    font-size: 13px;
}
.jqTransformSelectWrapper
{
    position: relative;
    height: 37px;
    background: url(../images/bg_input-1.gif) no-repeat top left;
    float: left;
}
.jqTransformSelectWrapper div span
{
    font-size: 13px;
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
    padding: 8px 0 8px 15px;
    overflow: hidden;
    cursor: pointer;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen
{
    display: block;
    position: absolute;
    right: 0px;
    width: 32px;
    height: 37px;
    background: url(../images/select_right.gif) no-repeat center center;
}
.jqTransformSelectWrapper ul
{
    position: absolute;
    top: 37px;
    left: 0px;
    list-style: none;
    background: #fff !important;
    display: none;
    margin: 0 0 0 0px !important;
    padding: 0px;
    z-index: 10;
}
option
{
    height: 10px;
}

.jqTransformSelectWrapper ul li
{
    background: none !important;
    height: 18px !important;
    display: block;
}
.jqTransformSelectWrapper ul a
{
    display: block !important;
    text-align: left !important;
    text-decoration: none;
    padding-left: 10px;
    background: #252525 !important;
    font-size: 13px !important;
    height: 20px !important;
    line-height: 20px !important;
    color: #fff;
}
.jqTransformSelectWrapper ul a.selected
{
    background: #252525 !important;
    color: #fff;
    line-height: 20px !important;
    font-size: 13px !important;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover
{
    background: #252525 !important;
    color: #ababab !important;
    text-decoration: none;
}

.select
{
    width: 248px !important;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden
{
    display: none;
}


.credit_card
{
    width: 50px;
}
.follow-us
{
    width: 40px;
 }