/*
css author: 
joseph hallahan :: www.dontlament.com  :: www.cidesign.com.au
*/


body {
	margin: 0;
	padding:  0;
	
	background: url(../images/footerTile.gif) 50% 0 repeat-y;
	font-family: trebuchet ms,verdana,arial;
	font-size:  62.5%;
	color:#000;
	
}

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

select {
	margin-bottom: 20px;
	width:207px;
	font-size:  1em;
}

fieldset {
	border: 0;
	margin:  0;
	padding: 0;
	margin:   5px 0; 
	padding:  5px 0 ;
	background: url(../images/selectLine.gif) bottom left repeat-x;
}

fieldset.last {
	background: none;
}

/*
STRUCTURAL STYLES
*/
div#wrapper {
	width:  761px;
	background:  #fff;
	
	margin:  0 auto;
	padding:  0;
}

div#header {
	height:  122px;
	background: url(../images/bg_header.gif) bottom left repeat-x;
	padding-top:  13px;
	

}


div#footer {
	
	background: url(../images/footerBg.gif) top left no-repeat;
	height:  118px;
	width:  100%;
	

}

div.footer {
	margin-top:  60px;
	width: 100%;
	/*border: 1px solid #000;*/
	clear: both;
}


div.footer p {
	margin-left: 292px;
	padding-top: 5px;
}


div#content {
	background:  #fff;
	float: left;
	width:  100%;
	

}
div#nav {
	width: 209px;
	float:  left;
	margin: 0;
	padding: 0;
	

}
div#display {
	width: 530px;
	float:  right;	
	margin:  0; padding: 0;

}

div#access-links {
	margin-left:  -999em;
}



div.thumbnail {
	width:  300px;
	border:  dotted 1px #ccc;
	float:  left;
}
div.descriptors {
	width:  220px;
	float:  right;
}





/*Description*/
div.descriptors h3 {
	font: bold 13px verdana,arial; 
	color:#ff0000;
	margin: 0; 
	padding: 7px 7px 7px 7px;
}

ul#download-links li {
	font: normal 11px trebuchet ms,verdana,arial;
	color:#666;
	background: url(../images/sqDesc.jpg) 6px 5px no-repeat;
	padding-left: 16px;
}

ul#download-links {
		padding:  14px 6px;
}

ul#codes {	
	padding:  14px 7px;
	color:  #666;
}

div.descriptors li a {
	color:  #000;
}

div.descriptors li.lo-res a {
	color:#FF0000;
}



/*
HEADER
*/
h1#logo {
	background: url(../images/logo.gif) 0 0 repeat-y;
	height:  71px;
	width:  71px;
	margin:  0;
	padding: 0px;
	float:  left;
}
h1#logo a {
	display:  block;
	height:  71px;
	width:  71px;
}
h1#logo span {
	margin-left:  -999em;
}

div#title {
	width:  252px;
	height:  29px;
	padding-top:  42px;
	float:  right;
	
	background: url(../images/title.gif) bottom left repeat-x;
}
div#title span {
	margin-left:  -999em;
}





/*
SEO'd H2's
*/
h2#cattani-product {
	background: url(../images/cpTitle.gif) 0 0 no-repeat;
	margin:  0; padding: 0;
	height:  14px;
	font-size:  11px;
}
h2#cattani-product span {
	margin-left:  -999em;
}

h2#cattani-logos {
	background: url(../images/clTitle.gif) 0 0 no-repeat;
	margin:  0; padding: 0;
	height:  14px;
	font-size:  11px;
}
h2#cattani-logos span {
	margin-left:  -999em;
}

h2#magnolia-image{
	background: url(../images/mpTitle.gif) 0 0 no-repeat;
	margin:  0; padding: 0;
	height:  14px;
	font-size:  11px;
}
h2#magnolia-image span {
	margin-left:  -999em;
}

h2#magnolia-logos{
	background: url(../images/mlTitle.gif) 0 0 no-repeat;
	margin:  0; padding: 0;
	height:  14px;
	font-size:  11px;
}
h2#magnolia-logos span {
	margin-left:  -999em;
}

h2#print-artwork{
	background: url(../images/pmTitle.gif) 0 0 no-repeat;
	margin:  0; padding: 0;
	height:  14px;
	font-size:  11px;
}
h2#print-artwork span {
	margin-left:  -999em;
}