/* CSS Document */

body{
	background-color:#000000;
	margin:0px;
}

.main_table{
	width:1000px;
	height:745px;
	background-repeat:no-repeat;
	background-image: url(images/bkgd_new.jpg);
}

#logo_sm{
	background-image:url(images/main_logo_sm.gif);
	background-repeat:no-repeat;
	height:45px;
	width:50px;
	}

.graphics_table{
	background-image: url(images/graphics_illustrations.jpg);
	width:1000px;
	height:745px;
	background-repeat:no-repeat;
	}
	
.websites_table{
	background-image: url(images/titlebar_colour.jpg);
	width:1000px;
	background-repeat:no-repeat;
	}
	
/*.contact{
	width:151px;
	height:135px;
	background-image:url(images/contact_bkgd.jpg);
	background-repeat:no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FDB;
	position:relative;
	left: 5%;
}

.contact_input{
color:#CCCCCC;

}
*/

.box { margin-top: 0px; margin-bottom: 0px; margin-left: 100px; width: 500px; padding: 5px; 	 	font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:#fdb;}

form { border: 0px; padding: 2px; background-image:url(images/contact_bkgd.jpg); }

input { background-color:#FFFFFF; color:#000000; }

select { background-color:#FFFFFF; color:#000000; }

textarea { background-color:#FFFFFF; color:#000000; }

.button { font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif; background-color:#333333; color: fdb; }

	
#website{
	position:absolute;
	top:183px;
	left:830px;
	}
	
.websites_databases{
	position:absolute;
	left:151px;
	width:200px;
	top: 155px;

}

.websites_multi{
	position:absolute;
	left:351px;
	width:200px;
	top: 155px;

}

.websites_flash{
	position:absolute;
	left:551px;
	width:200px;
	top: 155px;

}
	
.titlebar{
	background-repeat: no-repeat;
	
}

.titlebar_contact{

	background-image: url(images/titlebar.jpg);
	background-repeat: no-repeat;
	
	}

.symbol1{
	position:absolute;
	left:300px;
	top:280px;
	z-index:1;

}

.symbol_text{
	position:absolute;
	left:484px;
	top:253px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FDB;
	width: 203px;

}

.web{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ce7914;
	text-decoration:none;
}

.web a:link{color:#ce7914;}

.web a:visited{color:#ce7914;}

.web a:hover{color:#5e3312;}

.web a:link{text-decoration:none;}

.web a:visited{text-decoration:none;}

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


.graphic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#572b29;
}

.graphic a:link{color:#572b29;}

.graphic a:visited{color:#572b29;}

.graphic a:hover{color:#11110b;}

.graphic a:link{text-decoration:none;}

.graphic a:visited{text-decoration:none;}

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

.multimedia{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#11110b;
}

.multimedia a:link{color:#11110b;}

.multimedia a:visited{color:#11110b;}

.multimedia a:hover{color:#5e3312;}

.multimedia a:link{text-decoration:none;}

.multimedia a:visited{text-decoration:none;}

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

.weblink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e5ccb6;
}

.weblink a:link{color:#e5ccb6;}

.weblink a:visited{color:#e5ccb6;}

.weblink a:hover{color:#2c1e15;}

.weblink a:link{text-decoration:none;}

.weblink a:visited{text-decoration:none;}

.weblink a:hover{text-decoration:none;}
	
.weblink_multimedia{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e5ccb6;
}

.weblink_multimedia a:link{color:#e5ccb6;}

.weblink_multimedia a:visited{color:#e5ccb6;}

.weblink_multimedia a:hover{color:#2c1e15;}

.weblink_multimedia a:link{text-decoration:none;}

.weblink_multimedia a:visited{text-decoration:none;}

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



#nav {margin: 0; padding: 0;}

#nav li {
	list-style: none; 
	float: left;
    margin-left: 0px; 
	padding-left:5px;
	font-size: 12px; 
	line-height: 29px; 
	white-space: nowrap;
    background:url(tabs2-big.gif) 0 100% no-repeat;
	}
	
#nav a {
	display: block; float: left; 
	padding: 0 16px 0 0;
    text-decoration: none; 
    font-weight:normal;
    background:url(tabs2-big.gif) 100% 100% no-repeat;
    color:#f19240;
    width: .1em;
  }
  
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */

#nav a:hover {color: #482424;}

#nav #current, #nav #current a {color: #FDB; 
    background-image: url(tabs2-big-ct.gif);
  }
  
#nav a:hover, #nav #current a {background: url(images/down_arrow.gif) no-repeat center top; color:#FDB;}
  
  
#navgrey {margin: 0; padding: 0;}

#navgrey li {
	list-style: none; 
	float: left;
    margin-left: 0px; 
	padding-left:5px;
	font-size: 12px; 
	line-height: 29px; 
	white-space: nowrap;
    background:url(tabs2-grey.gif) 0 100% no-repeat;
	}
	
#navgrey a {
	display: block; float: left; 
	padding: 0 16px 0 0;
    text-decoration: none; 
    font-weight:normal;
    background:url(tabs2-grey.gif) 100% 100% no-repeat;
    color:#000000;
    width: .1em;
  }
  
html>body #navgrey a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navgrey a {float: none;}            /* End IE5-Mac hack */

#navgrey a:hover {color:#993333;}

#navgrey #current, #navgrey #current a {color: #FDB; 
    background-image: url(tabs2-grey-ct.gif);
  }


#dd {
	width: 88px;
	height: 198px;	
}


#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left; /*centers the drop-down list*/

}

/* menu button */
#dd li a.menu {
    display: block;
    text-align: center;
    text-decoration: none;
    color:#f19240;
    font-size: 12px; 
	line-height: 29px; 
	white-space: nowrap; 
    background:url(tabs2-big.gif) 100% 100% no-repeat;
    width:88px;
   
  
}

#dd a:hover {color: #482424;}

.submenu {
  visibility: hidden;
  z-index: 3;
}


.bottomlinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.bottomlinks a:link{color:#CC9966;}

.bottomlinks a:visited{color:#e5ccb6;}

.bottomlinks a:hover{color:#ac7029;}

.bottomlinks a:link{text-decoration:none;}

.bottomlinks a:visited{text-decoration:none;}

.bottomlinks a:hover{text-decoration:none;}
	
.categories{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ce7914;
}

.heading {

	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #CC9966;
}

.style4 {
	color: #CC9966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style5 {
	color: #CC9966;
	font-family: Edwardian Script ITC;
	font-size: 18px;
}

.style6{
	color: #CC9966;
	font-family: Edwardian Script ITC;
	font-size: 26px;
}

.style8 {
	font-size: 28px;
	font-family: Edwardian Script ITC;
}

.style9 {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CC9966;
}

.style9_2 {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CC9966;
}

.style16 {
	font-family: Edwardian Script ITC;
	color: #CC9966;
}
.style17 {font-family: Edwardian Script ITC; color: #CC9966; font-size: 36px; vertical-align:bottom;}
.style18 {font-size: 28px}
.style20 {font-size: 38px}
.style21 {font-size: 40px}
.style22 {font-size: 30px}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
	#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
#illustrations_header{
	positon: absolute;
	top: 100px;
	left: 100px;

}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/complex_slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {padding:20px; background:#222 url(images/gallery_back.gif); width:600px; height:330px; text-align:left; position:relative;}
img.default {position:absolute; left:334px; top:25px; z-index:0;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:218px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:inline; width:54px; height:20px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:54px; height:20px;  background:transparent; text-align:center; line-height:18px; color:#aaa; text-decoration:none;}
.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{border:0; color:#fc0;}

.photo ul.topic li a:hover em, 
.photo ul.topic li:hover em
{display:block; position:absolute; left:-18px;top:-18px; width:634px; height:364px; z-index:-1; border:1px solid #888;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:20px; list-style:none; padding:0; margin:0; width:216px; height:150px;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:24px; height:24px; float:left; margin:6px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:24px; height:24px; cursor:default; background:url(images/arrow.gif) no-repeat; float:left; text-decoration:none;}

.photo ul.topic li a:hover ul li a b,
.photo ul.topic li:hover ul li a b
{visibility:hidden; position:absolute; width:206px; height:115px; top:180px; left:0; color:#ddd; font-weight:normal; font-size:12px; padding:6px; text-align:left; line-height:15px;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal;position:relative;}

.photo ul.topic li a:hover ul li a.vert:hover img, 
.photo ul.topic li:hover ul li a.vert:hover img 
{position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#fc0;}

.photo ul.topic li a:hover ul li a.hor:hover img, 
.photo ul.topic li:hover ul li a.hor:hover img 
{position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0;}

.photo ul.topic li a:hover ul li a.vert_sm:hover img, 
.photo ul.topic li:hover ul li a.vert_sm:hover img 
{position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#fc0;}

.photo ul.topic li a:hover ul li a.hor_sm:hover img, 
.photo ul.topic li:hover ul li a.hor_sm:hover img 
{position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#fc0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus.vert img, 
.photo ul.topic li:hover ul li a:active.vert img, 
.photo ul.topic li a:hover ul li a:active.vert img 
{position:absolute; left:270px; top:-19px; width:240px; height:320px; padding:4px 44px; background:#000; border:0; z-index:10;}

.photo ul.topic li:hover ul li a:focus.hor img, 
.photo ul.topic li:hover ul li a:active.hor img,
.photo ul.topic li a:hover ul li a:active.hor img 
{position:absolute; left:271px; top:-19px; width:320px; height:240px; padding:44px 4px; background:#000; border:0; z-index:10;}

.photo ul.topic li:hover ul li a:focus.vert_sm img, 
.photo ul.topic li:hover ul li a:active.vert_sm img, 
.photo ul.topic li a:hover ul li a:active.vert_sm img 
{position:absolute; left:270px; top:-19px; width:131px; height:287px; padding:4px 44px; background:#000; border:0; z-index:10;}

.photo ul.topic li:hover ul li a:focus.hor_sm img, 
.photo ul.topic li:hover ul li a:active.hor_sm img,
.photo ul.topic li a:hover ul li a:active.hor_sm img 
{position:absolute; left:290px; top:-19px; width:287px; height:131px; padding:44px 4px; background:#000; border:0; z-index:10;}

.photo ul.topic li:hover ul li a:focus b, 
.photo ul.topic li:hover ul li a:active b,
.photo ul.topic li a:hover ul li a:active b 
{visibility:visible;}