img, div { behavior: url('../css/iepngfix.htc')}
  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* css reset additions */

a, a img { border: none; text-decoration: none; }

a:hover { text-decoration:underline; }

.float50 { width:49%; float:left; }

.float35 { width:35%; float:left; }
.float65 { width:63%; float:left; }

.float40 { width:40%; float:left; }
.float60 { width:58%; float:left; }

.alignleft { float:left; margin-right: 10px; margin-bottom: 5px; }
.alignright { float:right; margin-left: 10px; margin-bottom: 5px; }

.text-right { text-align:right; }
.text-right { text-align:right; }

/* Serianni custom */

body {
    background: url(../images/page-bg.jpg) 0 0 repeat-x #cfcfcf; text-align: center;
    font-size:12px; font-family: Arial, sans-serif; padding-bottom: 10px;
}

p, li { line-height: 1.5em; }

#container {
    width: 980px; height:auto; min-height:100px; margin: 0 auto; position:relative;
    background: transparent url(../images/container-bg.png) top center repeat-y;
    _background: transparent none;

}

#inner-container {
    width: 960px; margin:0 auto; text-align:center; position: relative; background: #433B2D;
}

/*** NAVIGATION new ***/

#navigation {
    height: 59px; position:relative; left: 0; background: #000;
}

#navigation ul li {
    height: 59px;
    display: inline;
    float:right;
    position: relative;
    z-index: 99;
}

#navigation a {
    background:transparent url('/images/nav-bg.jpg') no-repeat scroll 0 0; /* loads the sprite image with no repeating */
    text-indent: -999999px;
    height: 59px;
    float: left;
}
#navigation a#bhome {width: 75px; left: 0px; background-position: -608px 0;}
#navigation a#bhome:hover {background-position: -608px -59px;}

#navigation a#history   {width: 87px; left: 0px; background-position: -24px 0;}
#navigation a#clients   {width: 81px; left: 0px; background-position: -111px 0;}
#navigation a#services  {width: 87px; left: 0px; background-position: -192px 0;}
#navigation a#employment{width: 124px; left: 0px; background-position: -279px 0;}
#navigation a#tenders   {width: 87px; left: 0px; background-position: -403px 0;}
#navigation a#contact   {width: 120px; left: 0px; background-position: -490px 0;}

#navigation a#history:hover         { background-position: -24px -59px;}
#navigation a#clients:hover         { background-position: -111px -59px;}
#navigation a#services:hover      { background-position: -192px -59px;}
#navigation a#employment:hover       { background-position: -279px -59px;}
#navigation a#tenders:hover       { background-position: -403px -59px;}
#navigation a#contact:hover      { background-position: -490px -59px;}




/* header */

#header { position: relative; height: 163px; background: #FFF;  }

#logo { position: absolute; top: 13px; right:26px;}
#logo-home { position: absolute; top: 50px; right:26px; }


#bull { position:absolute; left: -1px; bottom:0; }

#bull-home { position:absolute; left: -1px; bottom:0; width: 410px;}

/* sidebar */

#sidebar { float:left; width: 212px; background: #433c2d; height:auto; min-height:100px; font-size:11px; background: #433B2D; }

    .sidebar-ad { width: 154px; background:#000; height: auto; margin:24px auto 0 auto; text-align:center; }

    #ucs-logo { margin-top:25px;  }

    .sidebar-ad img { margin-bottom:10px; }

    .sidebar-top {
        text-align:left;
        color:#FFF; font-size:12px; background: #504a3c; min-height: 124px; height: auto !important; height: 124px;    }

    .sidebar-top h3 { text-transform: uppercase; font-size:20px; color: #726d62;  font-family: Georgia, serif; padding-bottom:5px;  }

    .sidebar-top p { line-height: 1.3em; }

    .sidebar-top .padding { padding: 15px; }

    .sidebar-bottom { padding-bottom: 25px; }


/* content */

#content { float:left; width: 748px; background: #fff; height:auto; min-height:100px;  }

    .page-header { width:748px; height: 124px; background: transparent url(../images/title-bg.jpg) 0 0 no-repeat; }

    .page-header h2 {
        line-height: 124px; font-size: 20px; text-align:left; margin-left: 20px; font-family: Georgia, serif;
        text-transform:uppercase; font-weight:bold;
    }

    .page-content { width:748px; background: url(../images/content-bg.png) 0 0 repeat-x #FFF;
        border-top: 1px solid white; height: auto; text-align:left; line-height: 1.5em; min-height: 370px; height: auto !important; height: 370px;    }

        .page-content .padding { padding: 20px; font-size: 12px; font-family: Arial, sans-serif !important; }

        .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
            color: #C3151B; font-weight:bold; font-family: Arial, sans-serif; padding-bottom: 12px;
        }

        .page-content h2 { font-size: 14px; }

        .page-content h3 { font-size: 13px; }

        .page-content h4, .page-content h5, .page-content h6 { font-size: 12px; }

        .page-content ul, .page-content ol { margin-left: 50px; margin-bottom: 12px;  }

        .page-content ul { list-style-type: disc; color: #C3151B; }

        .page-content ol { list-style-type: decimal; color: #C3151B; }

        .page-content li { color: #000; }

        .page-content a { color:#C3151B;  }

        .ez-content { margin-bottom: 10px; }

.bottom {
    width:972px; height:44px; background: url(../images/bottom.jpg) top center no-repeat; position:relative;
    margin:0 auto;
    _width:958px;
    _overflow: hidden;
}

#default .bottom { position: relative; top: -1px; left:1px; }

/* footer */

#bottom-nav { font-family: Arial, sans-serif; color:black; font-weight:bold; }

#bottom-nav a { padding: 20px 5px 10px 5px; color: #000 !important; }

/*** HOMEPAGE ***/

#default #header {  position: relative; height: 269px; background: #FFF;}

#default a { color: #FED100; }

#home-img { width: 960px; background: url(../images/home-img.jpg); height:162px; }

#intro-text { width: 577px; float:right; margin-top:20px; color:white; text-align: left; }

#intro-text h2 { color: #231F1F; font-size: 24px; font-family: Georgia, serif;
    text-transform: uppercase;
    font-weight:normal; padding-bottom:10px; }

#home-modules-wrap { height: 160px; background: #514B3D; }

.home-module { float:left; overflow:hidden; height: 162px; text-align: left; color:white; line-height:1.5em; }

.home-module .padding { display:block; }

    .home-module h2 { padding-bottom: 10px;  }

    .home-module ul { display: block; width: 100%; }

.home-module .padding {
    padding: 20px 20px 0px 20px;
    _padding: 20px 15px 0px 15px;
}

    #home-module1 { width: 350px;  position: relative; }

    #home-module3 { width: 265px; background: #000; position: relative; }

        #home-module3 img { position: absolute; bottom: 0; right: 0; }

    #home-module2 { width: 343px; background: #433C2D; position: relative; }

        #home-module2 li {
            list-style-image: url(../images/home-bullet.gif) !important;
            margin-left: 18px; line-height: 1.7em; display:list-item;
            _margin-left:10px;
        }

        #home-module2 h2, #home-module2 h2 a {
            color: #716D61; font-family:Georgia, serif; text-transform: uppercase; font-size:24px;
        }

        #home-module2 h2, #home-module2 h2 a {
            color: #716D61; font-family:Georgia, serif; text-transform: uppercase; font-size:24px;
        }
        #home-module1 h2, #home-module1 h2 a {
            color: #716D61; font-family:Georgia, serif; text-transform: uppercase; font-size:24px;
        }

/* contact form */

#contact-form { margin-top:10px; }

#contact-form p { padding-top: 5px; padding-bottom: 5px; }

#contact-form input[type=text] { border: 1px solid #333; padding:3px; width:250px; }
#contact-form input[type=password] { border: 1px solid #333; padding:3px; width:250px; }                               


#contact-form textarea { border: 1px solid #333; padding:3px; font-family: Arial, sans-serif; font-size:12px; line-height:1.5em; width: 350px; height:130px; }

    #contact-form input:focus[type=text], #contact-form textarea:focus { border-color: #C4161C; }

#msg { padding: 10px 20px; background: #000; color: #FFF; margin-top:10px; margin-bottom: 10px; font-size: 1.2em; }

#email-us { margin-top: 10px; }

#more-services { padding-top: 10px; }


/* tenders table */

#tenders-table { width: 100%; background:#FFF; margin: 10px 0; }

#tenders-table th {
    background: #000; color: #fff; font-size: 1.2em !important; padding: 5px 6px;
    border: 1px solid #333;
}

#tenders-table td { border: 1px solid #CCC; padding: 3px 6px; }

/* contractors table */

#msg { padding: 5px 10px; background: #000; color: #FFF; }

#contractors-signup-table td { padding: 5px 10px; }

#tenders-login { margin: 10px auto !important; }

#tenders-login p { padding-bottom: 5px; }

       #tenders-login input[type=text] {  width:150px; }
#tenders-login input[type=password] { width:150px; }                        

.submit_btn { margin-top: 10px;}

/*****************************
 * MESSAGE & NOTIFICATIONS
 *****************************/
#message {
    clear: both;
}
#message .success {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto;
    background: #EFF7FF url(/images/icons/check.png) no-repeat left;
    background-position: 10px 7px;
    color: #061A5B;
    border: 1px solid #ccc;
}
#message .success .text {
    padding-left: 3em;
    font-weight: bold;
}
#message .error {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto;
    background: #FFD9D9 url(/images/icons/delete.png) no-repeat left;
    background-position: 10px 7px;
    color: #800;
    border: 1px solid #ccc;
}
#message .error .text {
    padding-left: 3em;
    font-weight: bold;
}
.input-error {
    border: 1px solid #CC0000;
}
.validation-error {
    color: #CC0000;
}