BODY{
background:#E7FFF8 url(http://www.art71.com/gifs/bck.gif);
color:#000066;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin:10px;
}

body {	
background:#FFFFFF url(../gifs/art71logo2.gif) no-repeat;
padding:100px 50px;
font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,sans-serif;
}

TABLE.main{
background:#FFFFFF;
border:#003300 2px solid;
color:#333300;
}

IMG.left{
float:left;
margin:5px;
}

IMG.right{
float:right;
margin:5px;
}

.portfoliobox{
width:140px;
float:left;
height:10em;
border-right:#000000 1px solid;
border-bottom:#000000 1px solid;
padding:3px;
}

P{
font-family:"Lucida Grande", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
margin:3px;
color:#333300;
letter-spacing:0.9px;
background:transparent;
}


EM{
font-family:"Lucida Grande", "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:normal;
margin:3px;
color:#719B0D;
letter-spacing:0.9px;
background:transparent;
}

.smalltextbox{
width:410px;
}

.largetextbox{
width:560px;
}


.verylargetextbox{
width:760px;
}



#navigation-menu ul
{
padding: 0;
margin: 0;
}

#navigation-menu li
{
float: left;
margin: 0 0.15em;
}

#navigation-menu li a
{
background: transparent;
height: 2em;
line-height: 2em;
width: 9em;
display: block;
border: 0.1em solid #0d7214;
border-top:0px;
color: #000000;
text-decoration: underline;
text-align: center;
}


#navigation-menu li a:hover{
text-decoration:none;
}

/* Hide from IE5-Mac \*/
#navigation-menu li a
{
float: none
}
/* End hide */


LI.navlink{
list-style:none;
background:#a0d4a8 url(../gifs/navbtn.gif) repeat-x;
padding:0px;
margin:0px;
}


TD.mainright{
background:#AAD5A7 url(../gifs/art71.jpg) no-repeat;
color:#000000;
height:125px;
border-bottom:#1E3C33 3px solid;
}


TD.mainright2{
background:#AAD5A7 url(../gifs/art712.jpg) no-repeat;
color:#000000;
height:125px;
border-bottom:#1E3C33 3px solid;
}


TD.mainright3{
background:#AAD5A7;
background:#FFFFFF;
color:#000000;
height:100px;
border-bottom:#1E3C33 3px solid;
}


PRE{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
margin:3px;
color:#333300;
letter-spacing:0.9px;
background:transparent;
}

P.address{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
margin:3px;
color:#333300;
letter-spacing:0.9px;
background:transparent;
}

P.editext{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
margin:3px;
color:#333300;
letter-spacing:0.9px;
background:transparent;
}

H1{
padding:2px;
font-weight:bold;
color:#415c7e;
font-size:110%;
background:#transparent;
font-style:italic;
}


H2{
padding:4px;
font-weight:bold;
color:#000000;
font-size:90%;
background:#FFFFFF url(../gifs/shared/globe.gif) no-repeat;
padding-left:24px;
}

a {
color:#000000;
background:transparent;
font-weight:bold;
}

a:visited {
color:#000000;
background:transparent;
font-weight:bold;
}

a:active {
color:#000000;
background:transparent;
font-weight:bold;
}

a:hover {
color:#000000;
text-decoration:none;
font-weight:bold;
}

.links a {
padding-left:10px;
padding-right:10px;
height:22px;
width:155px;
background:#f4ac4a;
border-right:1px #003300 solid;
border-bottom:1px #003300 solid;
color:#000000;
}

.links a:visited {
padding-left:10px;
padding-right:10px;
height:22px;
width:155px;
background:#99CFA1;
border-right:1px #003300 solid;
border-bottom:1px #003300 solid;
color:#000000;
}

.links a:active {
padding-left:10px;
padding-right:10px;
height:22px;
width:155px;
background:#ACDBB3;
border-right:1px #003300 solid;
border-bottom:1px #003300 solid;
color:#000000;
}

.links a:hover {
padding-left:10px;
padding-right:10px;
height:22px;
width:155px;
border-right:1px #003300 solid;
border-bottom:1px #003300 solid;
color:#000000;
text-decoration:none;
}

LI.dots{
list-style:url(../gifs/dots.gif);
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
margin:3px;
color:#333300;
letter-spacing:0.9px;
background:transparent;
}


LI{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:normal;
text-decoration:none;
margin:3px;
color:#333300;
letter-spacing:0.9px;
background:transparent;
}

TD.pricetable{
border:1px solid #006600;
}

TABLE.pricetable{
border:1px solid #006600;
}

TD.priceheader{
background:#99CC99;
color:#333333;
font-weight:bold;
border:1px solid #006600;
}

P.france{
background:url(../gifs/france.gif) no-repeat;
width:25px;
height:15px;
}

P.uk{
background:url(../gifs/uk.gif) no-repeat;
height:15px;
}

P.art71links{
background:transparent url(../gifs/art71links.gif) no-repeat;
width:25px;
height:15px;
}

P.welcome{
background:url(../gifs/welcomexxx.jpg) no-repeat;
width:150px;
}

P.copyright{
background:url(../gifs/copyrightxxx.jpg) no-repeat;
width:150px;
}

P.accessibility{
background:url(../gifs/accessibilityxxx.jpg) no-repeat;
width:150px;
}


P.clientsupport{
background:url(../gifs/clientsupportxxx.jpg) no-repeat;
width:150px;
}


P.siteplan{
background:url(../gifs/siteplanxx.jpg) no-repeat;
width:150px;
}


P.bank{
background:url(../gifs/bankxxx.jpg) no-repeat;
width:150px;
}

P.privacy{
background:url(../gifs/privacyxxx.jpg) no-repeat;
width:150px;
}

P.contact{
background:url(../gifs/contactxxx.jpg) no-repeat;
width:150px;
}

P.terms{
background:url(../gifs/termsxxxx.jpg) no-repeat;
width:150px;
}


P.webdesign{
background:url(../gifs/webdesignxxxx.jpg) no-repeat;
width:150px;
}


P.references{
background:url(../gifs/referencesxxx.jpg) no-repeat;
width:150px;
}



P.domains{
background:url(../gifs/domainsxxx.jpg) no-repeat;
width:150px;
}


P.prices{
background:url(../gifs/pricesxx.jpg) no-repeat;
width:150px;
}



P.portfolio{
background:url(../gifs/portfolioxx.jpg) no-repeat;
width:150px;
}


P.latestnews{
background:url(../gifs/latestnewsxxx.jpg) no-repeat;
width:150px;
}

TD.navigation{
width:155px;
border-right:#333333 1px dotted;
}

P.linux{
background:url(../gifs/linux.gif) no-repeat;
height:50px;
width:150px;
}

P.worldpay{
background:url(../gifs/blank.gif) no-repeat;
height:50px;
width:150px;
}

P.ukwd{
background:url(../gifs/blank.gif) no-repeat;
height:50px;
width:110px;
}

P.mozilla{
background:url(../gifs/mozilla.gif) no-repeat;
height:60px;
width:90px;
}

P.ie{
background:url(../gifs/ie.gif) no-repeat;
height:60px;
width:90px;
}

P.netscape{
background:url(../gifs/netscape.gif) no-repeat;
height:60px;
width:90px;
}

TD.clientsites{
width:120px;
background:#FFFFFF;
border-left:#333333 1px solid;
border-bottom:#333333 1px solid;
}

TD.maintext{

}

TD.footer{
border-top:1px #000000 solid;
}


IMG.flag{
border:1px #339966 solid;
}

HR{
color:#D5F3D3;
background:#E7FFF8;
}

.box{
border:#003300 1px solid;
padding:5px;
margin:7px;
background:#ACDBB3;
}

.select{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
letter-spacing:0px;
color:#333300;
background:#F2F2F2;
border:0px;
border-bottom:1px solid #003300;
}

.button{
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:bold;
text-decoration:none;
letter-spacing:0px;
color:#333300;
border:1px solid #003300;
background:#bfd7fa url(../gifs/btn.jpg) repeat-x;
}

TD.ecommercewebsites{
height:100px;
background:url(../gifs/midlandstairparts.gif) no-repeat;
}

TD.databasewebsites{
height:100px;
background:url(../gifs/route66.gif) no-repeat;
}

TD.organisationwebsites{
height:100px;
background:url(../gifs/montgomeryshire.gif) no-repeat;
}

TD.businesswebsites{
height:100px;
background:url(../gifs/flow.gif) no-repeat;
}

TD.artwebsites{
height:100px;
background:url(../gifs/finalscore.gif) no-repeat;
}

TD.photowebsites{
height:100px;
background:url(../gifs/mikeslater.gif) no-repeat;
}

TD.clientsitehandpaintedglass{
height:100px;
background:url(../gifs/handpaintedglass.gif) no-repeat;
}

TD.clientsiteroute66media{
height:100px;
background:url(../gifs/route66media.gif) no-repeat;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../gifs/blue.png) no-repeat -420px 0;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}