/* CSS Document */

/* 
-------------------------------------
DigitalPath.co.uk CSS
author: Alistair Ramsay
version: 30 November 2004
-------------------------------------
*/

body	{
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
	}
	
.hide	{
	display: none;
	}
	
img {
	border: 0;
	display: block;
	margin: 0 0 0px 0;
	}

#textcontentleft img {
	border: 0;
	display: block;
	margin: 0 0 5px 0;
	}

.images a:link {
	border: 0;
}

.images a:hover {
	border: 0;
}
	
#wrapper	{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	padding: 0 0 0 0;
	width: 700px;
	}

a:link {
	font-weight : bold; 
	text-decoration : none;
	color: #fff;
	border-bottom: 0px dotted #fff;
	}
	
a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #ccc;
	border-bottom: 0px dotted #ccc;
	}	

a:hover {
	font-weight: bold; 
	text-decoration: none;
	color: #fff;
	border-bottom: 1px dotted #fff; 
	}

a img, a:link img {
    border-bottom: 0px;
	}
	
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6	{
		font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
		font-weight: normal;
		letter-spacing: 1px;
		font-size:  11px;
		line-height: 1.5em;
		}

h1		{
	margin: 5px 50px 0 0;
	text-align: left;
	}

h2		{
	font-size:  15px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: left;
	}

h3		{
	margin-top: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 11px;
	font-weight: normal;
	padding: 53px 0 0 18px;
	line-height: 1;
	}
	
h4		{
	width: 300px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 10px;
	font-weight: normal;
	}	
	
h5		{
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size:  14px;
	font-weight: normal;
	padding: 300px 0 0 0;
	}	

h6		{
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 60px;
	font-weight: normal;
	padding: 10px 0 0 15px;
	}
		
html p	{
	margin-top: 7px;
	margin-bottom: 0;
	text-align: left;
	}

li	{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 0 0 18px;
	background:  url("images/lister.gif") no-repeat 0 2px;
	list-style-type: none;
	}

ul	{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style-type: none;
	}

#footer p	{
	margin-top: 0;
	font-size: 10px;
	padding: 3px 0px 0px 8px;
	}
	
/* Basic page divisions */

	 
#headerbox	{
	margin: 0px 0px 0px 0px;
	background:  url("images/header-background.gif");
	height: 78px;
	width: 700px;
	}
	
#flashbox	{
	width: 700px;
    height: 350px;
	margin: 15px 0 15px 0;
	background:  url("portfolio/screenshot/woyzeck-flash.jpg");
	border: 0 0 0 0;
	padding: 0 0 0 0;
	} 	
	
#flashbox object	{
	margin: 50px 0 0 0;
	} 		

	 
#coverbox	{
	margin: 15px 0 0px 0;
	border: 0 0 0 0;
	padding: 0 0 15px 0;
	} 
	
#photobox	{
	margin: 15px 0 0px 0;
	border: 0 0 0 0;
	padding: 0 0 0px 0;
	} 
	
#photobox img	{
	float: left;
	margin: 0px 1px 1px 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	} 		
	
	

#coverbox p	{
	margin: 0 0 0 0;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	} 

#nav	{
	float: left;
	margin: 0px 0px 15px 0px;
	width: 700px;
	padding: 0 0 0 0;
	background:  url("images/nav-background-colour.gif");
	}
	
#photonav	{
	float: left;
	margin: 15px 0px 15px 0px;
	width: 700px;
	padding: 0 0 0 0;
	background:  url("images/nav-background-colour.gif");
	}	

#textbox	{
	float: left;
	background:  url("images/Textbox-Background.jpg") repeat;
	}

#textcontentleft	{
	color: #333;
	padding: 0 25px 25px 25px;
	}

#portfolio-middle	{
	color: #333;
	padding: 17px 23px 25px 23px;
	
	}

#textcontentmiddle	{
	color: #333;
	padding: 0 23px 25px 25px;
	
	}

#textcontentmiddlenoheader 	{
	color: #333;
	padding: 0 23px 25px 25px;
	
	}

#textcontentmiddlenoheader p	{
	padding: 10px 0 0 0;
	}

	
#textcontentrightoffer	{
	color: #333;
	padding: 0px 0px 0 0px;
	margin: 0px 0px 0 0px;
	border: 0 0 0 0;
	}	

#textcontentrightoffer img	{
	float: right;
	margin: 0px 0px 0 0px;
	padding: 0px 0px 0 0px;
	border: 0 0 0 0;
	}

#portfolio-right	{
	color: #333;
	padding: 12px 25px 0 25px;
	}

#textcontentright	{
	color: #333;
	padding: 0 25px 0 25px;
	}

#textcontentrightmap	{
	vertical-align: top;
	height: 200px;
	margin: 0 0 0 0;
	border: 0;
	color: #333;
	padding: 0 25px 0 25px;
	background:  url("images/Contact-Map.jpg") top right no-repeat;
	}

#textcontentleftclientthumbs	{
	height: 200px;
	width: 230px;
	border: 0;
	color: #333;
	overflow: auto;
	padding: 0 10px 0 25px;
	background:  url("images/Textbox-Background.jpg") repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 295px;
	}

html>#textcontentleftclientthumbs 	{
	width: 295px;
	} 

#textcontentrightclient	{
	vertical-align: top;
	margin: 0 0 0 0;
	border: 0;
	height: 100%;
	color: #333;
	padding: 0 10px 0 25px;
	border-left: 1px dashed #fff;
	background:  url("images/Textbox-Background.jpg") repeat;
	}

#textcontentleftclientthumbs img {
	display: inline;
	padding: 5px 15px 10px 0;
	}

#textcontentleftclientthumbs a {
	border: 0px;
	}

#footer	{
	float: left;
	margin: 15px 0px 15px 0px;
	background:  url("images/nav-background-colour.gif");
	width: 700px;
	height: 20px;
	color: #fff;
	}
	
/* Header display attributes */

#header1	{
	text-align: left;
	background:  url("images/header-left.gif");
	float: left;
	width: 420px;
	height: 78px;
	font-family: helvetica, ariel, sans-serif;
	color: #666;
	font-size: 10px;
	}
	

#header3	{
	float: right;
	width: 271px;
	height: 78px;
	font-family: helvetica, ariel, sans-serif;
	color: #666;
	font-size: 10px;
	}

/* Cover display attributes */
	

/* Navigation bar attributes */

#nav p	{
	margin-top: 0;
	color: #fff;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	}

#nav a	{
	height: 20px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0;
	}

#photonav p	{
	margin-top: 0;
	color: #fff;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	}

#photonav a	{
	height: 20px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0;
	}


#navhome	{
	float: left;
	width: 85px;
	background:  url("images/menu/home.gif") no-repeat;
	text-align: left;
	border-right: 3px solid #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 82px;
	}

html>#navhome 	{
	width: 82px;
	} 
	
#navhome a, #navhome a:link, #navhome a:visited		 {
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	height: 20px;
	}

#navhome a:hover	{
	background:  url("images/menu/home-over.gif") no-repeat;
	display: block;
	margin: 0;
	height: 20px;
	
	padding: 0 0 0 28px;
	}
	
#navskills	{
	float: left;
	width: 85px;
	background:  url("images/menu/skills.gif") no-repeat;
	text-align: left;
	border-right: 3px solid #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 82px;
	}

html>#navskills 	{
	width: 82px;
	} 

	
#navskills a, #navskills a:link, #navskills a:visited 	{
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}

#navskills a:hover	{
	background:  url("images/menu/skills-over.gif") no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}
	
#navclients	{
	float: left;
	width: 75px;
	background:  url("images/menu/clients.gif") no-repeat;
	text-align: left;
	
	border-right: 3px solid #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 72px;
	}

html>#navclients 	{
	width: 72px;
	} 
	
#navclients a, #navclients  a:link, #navclients a:visited 	{
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}

#navclients a:hover	{
	background:  url("images/menu/clients-over.gif") no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}

#navprices	{
	float: left;
	width: 75px;
	background:  url("images/menu/prices.gif") no-repeat;
	text-align: left;
	
	border-right: 3px solid #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 72px;
	}

html>#navprices 	{
	width: 72px;
	} 
	
#navprices  a, #navprices  a:link, #navprices a:visited 	{
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}

#navprices a:hover	{
	background:  url("images/menu/prices-over.gif") no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}
	
#navcontact	{
	float: left;
	width: 85px;
	background:  url("images/menu/contact.gif") no-repeat;
	text-align: left;
	
	border-right: 3px solid #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 82px;
	}

html>#navcontact 	{
	width: 82px;
	} 
	
#navcontact  a, #navcontact  a:link, #navcontact a:visited 	{
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}

#navcontact a:hover	{
	background:  url("images/menu/contact-over.gif") no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}
	
	



#navphotos	{
	float: left;
	width: 85px;
	background:  url("images/menu/photos.gif") no-repeat;
	text-align: left;
	
	border-right: 3px solid #fff;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 82px;
	}

html>#navphotos 	{
	width: 82px;
	} 
	
#navphotos  a, #navphotos  a:link, #navphotos a:visited 	{
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}

#navphotos a:hover	{
	background:  url("images/menu/photos-over.gif") no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 0 28px;
	}
	
	
	
	

	

#navcover1	{
	color: #333;
	text-decoration: none;
	float: left;
	height: 20px;
	width: 128px;
	padding: 0 0 0 28px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 100px;
	}

html>#navcover1 	{
	width: 100px;
	} 

#navcover1 p	{
	color: #333;
	}
	
#navcover2 p	{
	color: #333;
	}
	
#navcover1 a:link, #navcover1 a:visited	{
	line-height: 20px;
	color: #333;
	border-bottom: 1px dotted #333; 
	}

#navcover1 a:hover 	{
	color: #666;
	border-bottom: 1px dotted #666; 
	}

#navcover2	{
	color: #333;
	text-decoration: none;
	float: left;
	height: 20px;
	width: 70px;
	line-height: 20px;
	padding: 0 0 0 28px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 42px;
	}

html>#navcover2 	{
	width: 42px;
	} 

	
#navcover2 a:link,  #navcover2 a:visited	{
	line-height: 20px;
	color: #333;
	border-bottom: 1px dotted #333; 
	}	

#navcover2 a:hover	{
	color: #666;
	border-bottom: 1px dotted #666; 
	}
	
/* Form attributes for */
	
#text-area-large { 
	margin-top: 2px;
	width: 170px; 
	height: 110px;
} 

	
/* CSS Document */