@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background-image: url(background.gif); background-repeat: repeat-x; text-align: center; color: #000000; }

.clear {clear: both; margin: 0px}

/* Container */

#container {position: relative; width: 800px; height: auto; margin: 0px auto; background: #000000; text-align: left; color:#FFFFFF} 
/* retain text-left so that container is centered in IE */

/* Menubar */

#menubar {position: absolute; width: 800px; height: 40px; margin: 0px; padding: 0px; background: #666666;} 
#menubar p {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #ffff99; padding: 10px 0 0 0 ;} 
#menubar a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none;} 
#menubar a hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF00; text-decoration: none;}

/* Main Content */

#content {position: absolute; width: 800px; height: auto; margin: 40px 0 0 0; background: #666666;}

/* Gallery container */

#contentgallery {position: absolute;  width: 800px; height: auto; margin: 275px 0 0 0; background: #666666;}
#contentgallery p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffff99; padding: 0 0 0 20px} 

/* Exhibition */

#gallery { background-color: #666666; width: 700px; padding: 0px; margin-left: 55px;}
#gallery ul { list-style: none;}
#gallery ul li { display: inline;}
#gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#gallery ul a:hover { color: #fff;}

/* Portraits */

#po_gallery { background-color: #666666; width: 700px; padding: 0px; margin-left: 50px;}
#po_gallery ul { list-style: none;}
#po_gallery ul li { display: inline;}
#po_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#po_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#po_gallery ul a:hover { color: #fff;}

/* Events */

#ev_gallery { background-color: #666666; width: 750px; padding: 0px; margin-left: 20px;}
#ev_gallery ul { list-style: none;}
#ev_gallery ul li { display: inline;}
#ev_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#ev_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#ev_gallery ul a:hover { color: #fff;}

/* Commercial */

#co_gallery { background-color: #666666; width: 500px; padding: 0px; margin-left: 150px;}
#co_gallery ul { list-style: none;}
#co_gallery ul li { display: inline;}
#co_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#co_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#co_gallery ul a:hover { color: #fff;}

/* Photoart */

#ph_gallery { background-color: #666666; width: 700px; padding: 0px; margin-left: 50px;}
#ph_gallery ul { list-style: none;}
#ph_gallery ul li { display: inline;}
#ph_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#ph_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#ph_gallery ul a:hover { color: #fff;}

/* Performance */

#pe_gallery { background-color: #666666; width: 750px; padding: 0px; margin-left: 20px;}
#pe_gallery ul { list-style: none;}
#pe_gallery ul li { display: inline;}
#pe_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#pe_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#pe_gallery ul a:hover { color: #fff;}

/* Places */

#pl_gallery { background-color: #666666; width: 750px; padding: 0px; margin-left: 20px;}
#pl_gallery ul { list-style: none;}
#pl_gallery ul li { display: inline;}
#pl_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#pl_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#pl_gallery ul a:hover { color: #fff;}

/* Panoramas */

#pa_gallery { background-color: #666666; width: 600px; padding: 0px; margin-left: 135px;}
#pa_gallery ul { list-style: none;}
#pa_gallery ul li { display: inline;}
#pa_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#pa_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#pa_gallery ul a:hover { color: #fff;}

/* Sales page*/

#salegallery {position: absolute;  width: 600px; height: auto; margin: 50px 0 0 0; background: #999999;}
#salegallery p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffff99; padding: 0 0 0 145px;} 
#sale_gallery { background-color: #999999; width: 150px; padding: 0px; margin-left: 280px;}
#sale_gallery ul { list-style: none;}
#sale_gallery ul li { display: inline;}
#sale_gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 10px; }
#sale_gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 10px; color: #fff;}
#sale_gallery ul a:hover { color: #fff;}

/* Contacts */

#contact {position: absolute;  width: 470px; height: auto; margin: 80px 0 0 0; background: #999999;}
#contact p {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #ffff99; text-align: right; padding: 0 10px 0 0} 
#contact a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffff99; text-decoration: underline;} 
#contact a hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffff00; text-decoration: none;}
#img {position: absolute; width: 120px; height: auto; margin: 75px 0 0 475px; background: #999999; left: 3px;}
#panoramas {position: absolute; width: 120px; height: auto; margin: 275px 0 0 305px; background: #999999; left: 3px;}

/* Footer */

#footer {position: absolute; top: 670px; width: 800px; height: 50px; background: 000000;}
#footer p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-align: center;}