/* ------ GLOBAL HTML TAG CUSTOMISATION -------------------------------------------- */

html, body {
	margin: 0px;
	padding: 0px;
	background: #f2f2f2;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
a {
	color: #990033;
}
a:visited {
	color: #990033;
	text-decoration: underline;
}
a:active {
	color: #990033;
	text-decoration: underline;
}
a:link {
	color: #990033;
	text-decoration: underline;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
h1 {
	margin: 0px;
	color: #7ebf02;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 26px;
	/*font-size: xx-large;*/
	margin: 0px;
	padding: 10px 0px 0px;
}

h2 {
	color: #7ebf02;
	text-decoration: none;
	margin: 0px;
	padding: 10px 0px 0px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9E0E7;*/
	font-size: 23px;
	/*font-size: x-large;*/
}

h2 a, h2 a:visited, h2 a:active, h2 a:link, h2 a:hover {
	color: #7ebf02;
	text-decoration: none;
}

h3 {
	color: #7ebf02;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9E0E7;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 20px;
	/*font-size: large;*/
	font-weight: bold;
}

h3 a, h3 a:visited, h3 a:active, h3 a:link, h3 a:hover {
	color: #7ebf02;
	text-decoration: none;
}

h4 {
	font-size: 20px;
	/*font-size: medium;*/
	color: #7ebf02;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9E0E7;
}

h5 {
	font-size: 20px;
	/*font-size: medium;*/
	color: #7ebf02;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h6 {
	font-size: 20px;
	/*font-size: medium;*/
	font-weight: bold;
	color: #7ebf02;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*Add support for PNG to Internet Explorer.

img {
   behavior: url("css/pngbehavior.htc");
}*/

div#header-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

div#header {
	height: 120px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

div#header img.logo {
	margin-top: 15px;
	margin-left: 25px;
}

div#headerlinks {
	margin: 0px;
	padding: 25px 5px 0px 0px;
	float: right;
	text-align: right;
	color: #CCCCCC;
}

#headerlinks a, #headerlinks a:visited, #headerlinks a:active, #headerlinks a:link {
	text-decoration: none;
	color: #999999;
}

#headerlinks a:hover {
	text-decoration: underline;
	color: #666666;
}

div#header-image {
	height: 121px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg-header-panel.gif) no-repeat center center;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

div#nav-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
div#nav {
	height: 30px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}


div#content-top-container {
	height: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg-panel-shadow-top.gif) no-repeat center bottom;
}

div#content-mid-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg-panel-shadow-mid.gif) repeat-y center;
}

div#content-btm-container {
	height: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bg-panel-shadow-btm.gif) no-repeat center bottom;
}

div#body {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

div.bdy-img{
	background: url(../images/bdy-img-printer-blocks.jpg) no-repeat left 98%;
}

div.bdy-img-about{
	background: url(../images/bdy-img-printer-blocks.jpg) no-repeat left 98%;
}

div.bdy-img-quote{
	background: url(../images/bdy-img-stacked-numbers.jpg) no-repeat left 97%;
}

div.bdy-img-capabilities{
	background: url(../images/bdy-img-wax-seal.jpg) no-repeat left 98%;
}

div.bdy-img-environment{
	background: url(../images/bdy-img-butterfly.jpg) no-repeat left 98%;
}

div.bdy-img-artwork{
	background: url(../images/bdy-img-pencils.jpg) no-repeat left 90%;
	/*background: url(../images/bdy-img-paint.jpg) no-repeat left 95%;*/
}

div.bdy-img-contact{
	background: url(../images/bdy-img-communicate.jpg) no-repeat left 450px;
}

div.bdy-img-sitemap{
	background: url(../images/bdy-img-life-preserver.jpg) no-repeat left 98%;
}





div#title {
	height: 50px;
	width: 900px;
	padding-left: 25px;
	padding-right: 25px;
	background: url(../images/bg-content-top.gif) repeat-x top;
	padding-top: 10px;
}

div#title h1 {
	padding-top: 10px;
	color: #cb2d2a;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

div#leftpanel {
	float: left;
	width: 230px;
	/*text-align: justify;*/
	text-align: left;
	padding-left: 25px;
	padding-right: 30px;
	padding-top: 15px;
	color: #999999;
	line-height: 1.5em;
}

div#leftpanel h3 {
	color: #666666;
	text-decoration: none;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: medium;
	font-weight: bold;

}

div#leftpanel h4 {
	color: #666666;
	text-decoration: none;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: medium;
	font-weight: bold;
}

div#content {
	float: left;
	width: 600px;
	padding-left: 30px;
}

div.bdy-img-home{
	height: 300px;
	background: url(../images/bdy-img-home.jpg) no-repeat left top;
}

div#home-title {
	height: 80px;
	width: 900px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
}

div#home-title h1 {
	padding-top: 10px;
	color: #cb2d2a;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

div#home-content {
	float: left;
	padding-left: 30px;
	height: 200px;
}

div#home-content h2 {
	width: 400px;
	color: #666666;
	text-decoration: none;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 23px;
	/*font-size: x-large;*/
}

div#home-address {
	float: right;
	width: 210px;
	margin-top: 40px;
	padding-right: 50px;
}

div#home-address h3 {
	color: #333333;
	text-decoration: none;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: medium;
}

div#home-address h4 {
	color: #333333;
	text-decoration: none;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: medium;
}

#home-address a, #home-address a:visited, #home-address a:active, #home-address a:link {
	text-decoration: none;
	color: #3E679F;
}

#home-address a:hover {
	text-decoration: underline;
	color: #3E679F;
}

div#content p, div#home-address p {
	line-height: 1.5em;
}

div#content li {
	line-height: 1.5em;
	margin-bottom: 5px;
}

#e2elogo {
	float: right;
	z-index: 5;
}


/* Google map  ---------------------------------------------------------------- */

#google-map {
	padding: 5px !important;
	border-top:1px solid #D2CDD1;
	border-left:1px solid #D2CDD1;
	border-right:1px solid #D2CDD1;
	border-bottom:1px solid #D2CDD1;
}

#google-map div {
	padding: 0 !important;
}

#map {
	width: 588px;
	height: 600px;
	padding: 0;
}

/* ------ CONTENT - FORMS -------------------------------------------- */
.__FORMS________________ {
}
#content form div {
	padding-top: 5px;
	padding-bottom: 5px;
}
legend {
	padding: 5px;
	background: #FFFFFF;
	font: bold 116.67% "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/
	color: #7ebf02;
}
label {
	cursor: pointer;
	width: 13em;
	float: left;
	text-align: right;
	clear: both;
	margin-right: 1em;
	padding-top: 3px;
}
fieldset {
	border: 1px solid #e0e0e0;
	margin-bottom: 25px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
textarea, input[type='text'], input[type='password'], select {
	border: 1px solid #CCCCCC;
	background: #F6F6F6;
	padding: 0.2em;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #999999;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	outline: 2px solid #ffffaa;
	border-color: #666666;
}
input, select {
	cursor: pointer;
}
input[type='text'], input[type='password'] {
	cursor: text;
}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea, select {
	font-family: "Lucida Console", Courier New, Courier, monospace;
	font-size: 100%;
}
input.button {
	/*color: #FFFFFF;
	padding: 3px;
	text-align: center;
	display: block;
	cursor: pointer;  *//*hand-shaped cursor */
	/*clear: both;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	background: #FF8200 url(../images/bg-button.gif) repeat-x center top;
	border-top: 1px solid #cc6600;
	border-right: 1px solid #B75B00;
	border-bottom: 1px solid #B75B00;
	border-left: 1px solid #cc6600;
	margin: 10px auto; */

	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	display: block;
	clear: both;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	margin: 10px auto;
	background: #A70000 url(../images/bg-button-red.gif) repeat-x center top;
	border-top: 1px solid #b33a3a;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #b33a3a;
}
input.button-inline {
	/*color: #FFFFFF;
	padding: 3px;
	text-align: center;
	display: block;
	cursor: pointer;
	clear: both;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	background: #FF8200 url(../images/bg-button.gif) repeat-x center top;
	border-top: 1px solid #cc6600;
	border-right: 1px solid #B75B00;
	border-bottom: 1px solid #B75B00;
	border-left: 1px solid #cc6600;
	margin: 10px auto;
	display: inline;*/
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	display: block;
	clear: both;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	margin: 10px auto;
	background: #A70000 url(../images/bg-button-red.gif) repeat-x center top;
	border-top: 1px solid #b33a3a;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #b33a3a;
	display: inline;
}
/* Start Validate ---------------------------------------------------------------- */
.__VALIDATE________________ {
}
#ContactUs .red, #Quote .red, #Artwork .red {
	border: 1px solid #CC0000;
	background-image: url(../images/icn-exclamation.gif);
	background-repeat: no-repeat;
	background-position: 99% 1px;
}
#ContactUs label.red, #Quote label.red, #Artwork label.red {
	border: 1px solid #CC0000;
}
#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: #CC0000;
	font-weight: bold;
	display: none;
}
#ContactUs .errorMessage, #Quote .errorMessage, #Artwork .errorMessage {
	color: #CC0000;
	margin-left: 2px;
	margin-right: 5px;/*font-size: 0.8em;*/
}

/* ------ FOOTER -------------------------------------------- */
.__FOOTER________________ {
}
div#ftr-container {
	width: 100%;
}
div#ftr-blend {
	width: 950px;
	height: 55px;
	background: url(../images/bg-content-btm.gif) repeat-x bottom;
}

div#ftr-container-links {
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

div#ftr-links {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	color: #CCCCCC;
}

div#ftr-links p {
	color: #CCCCCC;
}

#ftr-links a, #ftr-links a:visited, #ftr-links a:active, #ftr-links a:link {
	text-decoration: none;
	color: #999999;
}

#ftr-links a:hover {
	text-decoration: underline;
	color: #666666;
}


































.__HELPTIPS________________ {
}

.tip {
	color: #fff;
	width: 229px;
	z-index: 13000;
}

.tip-top {
	width: 229px;
	height: 3px;
	background: url(../images/help-tip-bg.png) center top;
}

.tip-title {
	font-weight: bold;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/help-tip-bg.png) center center;
}
.tip-text {
	padding: 4px 8px 8px;
	background: url(../images/help-tip-bg.png) center center;
}

.tip-bottom {
	width: 229px;
	height: 3px;
	background: url(../images/help-tip-bg.png) center bottom;
}

.clear {
	clear: both;
}

/* markup-free float clearing ---------------------------------------------------------- */

.mac-clearfix {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

/* IE7 fix */
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}