body 
{
    margin: 0px;
    padding: 0px;
    background: #FFF url(../images/bkg.jpg) repeat-x;
    font-size: 12px;
    font-family: Arial;
}

body.aux {
    margin: 0px;
    padding: 0px;
    background: #FFF url(../images/bkg2.jpg) repeat-x;
    font-size: 14px;
    font-family: Arial;
}

#logo 
{
    width: 990px;
    height: 150px;
    margin: 0 auto;
    cursor: pointer;
    background: url('../images/logo_new.jpg');
}

#logo img {
    border: none;
}

#social {
    float: right;
    margin: 20px 40px 0px 0px;
}

#social img {
    margin: 4px;
    vertical-align: text-bottom;
}

.fb-like {
    overflow: hidden;
    width: 46px;
    margin-bottom: 5px;
}

#cuber 
{
    margin: 0 auto;
    width: 900px;
    height: 219px;
}

#cuber_container 
{
    background: url(../images/slide_shadow.jpg) no-repeat center bottom;
    margin: 0 auto;
    width: 900px;
    height: 255px;
}

#nav-container 
{
    margin: 2px auto;
    width: 900px;
    height: 45px;
}

#nav {
    width: 100%;
    margin: 0 auto 3em auto;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}

#nav li 
{
    text-align: center;
    float: left; 
    width: 180px;
    position: relative;
}

#nav li a 
{
    font-size: 16px;
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
    border-right: 1px solid #ccc;
    background-color: #069;
}

#nav li a:hover {
    color: #069;
    background-color: #fff;
}

#nav li ul {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    top: 35px;
    left: 0;
    margin-left:-1px;
    z-index: 99;
}

#nav li ul li {
    width: 320px;
    text-align: left;
}

#nav li ul li a {
    font-size: 16px;
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
    border-right: 1px solid #ccc;
    background-color: #069;
}

#nav li:hover ul {
    display: block;
}

#nav li>ul { top: auto; left: auto; z-index: 99; }

#details 
{
    width: 900px; 
    margin: 0px auto 24px auto; 
    text-align: center;
}

#details td 
{
    padding: 4px;
    vertical-align: top;
}

#copy {
    width: 900px;
    margin: 0 auto;
}


/* jquery image slider */

/*
 * Required
*/
.container { width:900px; height:197px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:900px; display:none; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:900px; position:relative; clear:both; background: url(../images/slide_shadow.jpg) no-repeat center bottom; z-index: 1; }
ul.pagination { list-style:none; padding:0; margin: 30px 750px 0 0; float: right; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; font-size: 14px; display: none; }
ul.pagination li.active a { background:blue; color:white; display: block; }

#arrows { margin-top: 16px; }

#arrows img { border: none; }

#footer { text-align: center; margin: 20px auto 0 auto; width: 500px; color: #CCC; padding-top: 24px; clear: both; font-size: 14px; }
#footer a { margin: 0px 12px; }
#cr { text-align: center; margin: 0 auto; width: 400px; font: normal 11px Tahoma, Arial; color: #000; margin-top: 8px; }

.copyimage { float: right; margin: 22px 0px 12px 24px; border: 1px solid #000; }

.about { border-collapse: collapse; }
.about tr { background-color: #FAFAFA; }
.about tr:hover { background-color: #FFFFCC; cursor: pointer; }
.about td { padding: 4px; }
.about a { font-weight: bold; text-decoration: none; color: #006699; }

#clients { margin: 0 auto; background-color: #EFEFEF; padding: 10px; }