body {
	background-color: #cccccc;
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	/*
	scrollbar-face-color: #FFE3FF;
	scrollbar-shadow-color: #FE81FF;
	scrollbar-highlight-color: #FE81FF;
	scrollbar-3dlight-color:#CE0075;
	scrollbar-darkshadow-color: #CE0075;
	scrollbar-track-color: #FFC0C0;
	scrollbar-arrow-color: #CE0075;
	*/
}

img {
	filter:alpha(opacity=100);
	opacity:1;
}

a {
	color: #eaab02;
	text-decoration: none;
}

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

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

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

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

a img {
	border: none;
}


a.bigtitle img {
	border: none;
}



/*all content in container to centre it*/
#container{	
	/*background : url(../img/mainbg.jpg);*/
	background: none;
	background-repeat:  no-repeat;
	background-position:top center;
	background-attachment:fixed;
	width:900px;
	min-width:900px;
	height:560px;
	margin: 0px auto 0px auto;
	text-align:left;
	border:0px solid black;
	position: relative;
}

/* inner container has border */
#innercontainer {
	background-color: #ffffff;
    border:1px solid #333333;
	width: 700px;
	height:530px;
	position: absolute;
	left: 200px;
	top: 10px;
	overflow:auto;
	overflow-x: hidden;
}


/*big faded div to cover screen */
#dark_screen{
   background-color:#000000;
   filter:alpha(opacity=80);  
   opacity: 0.8;     
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   display:none;
   overflow:hidden;
}

/* bigpopup for news/blogs etc */
/* copy width and height to header.php */
#bigpopup {
   width:720px;
   height:480px;
   background-color:#ffffff;
   border:2px solid #007070;   
   position:absolute;
   top:0px;
   left:0px;
   padding:10px 10px 10px 10px;
   text-align:justify;
   overflow:auto;
   filter:alpha(opacity=100);  
   opacity: 1.0; 
}

.entrybigtitle {
	padding:5px 0px 3px 0px;
	font: 21px Garamond, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.entrybig {
	font: 15px Garamond, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* the stack of books as links*/
#linkbooks {
    /*border:1px solid #000000;*/
	width: 220px;
	height:550px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: none;
	text-align:left;
}

/*****************************/
/*define index page                       */
/*****************************/
#logo {
    /*border:1px solid #0099cc;*/ 
	width: 600px;
	height:150px;
	position: absolute;
	left: 15px;
	top: 350px;
	text-align:center;
}

#indeximage {
	/*border:1px solid #0099cc;*/
	width: 240px;
	height:240px;
	position: absolute;
	left: 380px;
	top: 57px;
	text-align:center;
}

#news {
    /*border:1px solid #007070;*/
	width: 240px;
	height:240px;
	position: absolute;
	left: 65px;
	top: 64px;
	padding:5px 5px 5px 5px;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	/*
	background : #000000;
	filter:alpha(opacity=80);
	opacity:.80;
	*/
}

/* define each news post div */
.newsdiv {
	padding:3px 1px 5px 1px;
}

.newsheader {
	color: #000000;
	font: 24px Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px 0px 3px 0px;
}

.newstitle {
	color: #2e3192;
	font: 17px Garamond, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding:0px 0px 3px 0px;
}

.newsentry {
	color: #000000;
	font: 14px Garamond, Verdana, Arial, Helvetica, sans-serif;
}

/*******************************************/
/* define product/designservices links                  */
/******************************************/
/* all product text or rollover inside productmain */
#productmain {
    /*border:1px solid #333333;*/
	width: 700px;
	height:470px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
}

#productlinks {
    /*border:1px solid #0099cc;*/
	height:50px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
}

/********************************************/
/*define products/designservices thumnail page    */
/*******************************************/
#bigrollover {
    /*border:1px solid #0099cc;*/ 
	width: 350px;
	height:350px;
	position: absolute;
	left: 172px;
	top: 55px;
}

#clicktoview {
    /*border:1px solid #0099cc;*/
	height:30px;
	width:300px;
	position: absolute;
	left: 238px;
	top: 430px;
}

.clicktoviewtext {
	color: #000000;
	font: 17px Garamond, Verdana, Arial, Helvetica, sans-serif;
}

/****************************************/
/*define each product/designservices page    */
/***************************************/
#producttextdiv {
    /*border:1px solid #0099cc;*/
	width: 330px;
	max-height:410px;
    height:auto !important;
	position: absolute;
	left: 340px;
	top: 30px;
	text-align:justify;
}

#producttextdiv-purchaselink{
    /*border:1px solid #0099cc;*/
	width: 330px;
	max-height:390px;
    height:auto !important;
	left: 340px;
	top: 50px;
	text-align:justify;
}



#productpicture {
    /*border:1px solid #0099cc;*/ 
	width: 250px;
	height:250px;
	position: absolute;
	left: 20px;
	top: 30px;
}

#productviews {
    /*border:1px solid #0099cc;*/
	width: 500px;
	height:50px;
	position: absolute;
	left: 20px;
	top: 350px;
	text-align:left;
}

.producttitletext {
	padding:1px 1px 5px 1px;
	color: #000000;
	font: 22px Garamond, Verdana, Arial, Helvetica, sans-serif;
}

.producttext {
	color: #000000;
	font: 14px Garamond, Verdana, Arial, Helvetica, sans-serif;
}

/*****************************/
/* contact page    */
/*****************************/
#contactimg {
    /*border:1px solid #0099cc;*/
	width: 700px;
	height:530px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(img/contactimage.jpg);
}

#contacttxtdiv {
    /*border:1px solid #0099cc;*/
	width: 530px;
	height:410px;
	position: absolute;
	left: 140px;
	top: 75px;
	text-align:justify;
}

.contacttxt {
	color: #000000;
	font: 17px Garamond, Verdana, Arial, Helvetica, sans-serif;
}

/*****************************/
/* press page                                   */
/*****************************/
#presstablediv {
    /*border:1px solid #0099cc;*/
	width: 500px;
	height:310px;
	position: absolute;
	left: 95px;
	top: 100px;
	text-align:center;
}

.presstable {
	border-spacing: 20px;
	text-align:centre;
}

.presstitle {
	color: #000000;
	font: 23px Garamond, Verdana, Arial, Helvetica, sans-serif;
	padding:1px 8px 1px 1px;
	font-weight: bold;
}

#pressclicktoview {
    /*border:1px solid #0099cc;*/
	height:30px;
	width:300px;
	position: absolute;
	left: 208px;
	top: 70px;
}

.pressclicktoviewtext {
	color: #000000;
	font: 17px Garamond, Verdana, Arial, Helvetica, sans-serif;
}

/*****************************/
/* exhibitions page                                   */
/*****************************/
#exhibitionsdiv {
    /*border:1px solid #0099cc;*/
	width: 600px;
	height:310px;
	position: absolute;
	left: 50px;
	top: 62px;
	text-align:justify;
}

.exhibitionstable {
	border-spacing: 20px;
	text-align:justify;
}

.exhibitionstitle {
	font: 16px Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.exhibitionstext {
	font: 13px Garamond, Verdana, Arial, Helvetica, sans-serif;
}

/*****************************/
/* about page                                   */
/*****************************/

#aboutdiv {
    /*border:1px solid #0099cc;*/
	width: 500px;
	height:310px;
	position: absolute;
	left: 95px;
	top: 62px;
	text-align:justify;
}

.abouttitle {
	color: #2e3192;
	font: 22px Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:0px 0px 10px 0px;
}

.abouttext{
	color: #000000;
	font: 14px Garamond, Verdana, Arial, Helvetica, sans-serif;
}