/*--------normalize styles for all browsers------ */
      /* Normalizes margin, padding */
      body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img
      { margin : 0; padding : 0; }


      /* Normalizes font-size for headers */
      h1,h2,h3,h4,h5,h6 { font-size : 100%; }

      /* Removes list-style from lists */
      ol,ul { list-style : none; }


      /* Normalizes font-style and font-weight to normal */
      address, caption, cite, code, dfn, em, strong, th, var
      { font-style : normal; font-weight : normal; }


      /* Removes list-style from lists */
      table { border-collapse : collapse; border-spacing : 0; }


      /* Removes border from fieldset and img */
      fieldset,img { border : 0; }


      /* Left-aligns text in caption and th */
      caption,th { text-align : left; }


      /* Removes quotation marks from q */
      q:before, q:after { ` :''; }

/*---------standard styles------------*/
.blue_bold	
{
	font-weight:bold;
	color:#000080;;/*RH-color-headers*/	
}

.italic{
	font-style:italic;
	/*font-weight:bold;*/
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ------default font styles and sizes for this web site------ */

      h1,h2,h3,h4,p,li{
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/*RH-font-family1*/
/*      font-family: Helvetica, Arial, sans-serif;/*RH-font-family1*/      */
      }

      h1{font-size: 18px;}
      h2{font-size: 16px;}
      h3{font-size: 14px;}
      h4{font-size: 12px;}
      p{font-size: 12px;}

      h1,h2,h3,h4{
      color:#000000;/*RH-color-headers*/
      }
	  a, a:link, a:visited{	
		color:#000000;/*RH-color-links*/
      }
      a:hover, a:active{
      	color: #000000;
      }
      
/*Misc Styles */
#CaptionBox .bold{
color: #000000;
}
#CaptionBox .italic{
color: #000000;
}
/*--------body--------*/
body  {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/*RH-font-family1*/
	/*background-color:#666666;/*RH-background-color-body*/
	background:#000000; 			
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*background-image:url(../images/bg.gif); */
	font-size:12px;	
}

/*---------------wrapper--------------*/
#outer_wrapper{
padding:10px 0;
}

#wrapper { 
	width: 801px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#ffffff;/*RH-background-wrapper*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	border: none;
	text-align: center; 
/*	border-right: 1px #000000 solid;		*/
/*	background:#ffffff url(../images/body_bg.jpg) repeat-y; 			*/
	background:#ffffff url(../images/body_bg.jpg) repeat-y; 
	position:relative;			
} 
#inner_frame {
	margin: 0 auto;
	text-align:left;
}

/*-------------navbar-----------------*/
#navbar ul{
	width:700px;
	/*height:30px;*/ 
	margin:0;
	padding:0 0 0 10px;
	background-image:url(../images/menu_bg.jpg); 	
	background-color:#ffffff;
	/*font-family: Helvetica, Helvetica, sans-serif;*/
	font-size:14px;
	list-style-type:none;
	float:left;
	text-align:center;
	height:26px;
}
#navbar ul ul{
	width:100%;
	background-image:none;
	padding-bottom:10px;
}

#navbar li {
	margin:3px 0;
	height:23px;
	padding:0;
	float:left;
	/*width:100px; */
	border-right: 1px #908282 solid;		
}

#navbar li li{
float:none;
width:auto;
background:#f6d180;
margin:0 0 0 -10px;
padding:0;
width:135px;
border-left: 1px #908282 solid;		
border-bottom: 1px #908282 solid;		
border-right: 1px #908282 solid;		

}

#navbar li li a{
	zoom: 1;
	text-align:left;
}

#navbar a.first {
	border-left: 1px #908282 solid;		
	margin-left:20px;
}

#navbar a {		
/*	float:left; */
	text-decoration: none;
	padding:0;
	color:#000000;/*RH-color-navbar*/
	font-weight:normal;/*RH-font-weight-navbar*/
	padding:2px 18px 0 18px;
	margin:0;
	line-height:20px; 
	text-align:center;
	display:block;
	font-size:12px;
/*	width:100px; */
	}
#navbar ul ul a{
	padding:2px 0px 0 18px;	
	}	

#navbar li a:link,#navbar li a:visited  {
	color:#000000;/*RH-color-navbar*/
}

#navbar li a:link,#navbar li a:visited  {
	color:#000000;/*RH-color-navbar*/
}

#navbar li a:hover,#navbar li a:active {
/*	color:#ffffff;/*white*/
/*	background-color:#336a40 /*dark green*/
	color:red;
/*	background-color:#3dc261; 
	background-image:url(../images/menu_bg2.jpg); 
	background-position: 0 -4px; */
	
}

/*------you are here--------*/
#navbar li.active a{
/*color:#000000; /*black*/
/*background-color:#f7d73d; /*yellow*/
	background-color:#3dc261; 
	background-image:url(../images/menu_bg2.jpg); 
	background-position: 0 -4px;
		
*/
}


/*------------banner--------------*/
#banner{
	height:148px;
	width:801px;
	background:#ffffff;
	background:#ffffff url(../images/body_bg.jpg) repeat-y; 			
	padding:0px;
}
#banner h1{
	color:#20a091;
	font-size:14px;
	margin:10px 0 0 0;
	padding:0;

}
#banner img{
	display:block;
}

.blueline{
	margin:10px auto 5px;
	border-top: 3px #0da096 solid;
	width:735px;
}

#left{
	float:left;
	width:360px;
	padding-left:20px;
	text-align:left;
	color: #635c5c;
}

#left h1{
	font-size:18px;
	}

#left p{
	font-size:14px;
	padding-top:5px;
}

#CaptionBox{
	font-size:14px;
}


#right{
	float:right;
	width:256px;
	text-align:left;
}
#right ul{
	margin:0px 5px 20px;
}
#right li{
	color: #389292;
	font-size:18px;
	background-image:url(../images/gray_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;	
	padding:0 0 0 15px;
	margin:5px 0 0 0;
	/*line-height:15px;*/
	}
#right li a{
	color: #389292;
	text-decoration:none;
	}
#right li a:hover,#navbar li a:active {
	color: red;
	text-decoration:underline;
	}
#right h3{
	font-size:18px;
	padding:0 0 5px 0;
	margin:0;
}
#right h3.tip {
	text-align:center;
	background:#cccccc url(../images/tip_top_bg.jpg) repeat-y; 	
	margin:0;
	padding:0;	
	line-height:44px;
	width:250px;
	color:#ffffff;
	font-size:18px;
}
p.tip {
	text-align:left;
	background:#cccccc url(../images/tip_bg.jpg) repeat-y; 	
	margin:0;
	padding:10px;
	width:230px;
}
#tip_bottom {
	background:#cccccc url(../images/tip_bottom_bg.jpg) repeat-y; 	
	margin:0;
	padding:0;
	width:250px;
	line-height:10px;	
}

/*--------footer------------*/
#footer{
display:inline-block;
/*	border: 1px red solid;		*/
text-align:center;
font-size:11px;
color:#666666;
}
#bottom_footer p a{
	color:#ccc;
}


.inner_frame {
	margin: 0 50px;
}

#CaptionBox{
	border-bottom: 3px #0da096 solid;
	padding:10px 0;
	margin:0 0 10px 0;
}
#content {
text-align:left;
}
.one_column #content{
margin:0 20px;
}

.one_column #content p{
font-size:14px;
margin:10px 0;
padding:0;
}

.one_column #content h2{
margin:0 0 10px 0;
padding:0;
}
#content strong{
font-weight:bold;
}

.bold{
	color: #000000;
	font-weight:bold;
}
.item_bg{
	background-color: #cc9900;
	color:#000000;
}
.qty_bg{
	background-color: #009999; 
	color:#ffffff;
}

th, td{
	text-align:center;
}
.item_data{
	text-align:left;
	padding-left:10px;
}

.one_column #EmailForm p{
padding:0;
margin:5px 0 10px 0;
}

.one_column #EmailForm h1{
padding:0;
margin:5px 0 15px 0;
}

body.in_progress #footer{
padding-top: 500px;
}

body.one_column #footer{
padding-top: 100px; 
}

#content img{
float:left;
margin-right:10px;
border:1px #000000 solid;
}
#content img.no_float{
	float:none;
	}
	
#footer_bg{
width:801px;
height:36px;
}
#content ul{
padding:0 0 0 20px;
margin:0;
}
#content li{
font-size:14px;
	background-image:url(../images/blue_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;	
	padding:0 0 0 15px;
	margin:10px 0 0 0;

}
ul.directmail li{
	font-size:14px;
	background-image:url(../images/red_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;	
	padding:0 0 0 15px;
	margin:10px 0 0 5px;

}
.directmail #left h3{
	color:#000000;
	font-size:18px;
	margin:0;
	padding:30px 0 0 0;
}

.directmail #right img{
	margin:20px 0 0 0;
}
.directmail #right h3{
	color:#000000;
}
.directmail #right{
	color:#000000;
	font-size:14px;
}
#left h2{
color:#199b8f;
}
.one_column h2{
	color: #199b8f;
}
#main_pic{
	height:228px;
}
.one_column #portfolio{
margin:0 20px;
}

.one_column #portfolio p{
font-size:14px;
margin:10px 0;
padding:0;
text-align:left;
}
.one_column #portfolio ul.thumbs li p{
	margin:0 0 20px 0;
	padding:0;
	color:#000080;
}
.thumbscontainer{
	padding-top:20px;
	width:660px;
	text-align:center;
}
.pagenumbers{
	clear:both;
}
#portfolio ul{
text-align:left;
margin-left:20px;
}
#portfolio li{
	color: #389292;
	font-size:18px;
	background-image:url(../images/gray_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;	
	padding:0 0 0 15px;
	margin:10px 0 0 0;
	line-height:15px;
	}
#portfolio li a{
	color: #389292;
	text-decoration:none;
	}
#portfolio li a:hover,#navbar li a:active {
	color: red;
	text-decoration:underline;
	}
#portfolio form
{
	clear:both;
}
#portfolio ul.thumbs li{
	background-image:none;
	padding:0;
	margin:10px 0 0 0;
	}
#content img.graphic_design1{
	border:none;
	float:left;
	padding:0;
	margin:0;
}
#content img.graphic_design2{
	border:none;
	float:right;
	padding:0;
	margin:0;
}
#graphic_design{
	padding-top:10px;
}
table.direct_mail tr{
	line-height:16px;
}
.testimonials{
	padding:20px 0;
	font-size:14px;
	text-align:center;
	color:#199B8F;
}
.testimonials a{
	color:#199B8F;
}
.testimonials a:hover{
	color:red;
}
#content strong{
font-weight:bold;
}
#portfolio h2{
	text-align:left;
}

.directmail #right p{
	color:#333333;		
}
div.errors{
color: red;
}

.action {
color:#000;
}
