html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 100% Eras Medium ITC,arial,sans-serif;
    text-align: left;
}
p
{
    margin: 0 0 20px 0;
    padding: 0;
}
a
{
    /*display: block;*/
    color: #000;
}
a:hover
{
    text-decoration: underline;
}

img
{
    border: 0;
}

#header
{
    position: relative;
    background-image: url(   "../assets/headerbkg.jpg" );
    background-repeat: no-repeat;
    color: #FFF;
}
#header h1
{
    height: 88px;
    line-height: 88px;
    margin: 0;
    margin-bottom: 10px;
}

#header a
{
    display: block;
    color: #FFF;
    text-decoration: none;
    padding-left: 120px;
}

#container
{
    width: 760px;
    text-align: left;
}

#content
{
    float: right;
    padding: 5px;
    width: 550px;
}
#content h2
{
    clear: both;
}
#content p
{
    text-align: justify;
}

#content .portfolio_item
{
    text-align: left;
}

#navigation
{
    clear: left;
    float: left;
    width: 180px;
    margin-left: 10px;
}

#advertising
{
    float: left;
    width: 160px;
    margin-left: 10px;
    clear: left;
}

#footer
{
    color: #000;
    width: 100%;
    font-size: 70%;
    clear: both;
    margin-top: 10px;
    border-top: solid 1px #000;
}
#footer p
{
    padding: 5px 10px;
}
#footer a
{
    display: inline;
    padding: 0;
    color: #000;
}

.websites
{
    clear: both;
    min-height: 140px;
}

.website_thumbnail
{
    float: left;
    width: 120px;
}

.website_information
{
    float: right;
    width: 410px;
}

.products
{
    clear: both;
    min-height: 140px;
}

.product_thumbnail
{
    float: left;
    text-align: center;
    width: 120px;
}

.product_information_price
{
    float: right;
    width: 410px;
}

#content .product_price p
{
    text-align: right;
}

.product_information
{
    float: left;
    width: 270px;
}

.product_price
{
    float: right;
    width: 120px;
}

.products img
{
    /*float: left; max-width: 71px;*/
    max-height: 90px;
    max-width: 120px;
}

.popular_products img
{
    float: left; /*max-width: 71px;*/
    max-height: 90px;
    max-width: 120px;
}

.product_right img
{
    float: right;
    max-width: 200px;
    max-height: 200px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.italic
{
    font-style: italic;
}

.product_left img
{
    float: left;
    max-width: 200px;
    max-height: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
}

DIV .column_thirds
{
    float: left;
    width: 190px;
}

DIV .column_thirds img
{
    max-width: 180px;
}

DIV .column_twothirds
{
    float: left;
    width: 380px;
}

DIV .column
{
    clear: both;
    width: 100%;
}

/* CSS MENU ADAPTER CSS MENU ADAPTER CSS MENU ADAPTER CSS MENU ADAPTER CSS MENU ADAPTER */
/* CSS MENU ADAPTER CSS MENU ADAPTER CSS MENU ADAPTER CSS MENU ADAPTER CSS MENU ADAPTER */

.CSSAdapterMenu ul.AspNet-Menu /* Tier 1 */
{
    width: 100%;
}

.CSSAdapterMenu ul.AspNet-Menu ul /* Tier 2 */
{
    width: 100%;
}

.CSSAdapterMenu ul.AspNet-Menu ul ul /* Tier 3+ */
{
    width: 100%;
}

.CSSAdapterMenu li /* all list items */
{
    background-color: #000;
    color: #FFF;
}

.CSSAdapterMenu a:hover, .CSSAdapterMenu li.AspNet-Menu-Hover
{
    background-color: #FFF;
    color: #000;
}

/* all anchors and spans (nodes with no link) */
.CSSAdapterMenu a, .CSSAdapterMenu span
{
    color: #FFF;
    background-color: #000;
    padding: 5px;
    border: 1px solid #000;
}

/*.CSSAdapterMenu li.AspNet-Menu-Leaf a,  leaves 
.CSSAdapterMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}*/

/* hovered text 
.CSSAdapterMenu li:hover a, 
.CSSAdapterMenu li:hover span, 
.CSSAdapterMenu li.AspNet-Menu-Hover a, 
.CSSAdapterMenu li.AspNet-Menu-Hover span, 
.CSSAdapterMenu li:hover li:hover a, 
.CSSAdapterMenu li:hover li:hover span, 
.CSSAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, 
.CSSAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, 
.CSSAdapterMenu li:hover li:hover li:hover a, 
.CSSAdapterMenu li:hover li:hover li:hover span, 
.CSSAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, 
.CSSAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #FFF;
}*/

/* the tier above this one is hovered  
.CSSAdapterMenu li:hover li a, 
.CSSAdapterMenu li:hover li span, 
.CSSAdapterMenu li.AspNet-Menu-Hover li a, 
.CSSAdapterMenu li.AspNet-Menu-Hover li span, 
.CSSAdapterMenu li:hover li:hover li a, 
.CSSAdapterMenu li:hover li:hover li span, 
.CSSAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, 
.CSSAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #000;
}*/

/* this tier is selected 
.CSSAdapterMenu .AspNet-Menu-Selected 
{
    border: solid 1px #00FF00 !important;
}*/

/* a tier below this one is selected 
.CSSAdapterMenu .AspNet-Menu-ChildSelected 
{
    border: solid 1px #FF0000 !important;
}*/

/* a tier above this one is selected 
.CSSAdapterMenu .AspNet-Menu-ParentSelected 
{
    border: solid 1px #0000FF !important;
}*/


/* PERMENANT CSSADAPTER SETTINGS PERMENANT CSSADAPTER SETTINGS PERMENANT CSSADAPTER SETTINGS */
/* PERMENANT CSSADAPTER SETTINGS PERMENANT CSSADAPTER SETTINGS PERMENANT CSSADAPTER SETTINGS */
.AspNet-ChangePassword
{
}

.AspNet-CreateUserWizard
{
}

/*DATALIST*/

.AspNet-DataList
{
}

.AspNet-DataList table
{
}

.AspNet-DataList table caption
{
}

.AspNet-DataList table thead
{
}

.AspNet-DataList table thead tr
{
}

.AspNet-DataList table thead tr th
{
}

.AspNet-DataList table tfoot
{
}

.AspNet-DataList table tfoot tr
{
}

.AspNet-DataList table tfoot tr td
{
}

.AspNet-DataList table tbody
{
}

.AspNet-DataList table tbody tr
{
}

.AspNet-DataList table tbody tr td
{
}

/*DETAILS VIEW*/

div.AspNet-DetailsView-Data ul
{
    margin: 0;
    padding: 0;
}

div.AspNet-DetailsView-Data li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}

.AspNet-FormView-Pagination
{
}

.AspNet-GridView
{
    width: 100%;
}

.AspNet-GridView table
{
    width: 100%;
}


.AspNet-Login
{
}

.AspNet-LoginStatus
{
}


/*MENU*/

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    /*width: 100%;*/
}

ul.AspNet-Menu
{
    /*position: relative;
    border: 0;*/
}

ul.AspNet-Menu li
{
    /*border-top: solid 2px #FFF;*/
}

ul.AspNet-Menu, ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    /*display: block;*/
    /*border-top: solid 2px #FFF;*/
}

ul.AspNet-Menu ul ul
{
    font-size: small;
    /*display: block;*/
    /*border-top: solid 2px #FFF;*/
}

ul.AspNet-Menu ul ul li
{
    padding-left: 10px;
}


ul.AspNet-Menu li
{
    list-style: none;
    /*float: left;
    border: 0;
    margin: 0;*/
}

ul.AspNet-Menu li a, ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
    padding: 0 10px;
    /*margin: 0;*/
    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    /*visibility: hidden;
    font-size: x-small;*/
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    /*teir 2 hover*/
    /*visibility: visible;*/
    /*font-size: x-small;*/
}




/*PASSWORD RECOVERY*/

.AspNet-PasswordRecovery
{
}



/*TREEVIEW*/

div.AspNet-TreeView
{
    margin: 0;
    padding: 0;
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.AspNet-TreeView-Show
{
}

.AspNet-TreeView-Hide
{
    display: none;
}