@charset "UTF-8";
/* CSS Document */

body 
{font-size: small;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-weight: normal;
color:#666666;
padding:0px;
margin:0px;
background-color: #e3e3e3;
background-image:url(images/bground.gif);
background-repeat: repeat-y;
background-position: center;}

a {color: #FF3399;
text-decoration: none;}
a:visited {color:#FF3399;
text-decoration: none;}
a:hover {color: #CC0066;
text-decoration: none;;}
a:active { color:#FF3399;
text-decoration: none;}

h1 
{font-size: medium;

color: #333;
border:0px;
margin:0px }

h2 
{font-size:x-small;
font-weight: strong;
padding: 5px 0px;
margin:0px;}

h3 
{font-size: small;
font-weight: strong;
line-height: 1.4em;
color: #333333;
margin:0px;}

h4 
{font-size:small;
font-weight: bold;
line-height: 1.4em;
color: #666;
margin:0px;}

p, pre
{line-height: 1.4em;}


.bannerpad
{padding: 10px 0px;}

.infopad
{padding: 5px 0px;}

.imgpadright
{padding-right: 10px;}

.imgfloat
{float: left;
padding-right:10px;}

.archive
{border-top: 1px #cccccc solid;
border-top-width: 80%;
padding-top: 10px;}

.teamimg
{padding-right: 5px;
float: left;}

.smalltext
{font-size: x-small;
line-height: 1.4em;
color: #999;
margin:0px;}

.smallprint
{font-size:xx-small;
line-height: 1.4em;
color: #999;
margin:0px;}


.imgclear {clear: both;}

/*\ ----------main container to center the layout---------- \*/

#container 
{width: 800px;
height: 600px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;}

/*\ ----------text style colours for each section colour---------- \*/


.home 
{color: #ff6666}

.print
{color: #ffba00;}

.design
{color: #ffcc00;}

.web
{color: #69bb00;}

.market
{color: #33cccc;}

.download
{color: #6699ff;}

.contact
{color: #cc99ff;}



/*\ ----------banner for logo---------- \*/

#banner 
{text-align: right;
width: 800px; 
height: 150px;
padding: 0px;
border: 0px;}

#logos
{text-align: right;
width: 800px; 
height: 120px;
padding: 0px;
margin: 0px;}

#topblock
{background-color: #333399;
width:800px;
height:8px;}

#bottomblock
{background-color: #333399;
width:800px;
height:8px;
align: bottom;}

#whiteblock
{background-color: #ffffff;
width:800px;
height:8px;}


/*\ ----------dropdown menu---------- \*/


#cssdropdown, #cssdropdown ul 
{padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
}

#cssdropdown li 
{float: right;
position: relative;}

.mainitems
{background-color: #fff;}

.mainitems a
{margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
display:block;}

.subuls
{display: none;
width: 9em;
position: absolute;
top: 1.3em;
left: 0; 
background-color: #FFFFFF;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
line-height: 1.4em;}



.subuls li
{width: 100%;}

.subuls li a
{line-height: 1.6em;
margin:0px;
display: block;
border-bottom: 1px #cccccc solid;
text-decoration: none;
color: #999999;}

.subuls li a:hover 
{background: #ff9999;
color: #666666;
text-decoration: none;
font-weight: strong;}





.subuls2
{display: none;
width: 9em;
position: absolute;
top: 1.3em;
left: 0; 
background-color: #FFFFFF;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
line-height: 1.4em;}

.subuls2 li
{width: 100%;}

.subuls2 li a
{line-height: 1.6em;
margin:0px;
display: block;
border-bottom: 1px #cccccc solid;
text-decoration: none;
color: #999999;}

.subuls2 li a:hover 
{background: #ffcc66;
color: #666666;
text-decoration: none;
font-weight: strong;}




.subuls3
{display: none;
width: 9em;
position: absolute;
top: 1.3em;
left: 0; 
background-color: #FFFFFF;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
line-height: 1.4em;}

.subuls3 li
{width: 100%;}

.subuls3 li a
{line-height: 1.6em;
margin:0px;
display: block;
border-bottom: 1px #cccccc solid;
text-decoration: none;
color: #999999;}

.subuls3 li a:hover 
{background: #ffff99;
color: #666666;
text-decoration: none;
font-weight: strong;}




.subuls4
{display: none;
width: 9em;
position: absolute;
top: 1.3em;
left: 0; 
background-color: #FFFFFF;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
line-height: 1.4em;}

.subuls4 li
{width: 100%;}

.subuls4 li a
{line-height: 1.6em;
margin:0px;
display: block;
border-bottom: 1px #cccccc solid;
text-decoration: none;
color: #999999;}

.subuls4 li a:hover 
{background: #99ff99;
color: #666666;
text-decoration: none;
font-weight: strong;}


.subuls5
{display: none;
width: 9em;
position: absolute;
top: 1.3em;
left: 0; 
background-color: #FFFFFF;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
line-height: 1.4em;}

.subuls5 li
{width: 100%;}

.subuls5 li a
{line-height: 1.6em;
margin:0px;
display: block;
border-bottom: 1px #cccccc solid;
text-decoration: none;
color: #999999;}

.subuls5 li a:hover 
{background: #33ffcc;
color: #666666;
text-decoration: none;
font-weight: strong;}


.subuls6
{display: none;
width: 9em;
position: absolute;
top: 1.3em;
left: 0; 
background-color: #FFFFFF;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
line-height: 1.4em;}

.subuls6 li
{width: 100%;}

.subuls6 li a
{line-height: 1.6em;
margin:0px;
display: block;
border-bottom: 1px #cccccc solid;
text-decoration: none;
color: #999999;}

.subuls6 li a:hover 
{background: #99ccff;
color: #666666;
text-decoration: none;
font-weight: strong;}



.subuls7
{display: none;
width: 9em;
position: absolute;
top: 1.3em;
left: 0; 
background-color: #FFFFFF;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
line-height: 1.4em;}

.subuls7 li
{width: 100%;}

.subuls7 li a
{line-height: 1.6em;
margin:0px;
display: block;
border-bottom: 1px #cccccc solid;
text-decoration: none;
color: #999999;}

.subuls7 li a:hover 
{background: #cc99ff;
color: #666666;
text-decoration: none;
font-weight: strong;}




#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: right;
}


#clear {clear: both;}

/* -----------------right content--------------------- */

#content 
{padding: 30px 15px 10px 20px;
margin-left: 550px;
margin-right: 0px;
border-hieght: 80%;
border-left: 1px solid #ccc;
border-left-style: dotted;}

div#content 
{min-height:300px;}


/* --------------left info------------- */

#info 
{float: left;
width: 500px;
padding: 30px 25px 10px 30px;
margin: 0px;}



/* --------------image gallery------------- */

.imggallery 
{width: 100px;
height: 100px;
border-style:solid;
border-color: #ec098b;
border-width:5px;
margin:10px 0px 0px 10px;}


/* -----------footer--------------------------- */

#footer 
{color:#666666;
margin: 0px;
padding-right: 20px;
text-align: right;
height:25px;}