/*---------- General -----------*/


body {
margin:0px;
padding:0px;
background:#ffffff url(http://www.camusgallery.com/images/bg-login.gif) repeat-x top;
font:normal 12px Arial;
color:#5c5c5c;
}

div, h1, h2, h3,p, form{
margin:0px;
pading:0px;
}

.bold{
font-weight:bold;
}

a, a:hover{
cursor:pointer;
}

img{;display:inline;}

a img{border:0px;}

.red{color:#d80129;}

.container{
margin:0 auto;
width:764px;
height:auto !important;
min-height:780px;
height:780px;
direction:ltr;
}

.dynamic .title{
font:bold 12px Tahoma;
margin:0px;
padding:0px;
margin-bottom:10px;
float:left;
width:100%;
text-align:left;
direction:ltr;
}

.dynamic p{
font:normal 12px Arial;
float:left;
padding-bottom:10px;
text-align:justify;
direction:ltr;
width:100%;
}

.dynamic a, .dynamic a:hover{
color:#d80129;
text-decoration:underline;
}

.dynamic a:hover{
text-decoration:none;
}

.dynamic ul{
display:inline;
float:right;
}

.italic{
font-style:italic;
}



/*---------- Header -----------*/

.forms{
float:left;
width:764px;
height:31px;
}

form.ups, form.login{
float:right;
width:325px;
height:23px;
margin-top:5px;
text-align:left;
}

form.ups img {
float:left;
margin:0;
margin-right:3px;
}

form.login{
float:right;
text-align:right;
}

form.login input.inpdis
{
display:none;
}

form.ups input, form.login input, form.join input, form.contactform input{
width:260px;
height:15px;
border:solid 1px #ddd9d9;
font:normal 11px Tahoma;
color:#5c5c5c;
line-height:15px;
vertical-align:middle;
}

form.login input{
width:100px;
margin-right:3px;
}

form.login div {
float:left;
}

form.ups input.btsubmit, form.login input.btsubmit, form.join input.btsubmit, form.contactform input.btsubmit{
width:16px;
height:11px;
background:url(http://www.camusgallery.com/images/arrow.jpg) no-repeat top;
border:0px;
cursor:pointer;
vertical-align:middle;
}

form.login input.btsubmit{
width:43px;
height:16px;
background-color:transparent;
background-image:none;
border:0px;
vertical-align:middle;
font:bold 11px Tahoma;
color:#d80129;
margin:0px;
padding:0px;
}

form.contactform input.btsubmit{
float:right;
font:normal 11px Tahoma;
color:#d80129;
width:60px;
height:16px;
line-height:20px;
background-position:right bottom;
}

.logo{
float:left;
margin-top:50px;
}

.flash{
width:762px;
height:213px;
border:solid 1px #e9e4e4;
margin-top:10px;
float:left;
}

/*---------- Footer -----------*/

.footer{
float:left;
margin-top:30px;
width:764px;
}

.copyright{
padding-top:10px;
padding-bottom:20px;
font-size:11px;
color:#b6b3b3;
width:500px;
float:left;
}

p.tyco{
padding-top:10px;
padding-bottom:20px;
float:right;
}

p.tyco a {
float:right;
font-size:11px;
color:#b6b3b3;
margin-right:10px;
}

/*---------- Main -----------*/

.main{
float:left;
width:764px;
height:auto !important;
min-height:300px;
height:300px;
margin-top:30px;
}

.hometext, .artistbox, .newsbox, .contact{
float:left;
width:425px;
height:auto !important;
min-height:10px;
height:10px;
margin-bottom:30px;
}

.artistbox{
float:right;
width:263px;
height:auto !important;
min-height:10px;
height:10px;
margin:0px;
padding:15px 0px;
padding-left:5px;
border:solid 1px #e9e4e4;
background:#f5f3f3 url(http://www.camusgallery.com/images/bg-artistbox.gif) repeat-x top;
}

a.artistlink{
float:left;
width:90px;
height:auto !important;
min-height:10px;
height:10px;
padding-left:20px;
margin:0px 10px;
margin-bottom:7px;
background:url(http://www.camusgallery.com/images/bullet.gif) no-repeat top left;
color:#5c5c5c;
text-decoration:none;
line-height:12px;
}

a.artistlink:hover{
color:#d80129;
}

.dot, .sep{
width:100%;
float:left;
height:1px;
line-height:1px;
font-size:1px;
background:url(http://www.camusgallery.com/images/dot.gif) repeat-x top;
}

.sep{
background-image:none;
}

.newsbox, .mailing{
margin:0px;
margin-top:30px;
}

a.newslink{
text-decoration:none;
}

a.newslink:hover{
text-decoration:underline;
}

.newsbox .new{
float:left;
width:100%;
height:auto !important;
min-height:10px;
height:10px;
}

.mailing{
float:right;
margin-right:10px;
width:243px;
height:auto !important;
min-height:10px;
height:10px;
}

form.join{
float:left;
width:100%;
}

form.join input{
width:205px;
}

.contact{
width:270px;
margin-bottom:0px;
}

form.contactform{
float:right;
width:440px;
height:auto !important;
min-height:10px;
height:10px;
}

table.contacttable{
width:440px;
}

table.contacttable td{
width:90px;
height:27px;
vertical-align:top;
padding-top:3px;
}

table.contacttable td.two{
padding-top:0px;
width:130px;
}

table.contacttable td.three{
width:80px;
padding-left:10px;
}

table.contacttable td.tdbutton{
width:354px;
}

form.contactform input{
width:128px;
font:normal 12px Arial;
}

form.contactform textarea{
width:352px;
height:80px;
border:solid 1px #ddd9d9;
font:normal 11px Tahoma;
color:#5c5c5c;
overflow:auto;
}

.order{
float:left;
margin-top:15px;
}

.order select{
width:170px;
height:20px;
font:normal 12px Arial;
color:#5c5c5c;
margin-left:3px;
}

.artist{
float:left;
width:91px;
height:auto !important;
min-height:100px;
height:100px;
margin:0px 18px;
margin-top:30px;
display:inline;
}

.artist a.artistimg{
padding:2px;
border:solid 1px #e9e4e4;
width:69px;
height:71px;
margin:0 auto;
text-align:center;
display:block;
}

.artist a.artistname, .artist a.artistname:hover{
font:bold 11px Tahoma;
color:#5c5c5c;
padding-top:3px;
text-align:center;
display:block;
text-decoration:none;
}

.gallery, .gallerytext{
margin:0 auto;
margin-top:10px;
width:605px;
height:auto !important;
min-height:386px;
height:386px;
}

.gallerytext{
height:auto !important;
min-height:10px;
height:10px;
}

.galtitle{
font:normal 12px Arial;
}

.popup_page {
margin:auto;
width:700px;
}

.popup_page_box {
background-color:#ffffff;
border:1px solid #bcbcbc;
float:left;
height:610px;
margin-left:10px;
margin-top:12px;
width:680px;
}

.popup_content {
display:inline;
float:left;
margin:15px;
width:650px;
}

.popuptitle{
color:#b80a09;
float:left;
font:bold 12px Arial;
white-space:nowrap;
}

a.popup_close {
color:#000000;
display:block;
float:right;
font:bold 11px Arial;
text-decoration:underline;
white-space:nowrap;
}

.popup_image_container {
clear:both;
float:left;
width:100%;
}

img.popup_image {
border:1px solid #bcbcbc;
display:block;
margin:auto;
padding:2px;
}

/*
  Dynamic Menu: Liran Oz    21/7/2007
  use with generator.php
*/
body {
        /*Explorer 6 hover behavior file*/
        behavior:url("csshover.htc");
}


/*Global Settings*/

/*Text alignment and Floatings */
#menu ul, #menu ul li, #menu ul li ul li, #menu ul li ul li ul li {
    float: left;
}

#menu ul, #menu ul li ul li, #menu ul li ul li ul li {
    text-align: left;

}

#menu ul li ul li a, #menu ul li ul li ul li a {
    direction: ltr;
}


/*Popup items height & width*/
#menu ul li ul li, #menu ul li ul li ul li, #menu ul li ul, #menu ul li ul li ul {
    width: 130px;
    height: auto !important;
	min-height:5px;
	height:5px;
}


/* Menu alignment */
/*First popup*/
#menu ul li ul {
    top: 16px;
    left: 0px;

}

/*Second popup*/
#menu ul li ul li ul {
    top: 0px;
    left: 130px;
}

/*Border and styles*/
/*First Popup*/
#menu ul li ul li {
 border-collapse: collapse;
}
/*Second Popup*/

#menu ul li ul li ul li {
 border-collapse: collapse;
}


/*
  Hover background Settings for menu items
*/
/*menu line*/
#menu ul li {
    color: #5c5c5c;
    background-color: #ffffff;
	margin-top: 0px;

}
#menu ul li:hover {
    color: #d80129;
}

/*First popup*/
#menu ul li ul li {
    color: #5c5c5c;
    background-color: #ffffff;
	padding:0px 10px;
}

#menu ul li:hover ul li:hover {
    color: #d80129;
    background-color: #f6f6f6;
}

/*Second popup*/
#menu ul li ul li ul li {
    color: #5c5c5c;
    background-color: #ffffff;
	padding:0px 10px;
}

#menu ul li:hover ul li ul li:hover {
    color: #d80129;
    background-color: #f6f6f6;
}

/*
  A Href text styling for menu items
*/
/*Top menu links*/
#menu ul li a, #menu ul li a.last, #menu ul li a.this {
    width: auto;
    font: bold 12px Tahoma;
    color: #5c5c5c;
    padding: 4px 10px;
    display: block;
    text-decoration: none;
    background:#ffffff url(http://www.camusgallery.com/images/menupipe.gif) no-repeat left center;
}

#menu ul li a.last{
background-image:none;
padding-right:0px;
}

#menu ul li a.this{
color:#d80129;
}



#menu ul li a:hover {
    color: #d80129;
}

/*1st popup links*/
#menu ul li ul li a {
    color: #666666;
    width: 104px;
    height: auto !important;
	min-height:5px;
	height:5px;
    background-color: transparent;
    display: block;
    font: normal 11px Tahoma;
    text-decoration: none;
    background-image:none;
}

#menu ul li ul li a:hover {
    color: #d80129;
}

/*2nd popup links*/

#menu ul li ul li:hover ul li a {
    color: #666666;
    width: 104px;
    height: 100%;
    background-color: transparent;
    display: block;
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
}

#menu ul li ul li ul li a:hover{
color: #d80129;
}



div#menu {
	width: 410px;
	background-color: #ffffff;
	margin: auto;
	padding: 0px;
	height:26px;
	float:right;
	margin-top:80px;
}


/*Holds the top of the menu*/
#menu ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-indent: 0px;
	float:right;
}

/*----------------------------------------------------------------------------*/
/*Settings for each of the top menu item*/
#menu li {
    font-family: Tahoma;
    font-size: 12px;
    color: #5c5c5c;
}

#menu ul li {
	height: 26px;
  	width: auto;
  	padding: 0px;
	margin-left: 0px;
	list-style: none;
	border-collapse: collapse;
}

/*Popup menu 1  - holds the first popup items */
#menu ul li ul {
    display: none;
    position: absolute;
    height: auto;
    margin: 0px;
    border: 0px;
    padding: 0px;
    margin-top:10px;
    /*padding: 5px;*/
}
/*Popup menu 1  - each item in popup1 settings*/
#menu ul li ul li {
	padding:0px;
    margin: 0px;
    direction: rtl;
}

/* Hover settings for the first popup item*/

#menu ul li:hover {
    position: relative;
}

#menu ul li:hover ul {
    display: block;
    border:solid 1px #5c5c5c;
}
#menu ul li:hover ul li ul{
    display: none;
}

/*Popup menu2 UL*/

#menu ul li ul li ul {
background-image : url(http://www.camusgallery.com/images/trans.gif);
    display: none;
    position: absolute;
    height: 20px;
    min-height: 20px;
    margin: 0px;
    background-color: transparent;
    list-style: none;
    border: 0px;
    z-index: 200;
    width: auto;
    height: auto;
    padding-left: 0px;
    padding-right: 0px;

	direction: ltr;
}

#menu ul li ul li ul li {
    position: relative;
    display: inline;
    /*padding: 0px;*/
	padding-left: 0px;
	padding-right: 0px;
    margin: 0px;
    clear: both;
    z-index: 300;
}

/* Hover settings for the second popup item*/

#menu ul li:hover ul li:hover{
    position: relative;
}

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

/**** End Menu ******/

/*----------------- Email -----------------*/
div.mail_desc {
	font:bold 12px Arial;
	color:#d80129;
	white-space:nowrap;
	margin-left:25px;
	margin-right:5px;
	float:left;
	width:100px;
	text-align:left;
}

div.mail_data {
	font:normal 12px Arial;
	float:left;
	color:#000000;
}

div.clear {
	float:none;
	clear:both;
	height:10px;
}