/*
Title:			The Quantic Group
Description:	CSS for The Quantic Group
Author:			Visualcode Limited
Date: 			Monday 26th November 2007.
Version:		1.0
*/
/*---------------------------Global Start -----------------------------*/

body {
	font:11px/18px arial, helvetica, sans-serif;
	font-weight: normal;
  	line-height: 13px;
  	color: #000;
	text-align:left;
	margin:0;
	padding:0;
	/* Grid
	background-image: url(images/grid.gif);
	background-position: top center;
	background-repeat: repeat-y; */
	}

input, 
button, 
select, 
textarea {
	font:11px/18px arial, helvetica, sans-serif;
	}
	
a:link {
	color: #BF83FD;
	text-decoration: none;
}

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

a:active {
	color: #BF83FD;
	text-decoration: none;
}

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

a img{
	border:0;
	}

h1{
	font-family: helvetica, arial, sans-serif;
	font-size: 18px;
	line-height: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

h2	{
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
}		

h3	{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	}
		
h4	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	line-height: 13px;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	}

p	{
	padding: 0px 0px 10px 0px;
	}
		
img	{
	margin: 0px;
	padding: 0px;
	}

hr {
	border: none;
	border-top: 1px solid #670000;
	height: 1px;
	margin: 8px auto;
	padding: 0;
	color:#FFF;
	}
	
/*--------------------------- Containers -----------------------------*/
#Container {
	width:830px;
	margin:15px 0 0px 20px;
	text-align:center;
	padding:0;
	padding-top:0px;
	border-top:#000 solid 3px;
	position:relative;
	}

/*--------------------------- Logo  -----------------------------*/
#header{
	padding:15px 0 0px 0;
	text-align:left;
	height:70px;
	}

#Logo {
	width:250px;
	height:45px;
	text-align:left;
	}

/* ______________________ Start Top ______________________ */
#Top{
	height:30px; 
	padding-top:10px;
	text-align:right;
	float:right;
	width:450px;
	}

#Top h1{
	padding:15px 0 5px 0;
	margin:0;
	clear:right;
	line-height:1em;
	font-weight:bold;
	text-align:right;
	}
	
/* ______________________ Navigation ______________________ */		
	
 #navigation{
 	background:#000;
 	position:relative;
 	margin-bottom:10px;
	margin-top:10px;
	height:45px;
	text-align:left;
	}

 #navigation ul {
	list-style:none; 
	display:block;
	padding:0;
	margin:0;
	}
	
 #navigation ul li {  
	border-right:#FFF solid 1px;  
	margin:0;
	position:relative;
	display:block;
	width:104px;
	height:45px;
	float:left;
	}
	
 #navigation ul li.end {
	border-right:0 !important;  
	margin:0;
	position:relative;
	display:block;
	width:94px;
	height:45px;
	float:left;
	}

 #navigation ul li a {
	display:block;
	color:#FFF;
	position:relative;
	font-weight:bold;
	padding:10px 0 0 10px;
	height:35px;
	}
	
 #navigation ul li a:hover {
	color:#FFF;
	background:#BF83FD;
	position:relative;
	}
	

 #navigation ul li a.current {
	color:#FFF;
	background:#BF83FD;
	position:relative;
	}


/*--------------------------- MainContent -----------------------------*/	

#contentArea{
	margin: 0;
	padding: 0;
	}
	
.sideArea {
	width:200px; 
	border-top:#000 solid 1px;
	background:#FFF;
	padding:0; 
	float:left;
	position:relative;
	text-align:left;
	clear:left;
	padding:10px 0px 0px 0px;
	}

.sideArea p{
	padding:0 0 0 10px;;
	}

.sideNav{
	width:200px; 
	background:#FFF;
	padding:0; 
	float:left;
	position:relative;
	text-align:left;
	}

.sideNav ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	position:relative;
	}
	
.sideNav li {
	display:block; 
	position:relative;
	border-top:#000 solid 1px;
	padding:5px 0 5px 10px;
	}

.sideNav li a{
	display:block; 

	color:#000;
	position:relative;
	font-weight:bold;
	}

.sideNav li a:visited{
	color:#000;
	}

.sideNav li a:hover{
	color:#BF83FD;
	}

.sideNav li a.current{
	color:#BF83FD;
	}

.image {
	border-top:#000 solid 1px;
	width:620px; 
	float:right; 
	text-align:left; 
	font-size:110%;
	background:#fff;
	padding-bottom:10px;
	}		
	
#MainBody {
	border-top:#000 solid 1px;
	width:620px; 
	float:right; 
	text-align:left; 
	font-size:110%;
	background:#fff;
	padding-top:10px;
	}

#mainContent{
	padding:0;
	}

#mainContent p{
	border-left:#000 solid 10px;
	padding-left:10px;
	}
	
#mainContent ul{
	margin:0 0 15px 35px;
	padding:0;
	}

#mainContent li {
	background:url(images/bullet.gif) no-repeat 1px 1px;
	list-style:none;
	padding-left:25px;
	margin-top:5px;
	}

#mainContent li a{
	font-weight:bold;
	}	

#clearMain{
	background:url(images/contentBottom.gif) no-repeat left bottom;
	height:20px;
	}

#clearContent{
	clear:both;
	
	height:10px;
	}	

/*--------------------------- Footer -----------------------------*/

#footerWrapper{
	padding-top:0px;
	line-height:1.3em;
	width:830px;
	margin:0 0 0 20px;
	background:#FFF;
	}

#Footer {  
	padding-top:0px;
	font-size:80%;
	text-align:left;
	padding:0;
	}
	
#legal{
	height:30px;
	width:620px;
	border-top:#000 solid 1px;
	}

#legal ul{
	margin: 0px 10px 0 0 ;
	padding: 0;
	list-style:none;
	font-size:10px;
	}

#legal li {
	margin-left:0px;
	padding:0px 5px 0 5px;
	border-right:#666 solid 1px;
	list-style:none;
	display:inline;
	height:10px; 
	text-align:center; 
	display:block;
	float:right;
	}

#legal li.end {
	border-right:none;
	padding-right:0;
	}

#legal a:link {
	color:#777;
	text-decoration: none;
}

#legal a:visited {
	color:#777;
	text-decoration: none;
}

#legal a:active {
	color: #68DA22;
	text-decoration: none;
}

#legal a:hover {
	color: #68DA22;
	text-decoration: none;
}

#companyInformation{
	text-align:right;
	color:#CCC;
	padding:0;
	}

#copyright{
	border-top:#000 solid 1px;
	padding-top:10px;
	width:620px;
	float:right;
	text-align:right;
	}

#designed{
	border-top:#000 solid 1px;
	width:200px;
	padding:10px 0 0 0px;
	}

/*--------------------------- Specific -----------------------------*/

#Demandm{
	width:200px;
	text-align:center;
	float:right;
	margin-left:15px;
	}

#Demandm .item{
	border:#000 solid 3px;
	padding:5px;
	margin-bottom:10px;
	}

.director{
	margin-top:10px;
	border-bottom:#000 solid 1px;
	padding-bottom:0px;
	}

.director .images{
	float:left;
	border:#000 solid 1px;
	}

.director .details{
	float:right;
	width:530px;	
	}
	
.director .clearboth{
	clear:both;
	}