@charset "UTF-8";
img, div { behavior: url(../iepngfix.htc) }

img, div, a, input { behavior: url(../iepngfix.htc) }

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#FF6600;
  font-family:Arial, Helvetica, sans-serif;

}

h3 {
	font-size:1em;
	color:#999999;
	font-weight:normal;
	line-height:1.4em;
	
}	

h4, h5, h6 {
	font-size:1.2em;
	color:#999999;
	font-weight:normal;
}

a:link {color:#999999;text-decoration:none;font-weight:bold}
a:visited {color:#999999; text-decoration:none; font-weight:bold}
a:hover {color:#999999; text-decoration:underline; font-weight:bold}
a:active {color:#999999; text-decoration:none; font-weight:bold}



#page {
	overflow:hidden;
	min-width:1146px;
	background-color: #FF6600;
	background-image: url(../images/site-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% -110px;
	height:auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;	
}

		
#page .page-body {
	height:100%;
}

#tempbanner {
	top:0;
	right:0;
	height: 270px;
	position:absolute;
	width: 270px;
	background-image: url(../images/banners/temp-banner.png);
	background-repeat: no-repeat;
	overflow:hidden;		
}

.sitepadding {	padding-top:220px;}

#wrapper {
	width:752px;
	background-color:#FFFFFF;
	margin:0 auto;
	}	

#containertop {
	width:752px;
	background-color: #FFFFFF;
	height:80px;
}

#containermain {
	width:752px;
	background-color: #FFFFFF;
	min-height:600px;
		
}

#header {
	height: 80px;
	width: 752px;
			
}

.logo {
	float:left;
	height:80px;
	padding-left:15px;
	
	
}

.tableprices {
	table-layout: auto;
	border:medium;
	width:380px;
	border:#33CC66;
}

.turnaround {
	position:absolute;
	top:0;
	right:0;
}		

/* nav bits */ 

#nav {
	float:right;
	padding-right:15px;
	height:80px;
		
}

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

#nav li {
	float:left;
	margin-right:3px;
		
}		

#nav-ourwork {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:85px;
	height:80px;
	text-decoration:none;
	background-image: url(../images/navigation/our-work.jpg);
	background-repeat: no-repeat;
	}
	
	#nav-ourwork:hover {background-position: -85px 0;}
	#nav-ourwork.selected {background-position: -85px 0;}

#nav-ourclients {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:85px;
	height:80px;
	text-decoration:none;
	background-image: url(../images/navigation/our-clients.jpg);
	background-repeat: no-repeat;
	}
	
	#nav-ourclients:hover { background-position: -85px 0px;}
	#nav-ourclients.selected {background-position: -85px 0px;}
	
#nav-prices {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:85px;
	height:80px;
	text-decoration:none;
	background-image: url(../images/navigation/prices.jpg);
	background-repeat: no-repeat;
	}
	
	#nav-prices:hover {background-position: -85px 0;}
	#nav-prices.selected {background-position: -85px 0;}
	
#nav-contact {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:85px;
	height:80px;
	text-decoration:none;
	background-image: url(../images/navigation/contact.jpg);
	background-repeat: no-repeat;
	}
	
	#nav-contact:hover {background-position: -85px 0;}
	#nav-contact.selected {background-position: -85px 0;}			

#priceslist	{
	width:150px;
	height: 135px;
	margin-bottom:-10px;
}


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

#priceslist li {
	float:left;
			
}

#priceslist-flyers {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	background-image: url(../images/navigation/prices-flyers.jpg);
	background-repeat: no-repeat;
	}
	
	#priceslist-flyers:hover {background-position: -150px 0;}
	#priceslist-flyers.selected {background-position: -150px 0}			

#priceslist-stationery {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	background-image: url(../images/navigation/prices-stationery.jpg);
	background-repeat: no-repeat;
	}
	
	#priceslist-stationery:hover {background-position: -150px 0;}
	#priceslist-stationery.selected {background-position: -150px 0}

#priceslist-posters {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	background-image: url(../images/navigation/prices-posters.jpg);
	background-repeat: no-repeat;
	}
	
	#priceslist-posters:hover {background-position: -150px 0;}
	#priceslist-posters.selected {background-position: -150px 0}
	
#priceslist-largeformat {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	background-image: url(../images/navigation/prices-large-format.jpg);
	background-repeat: no-repeat;
	}
	
	#priceslist-largeformat:hover {background-position: -150px 0;}
	#priceslist-largeformat.selected {background-position: -150px 0}

#priceslist-foldedflyers {
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:150px;
	height:25px;
	text-decoration:none;
	background-image: url(../images/navigation/prices-folded-flyers.jpg);
	background-repeat: no-repeat;
	}
	
	#priceslist-foldedflyers:hover {background-position: -150px 0;}
	#priceslist-foldedflyers.selected {background-position: -150px 0}						
			
	
	/* end of nav bits */
	
.clearboth{
	clear:both;
	height:10px;
}		
	
#banner {
	height:175px;
	width:752px;
	float:left;
	
}

.flashbanner {
	height:150px;
	width:390px;
		
}

#contactdetails {
	margin-bottom:20px;
}

#content {
	width:752px;
	margin-top:10px;
	
}

#leftcol {
	width:165px;
	float:left;
	display:inline;
}
#leftcolcontent {
	padding-left:15px;
}
	

#middlecol {
	width:415px;
	float:left;
	position:relative;
	display:inline;
}
#middlecolcontent {
	position:relative;
	padding-left:10px;
	padding-right:10px;
	
}


#middlecolcontentimg {
	background-image: url(../images/our-clients/our-clients.jpg);
	height: 400px;
	width: 395px;
	margin-top: 50px;
}

#flashbanner {
	padding-top:6px;
	width:395px;
	height:240px;
}	

#ourworkimg {
	background-image: url(../images/coming-soon.jpg);
	height: 400px;
	width: 395px;
	margin-top: 25px;
}	

#rightcol {
	width:160px;
	float:left;
	display:inline;
}

#rightcolcontent {
	padding-left:4px;
}

	

.imgholder {
	width:150px;}

.imgholder_padding {
	padding-top:118px;
}						

#footer {
	height:35px;
	text-align:right;
	}

.footer_container {
	width:752px;
	height:35px;
	margin:0 auto;
	background-color: #999999;
	text-align: right;
	background-image:url(../images/footer-bg.jpg);
}

.greyblock {
	width:100%;
	height:10px;
	background-color:#999999;
	background-image: url(../images/pagebreak.jpg);
	overflow:hidden;
	
}	

/* text styles */
.sectionheading {
	width:100%;
	height:26px;
	margin-bottom:-25px;
	padding-top:10px;
	
	}
.orangeHR {
	height:1px;
	width:100%;
	border: 0px solid #ff6600;
	background: #ff6600 url(../images/hr.gif) repeat-x scroll center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	}
	.orangeHR hr{
		display:none;
	}


#footer p {
	color:#FFFFFF;
	font-size:0.6em;
	line-height:1.8em;
	margin-right:20px;
	margin-top: 0px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}	

#leftcol a { font-size:0.8em;}
#leftcol p { font-size:0.8em; color:#999999; }

#content p {
	color:#999999;
	font-size:0.8em;
}	

/* table layout */

#prices {
	width: 390px;
	padding: 0;
	margin: 0;
	overflow:auto;
}

#prices2 {
	width: 390px;
	padding: 0;
	margin: 0;
	overflow:auto;
}

#pricelistextra{
	margin-top:10px;
	width:380px;
	color:#FF9900;
	border: 1px solid #999999;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	text-align: center;
}

#pricelistextra p {
	color:#FF9900;
	
}		

caption {
	padding: 0 0 5px 0;
	width: 390px;	 
	text-align: right;
	
}

.size {
	font-size:8px;
	letter-spacing:normal;
	font-weight:lighter;
}	

th {
	color: #666666;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	letter-spacing: 1px;
	text-align: left;
	text-transform:uppercase;
	padding: 6px 6px 6px 12px;
	font-size:0.6em;
	background-color: #FFCC00;
}

th.nobg {
	background: none;
	font-size:0.6em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}

td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 6px 6px 6px 12px;
	color: #999999;
	font-size:0.6em;
}

td.pricecol
	{width:20px;
}

td.artworkcol
	{width:80px;
}	


td.alt {
	background: #FF9900;
	color: #FF9900;
}

th.spec {
	font-size:0.6em;
	border-top-width: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}	

th.specalt {
	border-left: 1px solid #999999;
	border-top: 0;
	color: #CCCCCC;
}

/* contact field */


.contactform {
	width:390px; border:none;
	
		}
		.contactform .contactformfield {
		color:#808080;
		padding:4px;
		width:220px;
		margin-top: 4px;
		margin-right: 0;
		margin-bottom: 4px;
		margin-left: 0;
		}
		
		.contactform .contactformquestion {
		color:#808080;
		padding:4px;
		margin:4px 0 10px 0;
		width:220px;
		}
		.contactform .contactformlabel {
		color:#808080;
		
		}
		.contactform .contactformbutton {
		font-weight:bold;
		padding: 0 20px;
		}
		.contactform .checkbox {
		float:left;
		margin-right:5px;
		}
		
		.contactform td {
		border:none;	
		}	

/* redirect page */
#redirgraphic{
	margin:0 auto;
	
}

#redir {
	padding-top:100px;
	margin:0 auto;
	background-color:#FF6600;
	text-align: center;
}

#redirgraphic{
	width:160px;
	margin:0 auto;
	
}	

#redir p {
	color:#FFFFFF;
	font-size:1em;
}

/* design gallery  */
#ourwork{
	padding-left: 10px;
}
.designgallery{
	overflow:hidden;
	list-style:none;
	width:405px;
}

.designgallery li{
	left:-40px;
	position:relative;
	overflow:hidden;
	width:78px;
	height:60px;
	float:left;
	margin-bottom:3px;
	margin-right:3px;
	text-align: left;
}

	
	#main_image{
	height:320px;
	width:405px;
	overflow:hidden;	
	margin-bottom: 10px;
	margin-top: 10px;	
}

* html .galleria li div span{width:405px} /* MSIE bug */