/* CSS Document */

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

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 36px 90px; margin-top:0px; margin-left:0px; margin-right:auto; width:900px; min-height:670px; height:auto !important; height:670px; background:url(../images/container.jpg) no-repeat left top ; }

#header { width:100%; height:56px; margin:0px; padding:0px;  border-bottom:#003366 0px solid;}

.hidden {display:none;}

#logo {  width:212px; height:64px; margin:0px; padding:0px; background:url(../images/logo.gif) no-repeat; }

#main {  width:100%; margin:0px 0px 0px 0px; }

#sidebar { width:333px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px;  }

#featuredartwork {width:333px; min-height:144px; padding:38px 0px 0px 0px;  height:auto !important; height:144px; background:url(../images/featured.jpg) no-repeat top left #0b0b0b; margin:21px 0px 22px 0px; }
#featured {width:318px; margin:0px auto 0px auto;  background:#ffffff; min-height:134px; height:auto !important; height:134px;}
#featured img {float:right !important; margin:20px 0px 0px 0px;}
#featured a {font-size:11px; color:#000000; margin:0px 0px 0px 0px; padding:0px 0px 10px 11px;}
#featured ul {position:relative; margin:0px; padding:0px;}
#featured li {position:absolute; width:318px; top:0px; left:0px; margin:0px; padding:0px; list-style:none;}
#featured h1 {font-size:11px; color:#000000; border:0px; margin:0px 0px 0px 0px; padding:58px 0px 0px 11px;}
#featured h2 {font-size:11px; color:#000000; border:0px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px 0px 0px 11px;}

#sidebar_product input {width:100px;}

#feature_painting img {float:right !important; margin:5px 0px 0px 0px;}
#feature_painting a {font-size:11px; color:#000000; margin:0px 0px 0px 0px; padding:0px 0px 10px 11px;}
#feature_painting ul {position:relative; margin:0px; padding:0px;}
#feature_painting li {position:absolute; width:219px; top:0px; left:0px; margin:0px; padding:0px; list-style:none;}
#feature_painting h1 {font-size:11px; color:#000000; border:0px; margin:0px 0px 0px 0px; padding:58px 0px 0px 11px;}
#feature_painting h2 {font-size:11px; color:#000000; border:0px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px 0px 0px 11px;}


#news_summary {margin:0px 0px 20px 0px;}
.news_summary a { display:block; width:100%; text-decoration:none; color:#c71230; font-size:12px; background:#000000; font-weight:bold; margin:10px 0px 10px 0px; padding:4px 0px 4px 6px;}
.news_summary p {margin:5px 0px 5px 0px;}

#content {width:546px; float:right; margin:10px 0px 10px 0px;}
#content ul {margin:0px; padding:0px;}
#content li {margin:0px; padding:0px; list-style:none;}
#content li img {border-left:8px solid #000000; border-right:8px solid #000000; border-top:6px solid #000000; border-bottom:6px solid #000000;}
#content a {}

#feature_painting {width:220px; background:#ffffff; position:relative; height:137px; margin:0px 0px 0px 10px;}
#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

*html #footer { position:absolute; bottom:0px; right:0px; width:900px; background:#000000; filter:alpha(opacity=50);  background:none; opacity:0.5; height:36px; margin:0px 0px 0px 0px; padding:0px; background-color:#000000;}
#footer { position:absolute; bottom:0px; right:0px; width:900px; background:#000000; background:url(../images/trans.png); height:36px; margin:0px 0px 0px 0px; padding:0px; }

#footer p { font-size:11px; color:#FFFFFF; position:relative; z-index:1; text-align:right; padding:10px 10px 0px 0px; margin:0px 0px 0px 0px;}
*+html #footer p {  padding:5px 10px 0px 0px; margin:5px 0px 0px 0px;}
*html #footer p { padding:5px 10px 0px 0px; margin:5px 0px 0px 0px;}
.clear { clear:both; }
#footer a {text-decoration:none;}
/*------------------------------------ products -----------------------------------------------------------*/


.special {margin:10px 0px -20px 0px;}

*html .special {margin:10px 0px -10px 0px;}

#sidebar_product { width:249px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px;  }

#please_click {background:#3a3a3a; width:240px;}
#please_click p {padding:2px 2px 2px 4px;}


*html #products_area {background:none; background-color:#000000; filter:alpha(opacity=50);  }

#products_area {background:url(../images/trans.png); width:576px;  padding:0px 24px 0px 22px; min-height:602px; height:auto !important; height:602px; float:right; margin:10px 0px 10px 0px;}

#cookie_trail {border-bottom:1px solid #3f3f3f; position:relative;}
#cookie_trail p {font-size:12px; color:#ba112d; position:relative; margin:13px 0px 10px 0px;}
#cookie_trail a {font-size:12px; color:#ba112d; position:relative;  text-decoration:underline; text-transform:uppercase;}

.paging {font-size:12px; position:relative; color:#ffffff; float:right; margin:10px 0px 15px 0px;}
.paging a {font-size:12px;  position:relative; color:#ba112d; text-decoration:underline;}

.product {float:left; display:block; width:185px; margin:2px 7px 5px 0px; position:relative; text-align:center;}
.product img {margin:0px 0px 4px 0px; position:relative;}
.product .link a {font-size:12px; font-weight:bold; text-align:left; position:relative;background:url(../images/arrow.jpg) no-repeat right bottom #404040; width:175px !important; padding:5px 5px 5px 5px;  display:block; text-decoration:none;}


#sidebar_product form {width:200px; margin:10px 0px 0px 17px; position:relative;}
#sidebar_product form p {margin:11px 0px 0px 0px; position:relative;}
#sidebar_product label {display:block; color:#ffffff; position:relative;}
#sidebar_product label span {color:#b20f2b; position:relative;}
#sidebar_product textarea {width:200px; margin:5px 0px 10px 0px; height:70px;}
#sidebar_product input {width:200px; margin:5px 0px 0px 0px;}
#sidebar_product button { font-size:12px; color:#ffffff; background:url(../images/arrow.jpg) no-repeat #404040 right  70%; border:0px; padding:6px 20px 6px 10px; margin:0px 0px 0px 0px; display:block; float:right;}
*html #sidebar_product button  {padding:6px 18px 6px 8px;}
*+html #sidebar_product button {padding:6px 18px 6px 8px;}

#grey_box {width:100%; background:#404040; padding:1px 0px 1px 0px; margin:4px 0px 10px 0px; position:relative;}
#grey_box p {font-size:12px;  margin:10px 10px 10px 10px; position:relative;}

/*------------------------------------ gallery -----------------------------------------------------------*/

.gal_text {font-size:12px; font-weight:bold; text-align:left; position:relative;background:#404040; width:175px !important; padding:5px 5px 5px 5px;  display:block; text-decoration:none;}




/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px 0px 0px 0px; padding:23px 0px 0px 0px; }
#nav ul {margin:0px; padding:0px;}
#nav li {margin:0px; padding:0px; list-style:none; padding:0px 10px 0px 10px; display:block; float:left; background:url(../images/bord.jpg) no-repeat right 2px;}
#nav a { margin:0px 0px 0px 0px; text-decoration:none; padding:0px 0px 2px 0px;  text-transform:uppercase; color:#ffffff;  font-weight:normal; font-size:12px;}
#nav a:hover { text-decoration:none;  color:#ffffff; border-bottom:2px solid #c71230; } 
#nav a.active { text-decoration:none;  color:#ffffff; border-bottom:2px solid #c71230 !important; } 

#subnav {width:225px; margin:20px 0px 30px 0px; }
#subnav a { font-size:12px; display:block; text-decoration:none; width:100%; background:url(../images/arrow.gif) no-repeat #3a3a3a 97% 9px; padding:5px 0px 5px 16px; margin:0px 0px 2px 0px;}
#subnav a:hover {background-color:#1F1D1D; text-decoration:none;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:left #020202; font-family: Arial, Helvetica, sans-serif; color:#bebebe; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; position:relative; z-index:10;}

label {position:relative; z-index:10;}
 
h1 {position:relative; font-size:16px; color:#ffffff; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 {position:relative; color:#666666; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 {position:relative; color:#999999; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 {position:relative; color:#ffffff; border-bottom:1px solid #ffffff; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 3px 0px; }
h5 {position:relative; color:#c71230; font-size:12px; background:#000000; font-weight:bold; margin:10px 0px 10px 0px; padding:4px 0px 4px 6px; }
h6 {position:relative; color:#CCCCCC; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

button {cursor:pointer;}

ul {  }
ul li { position:relative; list-style:disc; font-size:12px; }
ol {}
ol li {position:relative; list-style:decimal; font-size:12px; }


address {margin:5px; font-style:italic; color:#ffffff;}

a {color:#ffffff; text-decoration:none;  text-decoration:underline; position:relative; z-index:10;}
a:hover { color:#ffffff; text-decoration:underline; position:relative; z-index:10;}

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; position:relative; z-index:10;}