/* standard content */
body {
  background-color:black;
  font-family:verdana, arial, helvetica, sans-serif;
  color:white;
  font-size:0.7em;
  margin:0 auto;
}

h1 {
  font-family:verdana, arial, helvetica, sans-serif;
  color:#ff9000;
  font-size:1.5em;
  margin:0 auto;
  font-weight:400;
}  

h2 {
  font-family:verdana, arial, helvetica, sans-serif;
  color:#ff9000;
  font-size:1.3em;
  margin:0 auto;
  font-weight:400;
} 

a {
  font-family:verdana, arial, helvetica, sans-serif;
  color:#ff9000;
}

a:hover {
  color:white;
}

a img {
  border:0;
}

.al-right {
float:right;
}

.al-left {
float:left:
}

#small p {
  font-size: 80%;
}

#flash-object {
float:right;
width:705px;
height:105px;
}

/* container defaults */

#container {
  width:960px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  background:url('images/back.gif') no-repeat;
  padding:10px;
  border:1px solid #313131;
  clear:both;
}

#leftbar {
	width:215px;
	float:left;
	margin-bottom:4px;
	margin-right: 0px;
}

#signin {
  border:1px solid #474747;
  float:left;
  clear:both;
  padding:5px;
  background:url('images/left-nav-back.gif');
}
#yourart {
  width:200px;
}

#login {
  width:200px;
}

#featured {
  width:200px;
}

#right-nav {
width:203px;
border:1px solid #474747;
height:100%;
float:right;
margin-left:10px;
padding:5px 5px 5px 5px;
color:#999999;
}

#main {
  width:745px;
  float:left;
  margin-bottom:4px;
}
#maincontent {
  width:733px;
  float:left;
  margin-bottom:4px;
  background-color:black;
  border:1px solid #474747;
  padding:5px;
}
#maincontent li {
font-weight:bold;
margin-bottom:5px;
}

#top-image {
  width:745px;
  height:110px;
  float:right;
}

#header {
  float:right;
  margin-top:14px;
}

#welcome {
  width:516px;
  height:245px;
  background-color:black;
  border:1px solid #474747;
  float:left;
  padding:5px;
}

#gallery {
  width:200px;
  height:245px;
  background-color:black;
  border:1px solid #474747;
  float:right;
  padding:5px;
  margin-left:4px;
}

#offices {
  width:436px;
  height:155px;
  background-color:black;
  border:1px solid #474747;
  float:left;
  padding:5px;
  margin-top:5px;
}
#officeimg {
  float:left;
  margin-right:4px;
}

#perspex {
  width:436px;
  height:155px;
  background-color:black;
  border:1px solid #474747;
  float:left;
  padding:5px;
  margin-top:5px;
}
#perspeximg {
  float:right;
  margin-left:4px;
}  

#bespoke {
  width:280px;
  height:327px;
  background-color:black;
  border:1px solid #474747;
  float:right;
  padding:5px;
  margin-top:5px;
  margin-left:5px;
}

#prints {
  width:358px;
  height:155px;
  background-color:black;
  border:1px solid #474747;
  float:left;
  padding:5px;
  margin-top:5px;
}

#framing {
  width:358px;
  height:155px;
  background-color:black;
  border:1px solid #474747;
  float:right;
  padding:5px;
  margin-top:5px;
  margin-left:5px;
}

#base {
  width:745px;
  hight:100%;
  borser-top:4px;
  background-color:black;
  border:1px solid #474747;
}

#pageselect {
text-align:center;
clear:both;
}

#footer {
  width:948px;
  height:30px;
  background-color:black;
  border:1px solid #474747;
  clear:both;
  padding:5px;
  text-align:center;
}
/* artist */

#artistinfo {
  width:200px;
  float:left;
  margin-top:20px;
}
#artistpic { 
  height:170px;
  margin-bottom:10px;
}
#artistart {
  width:510px;
  padding-left:15px;
  margin-top:10px;
  margin-bottom:20px; 
  float:left;
}
.artitem {
  width:160px;
  margin:10px 20px 10px 0;  
  float:left;
}

.artitemimg {
  width:160px;
  height:165px;
}
.artistartitem {
  width:160px;
  margin:10px 10px 10px 0;  
  float:left;
}
.artistartitem img a {
  text-decoration:none;
}
/* art piece */
#art-image {
width:160px;
height:160px;
}

#artthumb {
  width:200px;
  float:left;
  margin-top:20px;
}
#artthumb img {
  margin-bottom:10px;
}
#artlarge {
  width:500px;
  padding-left:15px;
  margin-top:20px;
  margin-bottom:20px;
  float:left; 
}
img a
{text-decoration:none;
}

#featuredart-1 {
width:200px;
height:70px;
margin-bottom:10px;
}
#fe1 {
width:68px;
height:68px;
float:right;
}

#featuredart-2 {
width:200px;
height:70px;
}
#fe2 {
width:68px;
height:68px;
float:left;
margin-right:5px;
}

#text {
  clear: both;
  text-align: center;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 8pt;
  text-align: justify;
  color: #333;
}
#admin-content {
width:100%;
clear:both;
border-bottom:white 2px solid;
}

/* navigation */

#navbar {
  width:215px;
  height:314px;
  float:left;
  margin:0;
  padding:0;
}
#navbar img {
  margin-right:15px;
}
#navbar ul {
  margin: 5px 0 0 5px;
  white-space:nowrap;
  text-align:left;
}
#navbar li {
  list-style-type: none;
  display: inline;
  margin:0;
  padding:0;
}
#navbar li a {
  color:white;
  width:90%;
  height:25px;
  margin-bottom:2px;
  border-bottom:solid 1px #474747;
  float:left;
  clear:both;
  line-height:1.9em;
  text-decoration:none;
}
#navbar li a:hover {
  color: #ff9000;
  border-bottom: solid 1px #666;
} 

a.srollover { display: block; width: 80px; height: 20px; background: url("images/button.png") 0 0 no-repeat; text-decoration: none; color:#FFFFFF; padding-top:5px; text-align:center; }
a:hover.srollover { background-position: -80px 0;}

a.srollover1 { display: block; width: 80px; height: 25px; background: url("images/add.png") 0 0 no-repeat; text-decoration: none; text-align:center; }
a:hover.srollover1 { background-position: -80px 0;}
a.srollover2 { display: block; width: 80px; height: 25px; background: url("images/view.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover2 { background-position: -80px 0;}
a.srollover3 { display: block; width: 80px; height: 25px; background: url("images/checkout.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover3 { background-position: -80px 0;}
a.srollover4 { display: block; width: 80px; height: 25px; background: url("images/cancel.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover4 { background-position: -80px 0;}
a.srollover5 { display: block; width: 80px; height: 25px; background: url("images/login.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover5 { background-position: -80px 0;}
a.srollover6 { display: block; width: 80px; height: 25px; background: url("images/togallery.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover6 { background-position: -80px 0;}
a.srollover7 { display: block; width: 80px; height: 25px; background: url("images/remove.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover7 { background-position: -80px 0;}
a.srollover8 { display: block; width: 80px; height: 25px; background: url("images/editimage.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover8 { background-position: -80px 0;}
a.srollover9 { display: block; width: 80px; height: 25px; background: url("images/update.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover9 { background-position: -80px 0;}
a.srollover10 { display: block; width: 80px; height: 25px; background: url("images/viewbuy.png") 0 0 no-repeat; text-decoration: none; }
a:hover.srollover10 { background-position: -80px 0;}

/*cd7400*/
/*ff7d09*/
/*ff900*/