/* CSS Document */

* {
text-decoration : none;
}



/* main page body */

body {
background : #FFF url(../graphics/layout/left.gif) 0% 0 repeat-y;
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : left;
}



/* main page wrapper */

#wrapper {
* height : 100%;
margin : auto;
padding : 0;
position : relative;
text-align : justify;
}

/* position page in middle */

#contentwrapper {
background : url(../graphics/layout/large-banner.jpg) 100% 0% no-repeat;
padding : 116px 0 0 0;
text-align : justify;
margin-left: 1px;
}

/* navigation */

ul#nav {
font-size : 1.2em;
font-weight : bold;
list-style : none;
margin : 0;
padding : 0;
width : 165px;
}

	ul#nav li {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/layout/nav.png');
	margin : 0 0 7px 0;
	width : 165px;
	}

		html>body ul#nav li {
		background : url(../graphics/layout/nav.png);
		}
	
	ul#nav a {
	background : url(../graphics/layout/bullet.gif) 6px 50% no-repeat;
	color : #fff;
	display : block;
	padding : 4px 0 4px 20px;
	* width : 100%;
	}
	
		ul#nav a:hover {
		color : #F2E510;
		}


/* left navigation */

#left {
bottom : 0;
color : #fff;
font-size : 1.2em;
font-weight : bold;
left : 0;
padding : 0px 0 150px 0;
width : 159px;
float : left;
}



/* content */

#textwrapper {
text-align: center;
}

#spiderlinks {
margin : 40px 0 0 0;
text-align: center;
font-size: 0.9em;
clear: right;
}

#content {
font-size : 1.2em;
* height : 1%;
margin : 0 0 0 165px;
padding : 30px 0;
width: 600px;
text-align: justify;
}

	#content h1 {
	font-size : 1.8em;
	margin : 0;
	padding : 0 30px 13px 30px;
	color: #9DD6C5;
	}

	#content p {
	margin : 0;
	padding : 0 30px 13px 30px;
	}
	
	#content img {
	margin : 0;
	padding: 0px 30px 0px 20px;
	float: right;
	}



/* contact details */

ul#contact {
bottom : 10px;
color : #fff;
font-size : 1.2em;
font-weight : bold;
left : 0;
list-style-image : url(../graphics/layout/bullet-blue.gif);
margin : 0;
padding : 0 0 0 22px;
position : absolute;
text-align : left;
width : 200px;
}

	ul#contact br {
	line-height : .6em;
	* line-height : 1em;
	}



/* text */

#text {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../graphics/layout/text.png');
height : 64px;
left : 182px;
position : absolute;
top : 234px;
width : 529px;
}

	html>body #text {
	background : url(../graphics/layout/text.png) no-repeat;
	}



/* logo */

#logo {
background : url(../graphics/layout/logo.gif) no-repeat;
height : 81px;
left : 10px;
position : absolute;
top : 12px;
width : 188px;
}


/* contacts list */

#contacts {
margin : 0 30px;
padding : 0;
clear: left;
}

#contacts p {
margin : 10px 0px;
padding : 0;
}

	#contacts a {
	background-color: #fff;
	color: #EA0E8B;
	}
	
	#contacts a:hover {
	background-color: #EA0E8B;
	color: #fff;
	}

.contactnumbers {
display : inline;
float : left;
* float : none;
width : 120px;
font-weight: bold;
font-size: 1.4em;
color: #000;
margin : 0 30px;
}

.contacts {
margin: 10px 0px;
display : inline;
float : left;
* float : none;
width : 280px;
clear:left;
}

.contacts2 {
margin: 10px 0px;
display : inline;
float : left;
* float : none;
width : 360px;
clear:left;
}

.contactsright {
margin: 10px 0px;
display : inline;
float : left;
* float : none;
width : 250px;
}

	.contacts a {
	padding: 2px;
	background-color: #fff;
	display : block;
	color: #9DD6C5;
	width: 200px;
	}
	
	.contacts a:hover {
	padding: 2px;
	background-color: #9DD6C5;
	display : block;
	color: #fff;
	width: 200px;
	}


/* estimate request form */

form#estimate {
margin : 0 30px;
padding : 0;
}

	form#estimate label {
	display : block;
	}

	form#estimate input, form#estimate select, form#estimate textarea {
	border : 1px solid #ccc;
	font-family : Arial;
	font-size : 1em;
	margin : 0 0 7px 0;
	width : 540px;
	}

		form#estimate textarea {
		height : 50px;
		}
	
	form#estimate .name {
	display : inline;
	float : left;
	* float : none;
	width : 270px;
	}
	
		form#estimate .name input#company, form#estimate .name input#ink, form#estimate .name input#date {
		margin : 0 5px 7px 0;
		width : 265px;
		}
	
		form#estimate .name input#contact, form#estimate .name input#proofing, form#estimate .name input#time {
		width : 270px;
		}
	
	form#estimate .contact {
	display : inline;
	float : left;
	* float : none;
	width : 180px;
	}
	
		form#estimate .contact input#tel, form#estimate .contact input#fax {
		margin : 0 5px 7px 0;
		width : 175px;
		}
	
		form#estimate .contact input#email {
		width : 180px;
		}



/* css */

ul#nav li#skeleton {
display : none;
}



/* digital page */

table#digital {
font-size : 1em;
margin : 0 20px 0 20px;
padding : 0 0 13px 0;
}
	
	table#digital td {
	width : 50%;
	}