/* CSS Document */

/*/

	Oce Partner Project
	Developed for American Reprographics Company - www.e-arc.com
	Developed by Verritech - www.verritech.com
	
/*/

body {
	margin: 0;
	padding: 0;
	background: url('images/bg.png') repeat-x #828282;
	font-family: 'Helvetica', Arial, Sans-serif;
	font-size: 12px;
	color: #333;
	height: 100%;
}

a, a img {
	border: 0;
}

h1 {
	color: #4ab3e2;
	font-size: 28px;
	margin: 14px 0;
}

h2 {
	color: #000;
	font-weight: normal;
}

p {
	line-height: 18px;
}


	#wrap {
		margin: 0;
		padding: 140px 0 0 60px;
		width: 900px;
	}
	
		.home_wrap {
			background: url('images/home_bg.jpg') top right no-repeat;
			overflow-x: hidden;
		}
		
		.printer_wrap {
			background: url('images/printer_bg.png') 0px 0px repeat-x #A7A7A7 !important;
			height: 900px;
		}
		
		.printer_wrap #footer {
			color: #666;
		}
	
	#logo {
		position: absolute;
		height: 90px;
		top: 15px;
		width: 300px;
	}
	
	.content520 {
		width: 520px;
	}
	
	#footer {
		font-size: 11px;
		color: #FFF;
		margin: 10px 0 30px 90px;
		display: block;
		clear: both;
	}
	
/*********************************************************************

						CALL(s) TO ACTION

*********************************************************************/
	
	ul#homecta {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul#homecta li {
		margin: 0 30px 0 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
	ul#homecta li a {
		display: block;
		width: 294px;
		height: 81px;
		padding: 150px 22px 0 22px;
		color: #FFF;
		font-weight: bold;
		font-size: 16px;
		text-decoration: none;
		line-height: 18px;
	}
	
	ul#homecta li#homecta1 a {
		background: url('images/cta1_bg.png') no-repeat top center;
	}
	
	ul#homecta li#homecta2 a {
		background: url('images/cta2_bg.png ') no-repeat top center;
	}
	
	ul#homecta li#homecta2 a:hover, ul#homecta li#homecta1 a:hover {
		background-position: bottom center;
	}
	
	ul#printer_select {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul#printer_select li {
		margin: 0 40px 80px 20px;
		padding: 0;
		list-style: none;
		float: left;
	}
		
		ul#printer_select li ul {
			margin: 20px 0 5px 5px;
			padding: 0;
			list-style: disc;
			float: none;
			font-size: 12px;
		}
		
		ul#printer_select li p {
			margin: 8px 0 8px 5px;
			padding: 0;
			list-style: disc;
			float: none;
			font-size: 12px;
			height: auto;
			line-height: 24px;
		}
	
	ul#printer_select li a {
		display: block;
		width: 280px;
		height: 290px;
		padding: 171px 49px 0 49px;
		color: #FFF;
		font-size: 16px;
		text-decoration: none;
	}
	
	ul#printer_select li a:hover, ul#printer_select li#plotwave a:hover, ul#printer_select li#colorwave a:hover  {
		background-position: bottom !important;
	}
	
	ul#printer_select li a span {
		font-weight: bold;
		font-size: 18px;
	}
	
	ul#printer_select li ul li {
	}
	
	ul#printer_select li#plotwave a {
		background: url('images/ps_plotwave_bg.png') no-repeat top center;
	}
	
	ul#printer_select li#colorwave a {
		background: url('images/ps_colorwave_bg.png') no-repeat top center;
	}
	
	ul#printer_select li div.viewmore {
		position: absolute;
		top: 600px;
		padding: 3px 26px 3px 160px;
		font-weight: bold;
		font-size: 14px;
		background: url('images/bp.png') no-repeat center right;
	}
		
		
		
/*********************************************************************

						PRINTERS

*********************************************************************/

	#bigtrail {
		background: url('images/bigtrail_bg.png') no-repeat;
		margin: 0 0 0 -43px;
		height: 62px;
	}
	
	#bigtail ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#bigtrail ul li {
		list-style: none;
		margin-top: 23px;
		padding: 0;
		float: left;
	}
	
	#bigtrail ul li a {
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
		background: url('images/bigtrail_li.png') no-repeat center left;
		text-decoration: none;
		padding: 12px 0 12px 32px;
	}
	
	#bigtrail ul li a:hover {
		color: #9C0;
	}
	
	#bigtrail ul li#first {
		margin-left: 36px;
		margin-right: 180px;
	}
	
	#bigtrail ul li#second {
		margin-right: 170px;
	}
	
	#breadcrumb {
		margin: 15px 0 0 0;
		font-size: 10px;
		color: #333;
	}
	
	#breadcrumb a {
		text-decoration: none;
		color: #333;
	}
	
	div.content_printer, div.content_consultant {
		width: 475px;
		padding: 0 425px 0 0;
	}
	
	div.content_consultant p {
		line-height: 22px;
	}
	
	div.content_consultant ul li {
		margin: 12px 0;
		line-height: 18px;
	}
	
	
	div.content_printer h1, div.content_consultant h1 {
		margin: 14px 0 14px 0;
	}
	
	div.features {
		position: absolute; 
		top: 560px;
		left: 600px;
		background: url('images/feature_bg.png') no-repeat top left;
		width: 286px;
		height: 224px;
		margin: 0;
		padding: 15px 25px;
		font-size: 11px;
		color: #FFF;
	}
	
	div.features h3 {
		color: #9Cf;
		font-size: 16px;
		margin: 0 0 14px 0;
	}
	
	div.features ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	div.features ul li {
		list-style: none;
		margin: 0 0 12px 0;
		padding: 0;
	}
	
	div.technical, div.consultcta {
		position: absolute;
		top: 450px;
		left: 620px;
	}
	
	div.technical ul, div.consultcta ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div.technical ul li, div.consultcta ul li {
		margin: 8px 0;
	}
	
	div.technical ul li a {
		padding: 3px 0 3px 28px;
		background: url('images/bp.png') no-repeat top left;
		font-size: 16px;
		font-weight: bold;
		color: #102a4a;
		text-decoration: none;
		letter-spacing: 2px;
	}
	
	div.technical ul li a:hover, div.constultcta ul li a:hover {
		color: #9C0;
	}
	
	div.consultcta ul li a {
		padding: 0 0 3px 28px;
		background: url('images/bp.png') no-repeat 3px left;
		font-size: 16px;
		font-weight: bold;
		color: #102a4a;
		text-decoration: none;
		display: block;
		width: 270px;
	}
	
	div.consultcta ul li a:hover {
		color: #9C0 !important;
	}
	
/*********************************************************************

						CONSULTANT

*********************************************************************/

	#consult {
		position: absolute;
		top: 150px;
		left: 600px;
		width: 354px;
		height: 160px;
		padding: 445px 12px 0 22px;
		background: url('images/consultant_bg.jpg') no-repeat;
	}
	
	#consult ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#consult ul li {
		margin: 0;
		padding: 0;
	}
	
	#consult ul li a {
		display: block;
		width: 290px;
		height: 60px;
		padding: 24px;
		color: #FFF;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
/*********************************************************************

						MISC

*********************************************************************/

br.clear {
	clear: both;
}

a.learnmore {
	color: #102a4a;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 5px 28px;
	background: url('images/bp.png') no-repeat left 8px;
	display: block;
	text-decoration: none;
}

a.learnmore:hover {
	color: #FFF;
}

.dblue {
	color: #036;
}

div#soc {
	float: left;
	margin: -5px 0 0 25px;
}

#ocelogo {
	position: absolute;
	top: 40px;
	left: 900px;
	float: left;
}

/*********************************************************************

						CONTACT

*********************************************************************/

form.vendor fieldset fieldset {
	border: 1px solid #ccc;
	margin: 10px 0 10px 0;
	padding: 10px;
	display: block;
	}
	
form.vendor input {
	margin: 0 0 8px 8px;
}
	
form.vendor ul {
	list-style: none;
	padding: 0;
	margin: 0 !important;
}

	form.vendor li {
		margin: 5px 0 10px 0;
		list-style: none;
		}

form.vendor fieldset legend {
	font-weight: bold;
	font-size: 14px;
	margin-left: -10px;
	padding: 0;
	}
	
	form.vendor fieldset fieldset legend {
	padding: 0 0 2px 0;
	}
	
form.vendor label {
	display: block;
	width: 180px;
	float: left;
	clear: left;
	padding-bottom: 5px;
	}
	
form.vendor fieldset fieldset legend {
	font-size: 12px;
	}
	
form.vendor em {
	color: #990000;
	font-size: 10px;
	font-style: italic;
	}