@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#575757;
	/*background-image: url(images/grid.jpg);
	background-repeat: repeat;*/	background-color: #C2C6F3;
}

html, body { height: 100%; }

.push { height: 142px; /* .push must be the same height as .footer */ }

p { margin:1.2em 0; }

img { border:0; }

#mainContent a, #sub a {
	color:#1b3280;
	text-decoration:none;
	font-weight:700;
	border-bottom:1px dotted #1b3280;
}
a { outline:none; }

a:link { color:#1b3280; }

a:visited { }

#mainContent a:hover, #sub a:hover { border-bottom:1px solid #1b3280; }
#gallery a { border:none; }
#gallery a:hover { border:none;text-decoration:none; }
a:active { }

#container {
	width:975px;
	margin:auto;
	background-image: url(images/bg_shadow.png);
	background-repeat: repeat-y;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
a.no { border:0; }
a:hover.no { border:0; }
#wrapper {
	width:955px;
	margin:auto;
	background-color: #fff;
	background-image: url(images/print_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#content {
	width:863px;
	margin:auto;
	padding-top:90px;
}

#header {
	width:863px;
	height:140px;
	background-image: url(images/banner2.jpg);
	background-repeat:no-repeat;
	position:relative; 
}

.home_caption { width:500px;height:100px; background:red;  display:none; }

h1, h2, h3 {
	color:#1b3280;
	text-transform:uppercase;
	margin-bottom:0.6em;
	margin-top:0.4em;
}
h1 { font-size: 20px; }
h2 { font-size:14px; }
#sidebar {
	float:right;
	width:271px; 
	margin-right:45px;
}

#mainContent {
	width:100%;
	background-image: url(images/print_middle.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom:30px;
	overflow:auto;
	margin-top:5px;
}

#bodyContent {
float:left;
width: 567px;	
margin-left:45px;
overflow:auto;
}
#bodyContent p { text-align: justify; }

#footer {
	background:#fff url(images/print_footer.jpg);
	background-repeat:no-repeat;
	height:102px;
	width:955px;
	margin:auto;
	background-position:bottom;
	padding-top:40px;
}

#footer p.copy {
	text-align:center;
	margin:0;
}

#nav {
	width:863px;
	background:#1b3280;
	overflow:auto;
	margin-top:1px;
}
#logo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	width:270px;
	height:155px;
}

#navBar {
	margin: 0;
	padding: 0
}

#navBar li {
	float: left;
	list-style: none;
	font-weight:bold;
	background: none;
}

#navBar li a {
	display: block;
	background: #1b3280;
	padding: 5px 12px;
	text-decoration: none;
	border:none;
	border-right: 1px solid white;
	width: 85px;
	color: #fff;
	white-space: nowrap;
}

#navBar li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white
}

#navBar li ul li {
	float: none;
	display: inline;
}

#navBar li ul li a {
	width: auto;
	border:none;
}

#navBar a.home { background: #30a4e1; }
#navBar a.print-services { background: #e05907; }
#navBar a.publish-services { background: #c22b2b; }
#navBar a.quotes { background: #47840d; }
#navBar a.samples { background: #913864; }
#navBar a.contact { background: #4c1566; }

#navBar a:hover.home { background: #39bbff; }
#navBar a:hover.print-services { background: #ff6000; }
#navBar a:hover.publish-services { background: #f23a3a; }
#navBar a:hover.quotes { background: #65bc12; }
#navBar a:hover.samples { background: #d9428d; }
#navBar a:hover.contact { background: #8d2abc; }

#servicesNav { width:200px; background:#f7f7f7; border:1px solid #c4c4c4; }
#servicesNav ul {}
#servicesNav li { list-style-type:none; margin:15px; }

#sub {
	width:863px;
	margin:auto;
	overflow:auto;
}

.box {
	width:248px;
	float:left;
	background:#f7f7f7;
	border:dashed 1px #c4c4c4;
	padding:10px;
	overflow:hidden;
	height:140px;
}

.box h2 { font-size:16px; }

.clearSub { clear:left; }

ol, ol.panel-ul {
padding:0;
list-style-type:none;
float:left;
}

input {
	border:1px solid #24497d;
	width:120px;
	color:#575757;
	font: 10px Arial, Helvetica, sans-serif;
	padding:3px;
}
input.go { width:50px;	text-transform:uppercase; background:#6C80C0; color:#fff;}
input.go:hover { background:#1b3280; }

label {
	float: left;
	width: 12em;
	margin-right: 1em;
}

#message { position:relative; }
#success {
	position:absolute;
	top:0px;
	left:170px;
}
#quote_form form { background:#f7f7f7; border:1px solid #c4c4c4; overflow:auto; padding:15px; width:535px;}
#quote_form ol {
	padding:0;
	list-style-type:none;
	float:left;
}
#quote_form li { margin-bottom:10px; }
#quote_form input {
	border:1px solid #24497d;
	width:250px;
	color:#575757;
	font: 10px Arial, Helvetica, sans-serif;
	padding:3px;
}
#quote_form textarea { 
	border:1px solid #24497d;
	width:250px;
	color:#575757;
	font: 10px Arial, Helvetica, sans-serif;
	padding:3px;
	height:100px;
}

#quote_form input.go_quote{
	width:auto;
	text-transform:uppercase;
	background:#6C80C0;
	color:#fff;
}

#quote_form input.go:hover { background:#1b3280; }
#quote_form input.go_quote:hover { background:#1b3280; }
#quote_form label {
	float: left;
	width: 14em;
	margin-right: 1em;
	font-weight:bold;
}
table {
	font-size: 11px;
	color: #404040;
	width: 500px;
	background-color: #f7f7f7;
	border: 1px #c4c4c4 solid;
	border-collapse: collapse;
	border-spacing: 0px; margin-left:1px;
}

td {
	border-bottom: 1px solid #c4c4c4;
	border-top: 0px;
	border-left: 1px solid #c4c4c4;
	border-right: 0px;

	color: #404040;
	background-color: #f7f7f7;
	padding:10px;
}