/*=============================================================================================*/
/*    Created by Trends Media Services, a division of Trends Publishing International Ltd      */
/*    Copyright 2009                                                                           */
/*    Developer: Rebecca Cumberlege & Dion Joubert           							       */
/*=============================================================================================*/

@import url("css/colorbox.css"); /*For lightbox */
@import url("css/form.css");

/* Header */
#header { background-color:#343232; clear:both; height:auto; width:auto; }
#header .logo-wrapper {padding:30px 10px 20px; clear:both; }
#header .shadow-wrapper { margin: 0 auto; width: 1028px;}
#header .top-shadow {background: url(images/top-shadow.jpg) no-repeat; height:16px; width:100%;}


/* Side Borders */
.content-wrapper { background:#201e1e; margin:0 auto; width:900px; }

/* Content */
#content { background: #343232 url(images/stripes.jpg) repeat-x; clear:both; position:relative;}
#content #mainContent{ background: #201e1e; min-height:200px; padding:30px 0px; } 
#content .leftPane {float:left; clear:left; width:570px; margin: 0 0 0 30px;}
#content .rightPane {float:left; width:206px; margin-left: 40px;}
#content .testimonialPane {float: left; width: 250px; margin-left:40px;}
.website-fullPane {padding: 0 20px 0 30px;}
.website-contentPane{ padding: 0 30px;}

#mainContent a, #mainContent a:link, #mainContent a:active{color: white;}
#mainContent a:hover {color: #646464;}

/* WRAPPERS */
.menu-wrapper {background-color: #201e1e; height:43px; margin-left:30px; width:565px; float:left; }
.breadcrumb-wrapper {width: 266px; float:right;}

.menu-left { background: #201e1e url(images/menu-left.gif) no-repeat; width:5px; height:43px; float:left; }
.menu-right{ background: #201e1e url(images/menu-right.gif) no-repeat; width:5px; height:43px; float:left; }
.menu-center{ background: #201e1e url(images/menu-center.gif) repeat-x; height:34px; }
.menu-center p { padding:7px 20px;}

/* Footer */
#footer { background-color: #343232; clear:both; }
#footer .contact-us-wrapper {padding:5px 0 15px 0;  width:730px; float:left; }
#footer .website-link { float:right; padding: 5px 0 15px 0; }
#footer .website-link p, #footer .contact-us-wrapper p {color: #646464; }
#footer .shadow-wrapper { margin: 0 auto; width: 1028px;}
#footer .bottom-shadow {background: url(images/bottom-shadow.jpg) no-repeat; height:16px; width:100%;}
#footer .contactUsPane {float:left;}

/* ControlPanel style */
.control-panel { display:table; margin:0px auto 0px auto; width:983px;}
.control-panel .template-style{ display:table-cell; }
.control-panel .left { background:transparent url(images/cpanel_left.png) no-repeat bottom left; margin-left: 11px; padding-left:21px; }
.control-panel .right { background:transparent url(images/cpanel_right.png) no-repeat bottom right; padding-right:33px; }
.control-panel .ControlPanel { background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none; padding-bottom:10px; }


/*-------- Default Style --------*/
body {background-color: #343232; font-size: 12px; font-family:Helvetica, Arial, Verdana, sans-serif; margin:0;}
th,td,div,p,table,h1,h2,h3,h4,h5,h6 { color: white; font-size: 12px; font-family:Helvetica, Arial, Verdana, sans-serif; margin:0;}
input {color:black; font-size: 12px; font-family:Helvetica, Arial, Verdana, sans-serif; margin:0;}
h1, h2, h3, h4, h5, h6{color:white;}
h1, h3, h5 {font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2 {font-size: 16px; margin: 7px 0 10px 0px; padding: 0; font-weight:bold; }
h1 {font-size: 12px; padding:0; font-weight:normal; margin: 0; color:white; font-family:Helvetica,Arial,Verdana; line-height:16px;} /* special size for photo site*/
h2 { font-size:14px; color:white;}
h3, h4 { font-size:12px;margin:8px 0;}
h3 { font-style:italic; }
h5, h6{font-size:10px;margin:6px 0;}
p {line-height:16px; font-size: 12px; color: white; font-family:Helvetica, Arial, Verdana;}
.wrapper {margin: 0 auto; width:900px}
.clear {clear:both;}
img {padding: 0}
#mainContent .rightPane img, #mainContent .website-fullPane img {background-color: #343232; padding: 10px 0px 0px 10px;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {font-family:Helvetica, Arial, Verdana, sans-serif;}
.Head, #content .Head{color:#2E3D47;font-weight:bold; font-size:14px;}
.SubHead {color:white;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}
input.NormalTextBox, textarea.NormalTextBox, select.NormalTextBox {border:1px solid #4B4B4B; color:#4B4B4B;}

ul{ padding: 5px 0 0 15px; }
ul li { list-style-type:circle; padding:2px 0px;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

small {font-size:9px;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

a.CommandButton:link, a.CommandButton:visited{color:white; font-weight:bold; text-decoration:underline;}
a.CommandButton:hover{color:#646464;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#5C5C5C;}
.ControlPanel a.CommandButton:hover{color:#646464; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{ color:#201E1E; font-size:11px;}
.ControlPanel .SubHead {color: #201E1E;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:white; text-decoration:underline;}
a.Breadcrumb:hover{color:#6D6E71;}
.breadcrumb-wrapper a.currentLevel { color:white;}
.breadcrumb-wrapper a.currentLevel:hover {color: #6D6E71; }

/*-------------- Link Style --------------*/
a, a:link,a:visited,a:active{color: #201E1E; font-size: 12px; font-family:Helvetica, Arial, Verdana, sans-serif; margin:0; text-decoration:underline;}
a:hover{color: #6D6E71;}

.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#5C5C5C; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#5C5C5C;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
#footer a,  #footer a:link, #footer a:active, #footer a:visited{ color: #646464;}
#footer a:hover { color: white; }

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0!important;margin:0!important;display:none;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

.paneOutline { border:0 none; }


/* MENU WITH IMAGES using CSS Sprites */
.menu_items a, .breadcrumb_items a {float:left; background: url(images/menu.png) no-repeat 0 0; height:34px; width:60px; margin-top:5px;}
.subMenu {padding-left:116px;}


a.menu_home, a.menu_home:hover, a.menu_home_active { background-position: 0 -447px;width:92px; margin-left:15px }
a.menu_home:hover, a.menu_home_active:hover { background-position: -142px -447px; }


a.menu_aboutsite, menu_items a.menu_aboutsite:hover, .menu_items a.menu_aboutsite_active { background-position: 0 2px;width:60px; margin: 7px 0 0 15px; }
.menu_items a.menu_aboutsite:hover, .menu_items a.menu_aboutsite_active, #nav li.on a.menu_aboutsite {background-position: -85px 2px; }
a.menu_gallery, .menu_items a.menu_gallery:hover, .menu_items a.menu_gallery_active { background-position: 0 -45px; width:43px; margin: 7px 0 0 15px;}
.menu_items a.menu_gallery:hover, .menu_items a.menu_gallery_active, #nav li.on a.menu_gallery { background-position: -85px -45px;}
a.menu_fineart_reprod, .menu_items a.menu_fineart_reprod:hover, .menu_items a.menu_fineart_reprod_active{background-position: 0 -89px; width:128px; margin: 7px 0 0 15px;}
.menu_items a.menu_fineart_reprod:hover, .menu_items a.menu_fineart_reprod_active {background-position: -143px -89px; }
a.menu_testimonials, .menu_items a.menu_testimonials:hover, .menu_items a.menu_testimonials_active { background-position: 0 -125px; width:75px; margin: 7px 0 0 15px;}
.menu_items a.menu_testimonials:hover, .menu_items a.menu_testimonials_active  {background-position: -85px -125px; }
a.menu_contact, .menu_items a.menu_contact:hover, .menu_items a.menu_contact_active { background-position: 0 -172px; width:46px; margin: 7px 0 0 15px;}
.menu_items a.menu_contact:hover, .menu_items a.menu_contact_active { background-position: -85px -172px;}
a.menu_archive, .menu_items a.menu_archive:hover, .menu_items a.menu_archive_active { background-position: 0 -208px; width:46px; margin: 7px 0 0 15px;}
.menu_items a.menu_archive:hover, .menu_items a.menu_archive_active { background-position: -85px -208px; margin: 7px 0 0 15px;}

a.menu_location, a.menu_location:hover, a.menu_location_active { background-position: 0 -364px;width:50px; margin-left:15px }
a.menu_location:hover, a.menu_location_active { background-position: -85px -364px; }
a.menu_products, a.menu_products:hover, a.menu_products_active{ background-position: 0 -245px;width:55px; margin-left:15px }
a.menu_products:hover, a.menu_products_active { background-position: -85px -245px;}
a.menu_clothing, a.menu_clothing:hover, a.menu_clothing_active{ background-position: 0 -281px;width:49px; margin-left:15px }
a.menu_clothing:hover, a.menu_clothing_active  { background-position: -85px -281px;}
a.menu_portraits, a.menu_portraits:hover, a.menu_portraits_active{ background-position: 0 -319px;width:52px; margin-left:15px }
a.menu_portraits:hover, a.menu_portraits_active  { background-position: -85px -319px;}
a.menu_finearttab, a.menu_finearttab:hover, a.menu_finearttab_active{ background-position: 0 -415px;width:44px; margin-left:15px }
a.menu_finearttab:hover, a.menu_finearttab_active { background-position: -86px -415px;}

ul#nav {padding:0; margin:0; }
#nav li { /*float the main list items*/ margin: 0; float: left; display: block; padding:0;}
#nav li.off ul, #nav li.on ul { /*hide the subnavs*/  display: none;}
#nav li a {  /*for all links in the list*/ color: #f90; font-weight: bold; display: block; height: 36px; padding: 0px; }
#nav li.off ul, #nav li.on ul { /*put the subnavs below and hide them all*/ display: none; position: absolute; top: 33px; height: 34px; padding-top: 5px;}

/*SUB NAVIGATION*/
#nav li.on a { /*change border color for active topic area*/ }
#nav li.on ul a, #nav li.off ul a {  /*  cancel inherit of border on subnav of active topic */ border: 0;}
#nav li.on ul {  /*display active subnav list*/  display: block;}
#nav li.on ul a, #nav li.off ul a { }
#nav li.on ul {  /*display the current topic*/ display: block;}
#nav li.off:hover ul { /*  display the other topics when their parent is hovered */ display: block; z-index: 6000;}
#nav li.off ul, #nav li.on ul { /*put the subnav below*/ top: 33px; *top: 44px; /*reposition for IE*/}

/* FileManager - readable material */
.FileManager_Explorer, .FileManager_FileList { background-color:Transparent;}
.FileManager_Item {background-color:Silver;}
.FileManager_AltItem {background-color:Gray;}
.FCKImageGalleryItemContainer td {color:Black;}