@charset "utf-8";
/* CSS Document */

html {
	height:100%;
}

body {
	/*background-image:url(../images/table-bg.gif);*/
	/*background-image:url(../images/bg-1280x960.png);*/
	background-image:url(../images/bg-1600x1200.png);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e2a28;
	margin:0px;
	padding:0px;
}

body.homebody {
	/*background-image:url(../images/bg-home-1600x1200.png);*/
	background-image:url(../images/site/sliver-bg.gif);
	/*background-image:url(../images/site/opusonegraphics-home-bg.jpg);*/
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f5f2e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e2a28;
	margin:0px;
	padding:0px;
}

body.adminbody {
	background-image:url(../images/bg-admin-1600x1200.png);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e2a28;
	margin:0px;
	padding:0px;
}

table.maintable-bg-fix {
	background-image:url(../images/bg-1600x1200.png);
	background-position:top;
	background-repeat:no-repeat;
}

table.admintable-bg-fix {
	background-image:url(../images/bg-admin-1600x1200.png);
	background-position:top;
	background-repeat:no-repeat;
}

table.bg-logo-table {
	/*background-image:url(../images/onan-graphics-logo-sm.png);*/
	/*background-image:url(../images/onan-graphics-logo-sm-notrans.png);*/
	background-image:url(../images/site/opusonegraphics-logo.gif);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}

.indexheader {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	color:#645b4f;
}

.pageheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#2e2a28;
}

.pagecopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2e2a28;
	line-height:24px;
}

.menulinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#72706c;
	line-height:24px;
	text-decoration:none;
	text-transform:uppercase;
}
.menulinks a:link { text-decoration:none; }
.menulinks a:visited { text-decoration:none; }
.menulinks a:hover { text-decoration:none; color:#41c2fc; }
.menulinks a:active { text-decoration:none; }

.pagelinks {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#41c2fc;
	line-height:24px;
	text-decoration:none;
	text-transform:capitalize;
}
.pagelinks a:link { text-decoration:none; color:#72706c; }
.pagelinks a:visited { text-decoration:none; color:#72706c; }
.pagelinks a:hover { text-decoration:none; color:#41c2fc; }
.pagelinks a:active { text-decoration:none; color:#72706c; }

.lightblue {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#41c2fc;
	line-height:24px;
	text-transform:uppercase;
}

.error {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
	line-height:22px;
	font-style:italic;
	text-transform:lowercase;
}

.notice { 
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#41c2fc;
	line-height:24px;
	text-transform:uppercase;
}


/******************************************************/
/* FORM AND INPUT STYLES
/******************************************************/
form {
	margin:0px;
	padding:0px;
}
/*
.contactform {
	margin:0px;
	padding:0px;
	height:300px;
}
*/

.onan-input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/input-text-bg.gif);
	width:354px;
	padding:3px;
}

.onan-select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/select-bg.gif);
	width:200px;
	padding:3px;
}

.onan-textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/textarea-bg-85.gif);
	width:354px;
	height:80px;
	padding:4px;
}


/******************************************************/
/* CONTENT PAGE TYPE CONTENT STYLES
/******************************************************/
#grey-div {
	width:5000px;
	height:450px;
	background-color:#eaeeea;
	overflow:hidden;
	position:relative;
}

#scroll-container {
	overflow: hidden;
	height: 395px;
	width: 4950px;
	position: relative;
	
	top: 15px;
	left: 40px;
}
#scroll-content {
	width:600px;
	position: relative;
	top: 0px;
}
/*
#scroll-container {
	overflow: hidden;
	height: 320px;
	width: 500px;
	position: relative;
	margin-right: -45px;
	padding-right: 45px;
}
#scroll-content {
	position: relative;
	top: 0;
}
*/
#scroll-controls {
	position: absolute;
	top: 520px;
	left: 350px;
	height: 57px;
	width: 57px;
}
#scroll-controls a.up-arrow {
	display: block;
	height: 28px;
	width: 57px;
	/*background: transparent url('../images/up-half.png') no-repeat scroll left top;*/
	background: transparent url('../images/up-half.png') no-repeat scroll left top;
	position: absolute;
	top: 0px;
	left: 0px;
}
#scroll-controls a.up-arrow:hover {
	/*background: transparent url('../images/up-half.png') no-repeat scroll left top;*/
	background: transparent url('../images/up-half.png') no-repeat scroll left top;
}
#scroll-controls a.down-arrow {
	display: block;
	height: 29px;
	width: 57px;
	/*background: transparent url('../images/down-half.png') no-repeat scroll left top;*/
	background: transparent url('../images/down-half.png') no-repeat scroll left top;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#scroll-controls a.down-arrow:hover {
	/*background: transparent url('../images/down-half.png') no-repeat scroll left top;*/
	background: transparent url('../images/down-half.png') no-repeat scroll left top;
}


/******************************************************/
/* ADMIN PANEL SPECIFIC STYLES
/******************************************************/
.admin-headtext {
	color:#2e2a28; 
	font-size:18px; 
	font-weight:bold;
}

.admin-textarea {
	background-image:url(../images/textarea-bg-2.gif);
	width:354px;
	height:97px;
	padding:5px;
}

.boldwhite {
	color:#ffffff;
	font-weight:bold;
}

.blackwhitelinks a:link { text-decoration:underline; color:#000000; }
.blackwhitelinks a:visited { text-decoration:underline; color:#000000; }
.blackwhitelinks a:hover { text-decoration:none; color:#ffffff; }
.blackwhitelinks a:active { text-decoration:underline; color:#000000; }