html, body 
{
    background-color:#ddd;
    height:100%;
    font-family: "Century Gothic",  Arial;
    font-size:12px;
    line-height:14px;
}


#container 
{
    border-left:solid 1px #333;
    border-right:solid 1px #333;
    background-color:#ebe8e3;
    width:873px;
    margin:0 auto 0 auto;
    height:100%;
}
#footer {color:#999; width:873px; height:35px; margin:auto; background-color:#ebe8e3; border-left:solid 1px #333; border-right:solid 1px #333; text-align:center; }
#footer ul { float:left; }
#footer ul li { float:left; margin-right:4px; }
#footer div.inner { width:813px; height:24px; padding-top:10px; border-top:solid 1px #d5d2ce; margin:0 30px 0 30px; }
#footer div.text { text-align:right; }
#header 
{
    background:url(../images/bg-header.jpg) no-repeat top left;
    height:435px;
    position:relative;
}
#logo { width:478px; height:73px; float:left; margin:10px 0 0 10px; }
#logo a { display:block; background:url(../images/logo.png) no-repeat top left; width:478px; height:78px; }
#logo span { display:none; }

.logininfo { text-align:right; padding:5px; }

h2 { font-size:30px; clear:both; line-height:40px; letter-spacing:3px; }
h2 .grey {color:#6b6b6b;  }

a { color:#666; text-decoration:none; }
a:hover { color:#333; text-decoration:underline; }

#menu { position:relative; clear:both; float:left; top:112px; left:33px; width:840px; }
#menu li { float:left; }
#menu li span { display:none;}
#menu a { }
#menu a.about { background:url(../images/menu/about.png) no-repeat top left; width:135px; height:139px; float:left; position:relative; }
#menu a:hover.about, #menu .selected a.about { background-position:top right; }
#menu a.services { background:url(../images/menu/services.png) no-repeat top left; width:137px; height:138px; float:left; position:relative; left:1px; top:6px; }
#menu a:hover.services, #menu .selected a.services { background-position:top right; }
#menu a.galleries { background:url(../images/menu/galleries.png) no-repeat top left; width:115px; height:125px; float:left; position:relative; left:14px; top:26px; }
#menu a:hover.galleries, #menu .selected a.galleries { background-position:top right; }
#menu a.contact { background:url(../images/menu/contact.png) no-repeat top left; width:133px; height:139px; float:left; position:relative; left:18px; top:24px; }
#menu a:hover.contact, #menu .selected a.contact { background-position:top right; }

#menu span.blank1 { display:block; background:url(../images/menu/blank1.png) no-repeat top left; width:116px; height:109px; float:left; position:relative; left:34px; top:32px; }
#menu span.blank2 { display:block; background:url(../images/menu/blank2.png) no-repeat top left; width:119px; height:120px; float:left; position:relative; left:44px; top:19px; }

#content { padding:0px 40px 0px 40px; }

#left_col { margin-top:20px; width:150px; float:left; }
#left_col img { margin-bottom:20px; clear:both; }
#middle_col { margin-top:20px; float:left; width:630px; }

p { line-height:1.4em; margin-bottom:15px; }



ul.boxlist { clear:both; float:left; margin-bottom:15px; }
ul.boxlist li { float:left; margin:15px 0 0 15px; }
ul.boxlist li a { display:block; height:68px; overflow:hidden; font-size:10px; line-height:1.4em; width:220px; padding:10px; text-decoration:none; border:solid 1px #999; color:#999; background-color:#eee; }
ul.boxlist li a:hover { color:#333; border-color:#333; }
ul.boxlist li a strong { display:block; font-size:14px; line-height:16px; overflow:hidden; height:16px; cursor:pointer; }


ul.boxlist li a.folder { background:url(/images/icons/folder.png) no-repeat 185px 37px; }
ul.boxlist li a.locked { background:url(/images/icons/folder_locked.png) no-repeat 185px 37px; }
ul.boxlist li a.unlocked { background:url(/images/icons/folder_unlocked.png) no-repeat 185px 37px; }



.category { margin:30px 0 0 10px; padding-bottom:15px;}
.category li.cat-item { clear:both; margin-bottom:15px; }
.category li.cat-item a.title { display:block; padding:5px 0 5px 20px; font-size:1.3em; color:#666; font-weight:bold; background:url(/images/arrow-right-small.png) no-repeat left 7px; }
.category li.cat-item a:hover.title { color:#333;  background:url(/images/arrow-right-small.png) no-repeat left -46px; text-decoration:none; }
.category li.cat-item p { margin-left:20px; }

.subcategory { margin-left:20px; }
.subcategory li.cat-item { clear:both; margin-bottom:15px; }
.subcategory li.cat-item a.title { display:block; padding:5px 0 5px 20px; font-size:1.3em; color:#666; font-weight:bold; background:url(/images/arrow-right-small.png) no-repeat left 7px; }
.subcategory li.cat-item a:hover.title { color:#333; background:url(/images/arrow-right-small.png) no-repeat left -46px; text-decoration:none; }
.subcategory li.cat-item p { margin-left:20px; }

/*
.category li.selected { border-bottom:solid 1px #ccc; }
.category li.selected a.title { color:#333; margin-bottom:5px; font-weight:bold; border-bottom:solid 1px #ccc; background:url(/images/arrow-right-small.png) no-repeat left -46px; }
*/

.category p { margin:0px; color:#999; font-size:.9em; }




.gallery_breadcrumb { margin:0 0 0px 0; display:block; clear:both; }
.gallery_breadcrumb li { margin-bottom:20px; float:left; padding:0 15px 0 22px; background:url(/images/arrow-right-small.png) no-repeat left center; }
.gallery_breadcrumb a { font-size:1.4em; font-weight:bold; line-height:20px; }


div.image-mini
{
    float:left; 
    width:34px; 
    height:34px; 
    background-position:center center;
    background-repeat:no-repeat; 
    margin:10px 4px 0 0; 
    overflow:hidden;
    border:solid 3px #fff;
    cursor:pointer;
}
div.image-thumbnail
{
    float:left; 
    width:110px; height:110px;
    text-align:center;
     margin:0 5px 10px 5px;
}
div.image-thumbnail img
{
    border:solid 5px #fff; 
    clear:both;
}
.gallery-description { padding:10px 0; clear:both; }
.gallery-image { float:right; position:relative; text-align:center; background-color:#fff; padding:5px; }
.gallery-image img {  }
.gallery-image span { display:block; font-size:1.4em; }
.gallery-image #imgLoading { border:none; position:relative; display:none; padding:50px; }

div#galleryimage-list { float:left; width:245px; }

div#upload_controls { margin:10px 0; }

div.image-control
{
    float:left; width:100px; background-color:#fff; margin:5px; overflow:hidden; height:90px;
    border:solid 1px #999;
}
div.image-control:hover { border:solid 1px #333; }
div.image-control a { display:block; margin:5px 0 10px 0; text-align:center; color:#999; text-decoration:none;}
div.image-control a:hover { color:#333; text-decoration:underline; }


a.arrow-back, a.arrow-right, a.arrow-left { height:19px; float:left; line-height:19px; margin-bottom:10px; clear:both; }

a.arrow-back { background:url(../images/arrow-left.png) no-repeat left top; padding-left:28px; position:absolute; left:20px; bottom:20px; }
a:hover.arrow-back { background-position:left bottom; color:#333; text-decoration:none;}


a.arrow-left { background:url(../images/arrow-left.png) no-repeat left top; padding-left:28px; }
a:hover.arrow-left { background-position:left bottom; color:#333; text-decoration:none;}
a.arrow-right { text-align:right; float:none; display:block; background:url(../images/arrow-right.png) no-repeat right top; padding-right:28px; }
a:hover.arrow-right { background-position:right bottom; color:#333; text-decoration:none;}

a.move-left, a.move-right, a.rotate, a.view-image { float:right; margin:0; padding:0px; display:block; width:16px; height:16px; text-decoration:none; background:no-repeat left center;}
a.move-left { background-image:url(/images/icons/left_blue.png); } 
a.move-right { background-image:url(/images/icons/right_blue.png); } 
a.rotate { background-image:url(/images/icons/replace2.png); width:20px; } 

a.view-image { background-image:url(/images/icons/view.png); width:20px; } 



.admin_categorylist { border-left:solid 1px #999; padding:10px; margin-top:20px; width:360px; float:left; background-color:#ddd; }
.admin_categorylist ul { background-color:#ccc; border-bottom:solid 1px #fff; }
.admin_categorylist ul li { padding:5px 0 5px 5px; border-top:solid 1px #fff; }
.admin_categorylist ul li a { height:20px; line-height:20px; display:block; color:#000; }

.admin_categorylist ul ul { margin:10px 0 10px 15px; border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.admin_categorylist ul ul li { border-top:solid 1px #ddd; }
.admin_categorylist ul ul li a { color:#333; }
.admin_categorylist ul ul ul li a { color:#666; }
.admin_categorylist ul ul ul ul li a { color:#999; }
.admin_categorylist a span { float:right; display:block; margin:3px 5px 0; width:16px; height:16px; background:url(/images/icons/lock.png) no-repeat center top; }

/**** TABLES ***/
.prices { width:400px; margin:0 auto 10px auto; border-collapse:collapse; }
.accounts { width:80%; margin:2% 10% 2% 10%; border-collapse:collapse; }
.prices th, .accounts th { font-weight:bold; }
.prices td, .prices th, 
.accounts td, .accounts th 
{ padding:10px; vertical-align:middle; margin:5px; text-align:center; font-size:1.4em; background-color:#fff; border:solid 5px #ebe8e3; }

.admin { width:100%; margin-top:20px; }
.admin th, .admin td { padding:5px; border:solid 1px #eee; }
.admin th { background-color:#ddd; }
.admin .row_over td { background-color:#dbf2db; }

/**** FORMS ***/
.error { margin-bottom:10px; color:#c00; line-height:1.4em; }
.confirmation { margin-bottom:10px; color:#0c0; line-height:1.4em; }

.row { clear:both; margin-bottom:15px; }
label { float:left; display:block; text-align:right; margin-right:10px; line-height:2em; width:100px; font-weight:bold; }
.row div { margin-left:110px; }
.control-description { font-size:smaller; line-height:1.4em; color:#666; }



.bold { font-weight:bold; }
.fLeft { float:left; }
.fRight { float:right; }
.clearfix { clear:both; }
.aCenter { text-align:center; }

.highlight { background-color:#dbf2db; }