﻿body
{
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}


#container
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: auto;
}
#header
{
    width: 1000px;
    height: 200px;
}
#searchbar
{
    width: 1000px;
    height: 40px;
    background-image: url('../Images/index_02.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #000000;
    text-align: right;
}
.searchontop
{
    margin-top: 10px;
}

.searchbtn
{
    margin-top: 10px;
    margin-right: 40px;
}
#wrappper
{
    width: 1000px;
    height: 500px;
    border-bottom: 1px solid #000000;
}
#leftcolumn
{
    width: 375px;
    height: 725px;
    float: left;
    margin-left: 10px;
    text-align: right;
}
#rightcolumn
{
    width: 595px;
    height: auto;
    float: left;
    margin-left: 5px;
}
.tabcontent
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 5px;
    background-image: url(../Images/frame_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFF;
    text-align: left;
}
#nav_links ul
{
    list-style-type: none;
    padding: 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}
#nav_links li a
{
    color: #000000;
    text-decoration: none;
}
#nav_links li
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #990000;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
    list-style-type: none;
    background-position: left center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-image: url('../Images/arrow_right.gif');
    background-repeat: no-repeat;
    padding-left: 10px;
}
#footer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #727272;
    text-align: center;
    margin-top: 15px;
    border-top: 1px solid #e5e5e5;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: auto;
}

.clear
{
    clear: both;
}

#footer a, a:hover
{
    color: #8a1719;
    text-decoration: none;
    text-align: center;
}
#wheretofind
{
    float: left;
    width: 275px;
    border: 1px solid #c0c0c0;
}
#intelligent
{
    float: left;
    border: 1px solid #c0c0c0;
    width: auto;
    margin-left: 5px;
}
#wheretofind img
{
    margin-left: 3px;
}
.datetime
{
    z-index: 9999;
    text-align: left;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
}
#searchform
{
    float: right;
}
.searchformsubpages
{
}
ul.news
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #000000;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    background-color: #ececec;
    width: 350px;
}
ul.news a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #990000;
}
.news li
{
    color: #990000;
    list-style-type: none;
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c0c0c0;
    margin-bottom: 5px;
}
.bottomline
{
    background-image: url('../Images/bottom_line.gif');
    background-repeat: repeat-x;
    background-position: left top;
    height: 5px;
}
.leftcorner
{
    background-position: left top;
    width: 5px;
    height: 5px;
    background-image: url('../Images/bottom_left_crn_wholebox.gif');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
.rightcorner
{
    width: 5px;
    height: 5px;
    background-position: left top;
    background-color: #FFFFFF;
    background-image: url('../Images/box_corner.gif');
}
.topline
{
    background-image: url('../Images/top_line_wholebox.gif');
    background-repeat: repeat-x;
    background-position: left top;
    height: 5px;
}
.biosteve
{
    float: left;
    margin-left: 10px;
}
.biojohn
{
    float: left;
    margin-left: 10px;
}
.bioallen
{
    float: left;
    margin-left: 10px;
}
.biowrapper img
{
    border: 1px solid #c0c0c0;
    padding: 2px;
}
.bids
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
    width: 100%;
}
a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #800000;
    text-decoration: none;
}
.lefttopcorner
{
    background-image: ../Images/top_left_crn_wholebox.gif;
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 5px;
    height: 5px;
}
.righttopcorner
{
    background-image: url('../Images/top_right_crn_wholebox.gif');
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
}

.tablebackground
{
    background-position: left top;
    background-image: url('../Images/frame_bg.gif');
    background-repeat: repeat-x;
    background-color: #FFFFFF;
}
#videos p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #000000;
    padding: 0px;
    margin: 5px 5px 5px 2px;
}
.video_thumbs
{
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 100px;
    height: auto;
}

#videos p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #000000;
    padding: 0px;
    margin: 5px 5px 5px 2px;
}
.video_thumbs
{
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 100px;
    height: auto;
}
.projectdetails
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #000000;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.sortbox
{
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: right;
}
.sortboxddl
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}
.projectrepeater
{
    width: 100%;
}
.projectimg
{
    padding: 2px;
    margin-right: 3px;
    border: 1px solid #c0c0c0;
}

.projectimgright
{
}
.mainProjectContainer
{
    width: 575px;
    height: auto;
}

.singleProjectContainer
{
    float: left;
    border: 1px solid #c0c0c0;
    padding: 2px;
    margin-bottom: 5px;
    margin-right: 2px;
    width: 250px;
    height: 200px;
}
.singleProjectContainerImage
{
    margin-right: 2px;
    float: left;
    width: 150px;
    height: 150px;
    text-align: left;
}
.singleProjectContainerImage a
{
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
a.more
{
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #800000;
    text-decoration: none;
    font-weight: bold;
}

.singleProjectContainerImage a:hover
{
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.imagePosition
{
    position: relative;
}
.namePosition
{
    position: absolute;
    left: 2px;
}



.singleProjectContainerDetails
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 90px;
    text-transform: capitalize;
}
.pageButtons
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #990000;
    text-decoration: none;
    margin-right: 3px;
}
.projectLinks a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9px;
    color: #000000;
    text-decoration: none;
    text-align: left;
}
.projectLinks a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9px;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

/* START LARGE PROJECTS */
.portfoliolargecontainer
{
    width: 100%;
}
.portfolioimglarge
{
    padding: 2px;
    border: 1px solid #c0c0c0;
}

.portfoliolargedesc
{
    float: left;
    width: 55%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-top: 5px;
}

.portfoliolargedetails
{
    margin-top: 5px;
    padding: 2px;
    margin: 0px;
    border: 1px solid #C0C0C0;
    float: right;
    width: 35%;
    margin-right: 12px;
    background-color: #ffffff;
}
.gallery_thumbs img
{
    border: 1px solid #000000;
    padding: 2px;
    margin: 2px;
}

/* END LARGE PROJECTS */


/* Pager */
.pager
{
    height: 29px;
    padding: 50px 2px 20px 2px;
    float: left;
    text-align: center;
}
.pager a, .pager a:link, active, visited
{
    color: #0496cd;
    width: 29px;
    height: 29px;
    display: inline-block;
    font: bold 12px/27px Arial, Helvetica, sans-serif;
    text-align: center;
    background: url(pager.jpg) no-repeat top;
    cursor: pointer;
    padding: 6px 2px 2px;
    _padding: 0px;
    margin: 0 5px;
    text-decoration: none;
}
.pager a:hover
{
    color: #ed0c6e;
    text-decoration: none;
}
.pager span
{
    background: url(pager-active.jpg) no-repeat top;
    color: #FFF;
    width: 29px;
    height: 29px;
    display: inline-block;
    font: bold 12px/27px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 6px 12px 10px;
    _padding: 0px;
    margin: 0 10px;
}
.pager a.active:hover
{
    color: #ed0c6e;
}
