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

/*Body*/
html,body {
margin: 0 auto;
padding:0;
text-align:left;
background-image:url(http://www.colourgraphic-arts.co.uk/images/cga09bg.jpg);
background-repeat:repeat-x;
}

img {
border-style: none;
}

#wrapper {
padding:0px;
width:950px;
margin:0px auto 0px auto;
position:relative;
min-height:100%;
background-image:url(http://www.colourgraphic-arts.co.uk/images/topimg.jpg);
background-repeat:no-repeat;
}

/*Top*/

#logonav {
display:block;
margin:0px;
padding:0px;
position:relative;
width:950px;
height:277px;
}

#logonavl {
display:block;
margin:0px;
padding:0px;
width:383px;
height:57px;
background-image:url(http://www.colourgraphic-arts.co.uk/images/cga09logo.png);
float:left;
}

#logonavn {
display:block;
margin:0px;
padding:0px;
width:383px;
height:57px;
float:right;
}
#button {
clear:right;
display:block;
margin-top:120px;
margin-right:40px;
margin-bottom:-50px;
padding:0px;
width:300px;
height:150px;
float:right;
z-index:1000;
}

/*Our Work*/

#ourwork {
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:950px;
} 

#ourworkhead, #ourworkhead2 {
display:block;
padding:0px;
position:relative;
width:950px;
height:40px;
padding:0px;
float:left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}

/* Sliding Nav */

.slidenav {list-style:none; width:909px; height:160px; display:block; overflow:hidden;margin-left:15px;clear:both;margin-bottom:10px;float:left;}
.slidenav li {float:left; display:inline; overflow:hidden;border:none;border-spacing:0;}
.slidenav_txt {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#FFFFFF; font-weight:bold; padding:5px; line-height:13px;}
.slidenav_txt a,
.slidenav_txt a:hover, 
.slidenav_txt a.selected{color: #FFF; text-decoration: none;}


.li_hide {visibility:hidden; width:0px;}
.slidenav li table {
width:400px;
height:160px;
padding:0;
margin:0;
border:none;
border-spacing:0;
border-collapse: collapse;
background-image:url(http://www.colourgraphic-arts.co.uk/images/ds.png);
background-repeat:no-repeat;
}

/* 3 Cols */
.container {
display: table;
float:left;
width: 900px;
margin-left: 25px;
margin-right: 25px;
}
.row { 
display: table-row;
clear: left; /* for ie */
} 
.cell, .cell1, .cell2 { 
display: table-cell; 
width: 245px; 
height: 311px; 
border: none;
background-color:#66FFFF;
background-image:url(http://www.colourgraphic-arts.co.uk/images/header01.png);
background-repeat:no-repeat;
padding: 24px;
padding-top:65px;
float: left; /* for ie */
margin-right:10px;/* for ie */
font-family:Georgia, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
line-height:22px;
color:#003366;
}
.cell1 {
background-image:url(http://www.colourgraphic-arts.co.uk/images/header02.png);
}
.cell2 {
margin-right:0;
background-image:url(http://www.colourgraphic-arts.co.uk/images/header03.png);
}

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

.clear {
clear: both;
}

.cell a, .cell1 a, .cell2 a{
text-decoration: none;
color:#003366;
}

.cell a:hover, .cell1 a:hover, .cell2 a:hover, 
.cell a.selected, .cell1 a.selected, .cell2 a.selected{
color:#000066;
text-decoration: none;
}

.cellsmall {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
line-height:16px;
color:#003366;
}


.cellsmall a{
text-decoration: none;
color:#003366;
}

.cellsmall a:hover,
.cellsmall a.selected{
text-decoration: none;
color:#000066;
}

#cellsmall2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
line-height:16px;
color:#666;
}


#cellsmall2 a{
text-decoration: none;
color:#666;
}

#cellsmall2 a:hover,
#cellsmall2 a.selected{
text-decoration: none;
color:#999;
}



/*Footer*/

#fullfooter {
display:block;
margin:0px 0px 0px 0px;
padding:0px;
position:relative;
width:100%;
height:300px;
background-color:#0167AF;
background-image:url(http://www.colourgraphic-arts.co.uk/images/basebg.jpg);
background-repeat:repeat-x;
clear:both;
}

#fullfootertop {
display:block;
margin:0px auto 0px auto;
padding:0px;
position:relative;
width:950px;
height:30px;
background-image:url(http://www.colourgraphic-arts.co.uk/images/base.jpg);
background-repeat:no-repeat;
}

#footerthree {
display:block;
margin:0px auto 0px auto;
padding:0px;
position:relative;
width:950px;
height:200px;
}

#footerthree1 {
display:block;
margin:10px 0px 0px 25px;
padding:0px;
position:relative;
width:293px;
height:200px;
float:left;
}

#footerthree2 {
display:block;
margin:10px 0px 0px 10px;
padding:0px;
position:relative;
width:293px;
height:200px;
float:left;
}

#footerthree3 {
display:block;
margin:10px 0px 0px 10px;
padding:0px;
position:relative;
width:293px;
height:200px;
float:left;
}


.footertext {
width:278px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
line-height:14px;
color:#000022;
}

.footertext a{
font-weight:bold;
text-decoration: none;
color:#000022;
}

.footertext a:hover, 
.footertext a.selected{
color: #FFF;
text-decoration: none;
}

.footerlarge {
padding:0;
width:278px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:14px;
color:#FFF;
}


/*Text Styles*/

.mainbodytext {
padding:10px;
width:280px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#999999;
}

.mainbodytext a{
font-weight:bold;
text-decoration: none;
color:#999999;
}

.mainbodytext a:hover, 
.mainbodytext a.selected{
color: #FFF;
text-decoration: none;
}

.mainbodytextlarge{
font-family: Georgia, Times, serif, Verdana;
font-size:20px;
color:#003366;
font-weight:bold;
margin-bottom:20px;
}

.mainbodytextlarge a{
text-decoration: none;
color:#003366;
}

.mainbodytextlarge a:hover, 
.mainbodytextlarge a.selected{
color:#003366;
text-decoration: none;
}


.mainbodytextdown {
margin-top:10px;
width:300px;
font-family: Georgia, Times, serif, Verdana;
font-size:17px;
line-height:21px;
color:#999999;
border-bottom-color:#333333;
border-bottom-style:dashed;
border-bottom-width:1px;
}

.mainbodytextdown a{
font-weight:bold;
text-decoration: none;
color:#999999;
}

.mainbodytextdown a:hover, 
.mainbodytextdown a.selected{
color: #FFF;
text-decoration: none;
}

.link {
font-family: Georgia, Times, serif, Verdana;
font-size:15px;
color:#666;
font-weight:normal;
}

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

.link a:hover, 
.link a.selected{
color:#FFF;
text-decoration:underline;
}

#mainbodyleft {
display: block;
margin:0px;
padding:0px;
position:relative;
width:279px;
height:450px;
padding: 0px 20px 0px 0px;
float:left;
border-right-color:#333333;
border-right-style:dashed;
border-right-width:1px;
}

#mainbodyright {
display: block;
margin: 0px;
padding: 0px;
position:relative;
width:610px;
height:450px;
padding: 0px;
background-color:#CC0033;
float:right;
}

#mainbodyright1 {
display: block;
margin:0px 0px 0px 10px;
padding: 0px;
position:relative;
width:300px;
height:450px;
float:left;
}

#mainbodyright2 {
display: block;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 10px;
position:relative;
width:300px;
float:right;
}

.mixtext {
padding: 0px;
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#999999;
}

.mixtext a{
font-weight:bold;
text-decoration: none;
color:#999999;
}

.mixtext a:hover, 
.mixtext a.selected{
color: #FFF;
text-decoration: none;
}

#mainbodybot {
display:block;
margin:0px;
padding:0px;
position:relative;
width:920px;
height:40px;
padding:0px;
background-color:#CC0033;
float:right;
}

#mainbodybotimg {
display:block;
margin:0px;
padding:0px;
width:610px;
height:40px;
padding:0px;
background-color:#000066;
float:right;
}

#introblock {
display:block;
margin:50px auto 0px auto;
padding:0px;
width:950px;
height:175px;
text-align:center;
background:none;
z-index:10;
} 

span.bodylink a { 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height:18px;
font-style:normal;
color:#003366;
text-decoration:none;
}
.list li { 
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height:18px;
font-style:normal;
color:#666;
list-style-type:disc;
margin-left:25px;
}