body { 
	margin:0px 0; 
	padding:0; 
	color:#ccc;  
}

img {border: 0px;}


a{text-decoration:none}
a { outline:0; }
.content { 
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 1000px;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#header { 
	margin: 0; 
	width: 880px; 
	height: 159px; 
	color: #FFF; 
}

#header .f_search { float: right; padding: 70px 50px 0 0; }
#header .title {	padding: 45px 0 0 50px; }
#header h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin: 0;
		padding: 0; 
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		background-image: none;
		color: #A90000;
		margin: 0;
		padding: 0 0 0 2px;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
	background: #A90000 url("images/bgmenu.jpg") repeat-y center;
	width: 880px;
	height: 30px;
	background-color: #A90000;
	color: #FFF;

}
#subheader .padding { padding: 10px 15px 10px 15px; float:right;}
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }

 #subheader2 { 
	background: #A90000 url(logo.jpg) no-repeat left; 
	width: 880px;
	height: 68px;
	background-color: #A90000;
	color: #FFF;
}

 
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }


/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color: 	#7D8085; padding: 20px 0 0 0px; width: 150px; }
.nav li { 
	font-weight: bold; 
	margin: 5px 0 5px 0px; 
	padding: 0px 0 0 0px; 
	border-bottom: 1px solid #ccc; 
	height: 25px; background: url(images/li.png) no-repeat left;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
.nav li a:hover { color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}

#navlist a:link { color: white; text-decoration: none; }
#navlist a:visited {text-decoration: none}
#navlist a:active {color yellow text-decoration: none}
#navlist a:hover {text-decoration: underline; color: red;}
}

#navlist ul{
    list-style:none;	
    margin:0 0 1em 15px;
    padding: 0;
}
#navlist ul li{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	color: red;

    list-style:none;
    margin: .9em 0;
    padding: 2px 0 0px 40px;
    background:url(images/templatemo_titile_bullet.png) no-repeat 0 4px;
}
#navlist li ul{
    margin:0 0 0 30px;
    list-style:disc;
}
#navlist li ul li{
    padding-left:0;
    background:none;
}
/* Holly Hack to fix ie6 li bg */
/*  Hides from IE-mac \*/
* html li{height: 1%;}
/* End hide from IE-mac */
@media print{
#navlist ul {
    list-style:disc;
    margin-left:30px;
}
#navlist ul li {
    padding-left:0px;
    background:none;
}
} /* end print */

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.main { 
	position:absolute;
	left:47px;
	width: 20px; 
	top: 159px;

 }  
 .main2 { 
	position:absolute;
	left:67px;
	width: 218px; 
	top: 159px;

 }  
.main3 { 
	position:absolute;
	left:285px;
	width: 11px; 
	top: 159px;

 }  
.main4 { 
	position:absolute;
	left:296px;
	width: 28px; 
	top: 159px;

 }  
.main5_home { 
	position:absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #FFF; 
	left:324px;
	width: 329px; 
	height: 548px;
	top: 159px;
	background: url(images/home_r4_c6.jpg) no-repeat;
 }
 .main5_h1{
 	font-family: Arial, Verdana, Helvetica, sans-serif;

 color: #FFF;
 	font-size: 12px; 

  }

 
 .main5_services { 
	position:absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #FFF; 
	left:324px;
	width: 329px; 
	height: 548px;
	top: 159px;
	background: url(images/services_r4_c6.jpg) no-repeat;
 }
 .main5_labels { 
	position:absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #FFF; 
	left:324px;
	width: 329px; 
	height: 548px;
	top: 159px;
	background: url(images/labels_r4_c5.jpg) no-repeat;
 }
 .main5_digital { 
	position:absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #FFF; 
	left:324px;
	width: 329px; 
	height: 548px;
	top: 159px;
	background: url(images/digital_r4_c5.jpg) no-repeat;
 }
 .main5_contact { 
	position:absolute;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #FFF; 
	left:324px;
	width: 329px; 
	height: 548px;
	top: 159px;
	background: url(images/comtact_r4_c5.jpg) no-repeat;
 }
 
.lager {
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #FFF; 

  }  

 
 .small  {
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	color: #FFF; 

  }  
 
.main6 { 
	position:absolute;
	left:653px;
	width: 87px; 
	top: 159px;

 }  
.main7 { 
	position:absolute;
	left:740px;
	width: 260px; 
	top: 159px;

 }  

#main .left_side { 
	padding:0px 0 0 0px; 
	margin:0;
	width: 47px; 
	min-height: 727px;  
}

#main .left_side .hitems { margin: 0; 	padding: 0; }
#main .left_side .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url("images/arrow.gif");
}
	
#main .left_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
	 
}

#main .right_side { float: right; width: 660px; background: #FFF; padding:5px 0px 0 0; margin:0; 	text-align:justify; 
}

#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; 
			border-bottom: 1px solid #FEAB06;
}

#main .box  {	background: #efefef; padding: 5px; border: 1px solid #ccc;}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}



/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer_home {background: url("images/home_r6_c1.jpg") no-repeat left; height:41px; margin-top:0px; clear:both;}
#footer_services {background: url("images/services_r6_c1.jpg") no-repeat left; height:41px; margin-top:0px; clear:both;}
#footer_labels {background: url("images/labels_r6_c1.jpg") no-repeat left; height:41px; margin-top:0px; clear:both;}
#footer_digital {background: url("images/digital_r6_c1.jpg") no-repeat left; height:41px; margin-top:0px; clear:both;}
#footer_contact {background: url("images/contact_r6_c1.jpg") no-repeat left; height:41px; margin-top:0px; clear:both;}

.left_footer { float:left; padding:0px 0 0 60px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;}
.left_footer a { color:#FFFFFF;}
.left_footer a:hover { text-decoration:none;}
.right_footer { float:right;  padding:0px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
.right_footer a { color:#FFFFFF;}
.right_footer a:hover { text-decoration:none;}
 .smallfooter  {
 	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	color: #FFF; 
	margin-left:0px;
	padding-top: 10px;
	padding-left: 60px;

  }  

/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/


ul { margin: 0 0 0px 0; padding : 0; list-style : none; }
li { 	margin: 0 0 2px 0; padding: 0 0 0 0px;	color: #555; }


p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #a90000; background: inherit; text-decoration:none; }
a:hover { color:#FC7901; background: inherit; text-decoration:none; }

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 { 
	background: url("images/h.gif") no-repeat left;
	color:#000;
	font-size:140%; 
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
	padding:0 0 0 15px; 
}

h2 a { background: #FFF; color: #000; }
h2 a:hover { background: #FFF; color: #A90000; }

fieldset {	border: 1px solid #A90000; }
textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #A90000; 
	background: #FFF; 
	color: #354D5F;
}

textarea.text:hover { 
	border: 1px solid #A70000; 
	background: #FFFFF4; 
	color: #000;
}


.date { 
	color: #808080; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #eee;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}
.middlebox {
width:1000px;
padding-top: 0px;
position:relative;
height:300px;
}

.left {
position:absolute;
left:47px;
top: 0px;
width:249px;
height:159px;
}
.middle {
position:absolute;
left:296px;
top: 0px;
width:279px;
height:136px;

}
.right {
position:absolute;
left:575px;
top: 0px;
width:425px;
height:136px;
background: #000000;

}
.bottom {
position:absolute;
left:296px;
top: 136px;
width:704px;
height:23px;
}

.leftbox {width: 300px;float: left;margin:0.5em 0.5em 1em 0;color:#134898;height:60px;}

.rightbox {width: 300px;float: right;height:10em;margin:0.5em 0.5em 1em 0;color:#134898;}



#bottombox {
  margin: 20px;
	width: 300px;
	float: right;
height:51px;
background: #000000;

}

/* form elements */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 360px;
  max-width: 360px;
  width: 360px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
