/*CSS Document for www.keymanengravables.com.com web site*/

/*Body*/
/*-----------------------------------------------------------*/
* {
border:0px;
}

body {
    background-color:#1A7761;
    background-repeat: repeat-x;
	font-family: Arial, "Lucida Sans", Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px auto;
	padding: 0px;
}

.img_frame img {
	border: 1px solid #d1d1d1;
}
.img_frame:hover img {
	border: 1px solid  #16745f;
}
.img_frame:hover {
	color:  #3ba89c;
}

.inputgeneral {
	font-size: 12px;
	color: #666666;
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
}
a {
text-decoration:none;
color: #333; 
}
a:visited {
color: #333;
}
a:hover {
color: #16745F;

}
/*Wrapper*/
/*-----------------------------------------------------------*/
#wrapper {
width:1024px;
height:auto;
margin:0 auto;
background:url('../images/background.gif') top center repeat-y;
}

/*Main*/
/*-----------------------------------------------------------*/
#main {
width:948px;
margin-left:39px;
padding-bottom:20px;
background:url('../images/mainback.gif') bottom left repeat-x;
}

/*Left*/
/*-----------------------------------------------------------*/
#left {
width:220px;
background-color:#004C43;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
color:#FFFFFF;
float:left;
}
html>body #left {
margin-left:0px;
}
#left a {
color:#FFFFFF;
}
#left a:hover {
color:#4E897F;
}

#logo {
width:220px;
height:94px;
background:url('../images/logo.gif') top center no-repeat;
}
#logo h1 span {
font-size:0px;
visibility:hidden;
}

input.search_L {
	background-color:#FFFFFF;
	color:#000000;
	height:20px;
	margin:0px;
	padding:0px;
	width: 150px;
}

#left_nav {
    margin:0px;
    padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
    }
#left_nav ul {
    padding:0px;
    margin:0 0 0 40px;
    }
    #left_nav ul  li {
	list-style-image:url(../images/dot.gif);
	margin:0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
p.title {
	width:214px;
	height:32px;
	margin:2px 3px;
	padding-top:11px;
	text-align:center;
	background:url(../images/barX.gif) no-repeat center center;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
}
p.title a:visited {
color: #fff; }
p.title a:hover {
color: #ddd; }
#promoImg {
margin-left:2px;
padding-top:0px;
}

/*Right*/
/*-----------------------------------------------------------*/
#right {
width:700px;
margin-left:240px;
}
html>body #right {
width:706px;
margin-left:240px;
}

#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 27px;
}
#topnav a {
color:#000000;
}
#topnav a:hover {
color:#4E897F;
}

#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 40px;
	padding: 0px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
    width:630px;
    list-style-type:none;
}
#navigation ul li {
    float:left;
	margin: 0px;
	padding: 4px 0px; 
    }
#navigation ul li a:link {
	color:#004c43;
	padding: 4px 15px;
	height: 24px;
	margin: 0px;
    }
	
#navigation ul li a:link2 {
	color:#004c43;
	text-decoration:underline;
	padding: 4px 15px;
	height: 24px;
	margin: 0px;
    }
#navigation ul li a:visited {
	color:#004c43;
	padding: 4px 15px;
	height: 24px;
	margin: 0px;
    }
#navigation ul li a:hover {
    color:#4E897F;
	padding: 4px 15px;
	height: 24px;
	margin: 0px;
    background-image:url(../images/menu_bg.gif);
    background-repeat:repeat-x;
    }

#banner {
width:700px;
padding-bottom:10px;
}
#banner img {
margin-left:20px;
}

#content {
width:671px;
}
#content table {
width:671px;
margin-left:0px;
padding-top:0px;
}
#content table a {
color:#000000;
}
#content a:hover {
color:#4E897F;
}
td.alight_center {
text-align:center;
}
td.alight_center img {
border:1px solid #004C43;
}
td.align_right {
text-align:right;
padding-right:10px;
}

/*Footer*/
/*-----------------------------------------------------------*/
.bottom {
	color: #ffffff;
	font-size: 11px;
	}
	.bottom A:link{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	}
	.bottom A:visited{
	color:#ffffff; font-size:11px; text-decoration:none;
	}
	.bottom A:hover{
	color:#59b3ad; font-size:11px; text-decoration:none;
	}
/*-----------------------------------------------------------*/

.title01 {
	font-family: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #237f60;
	margin: 4px 4px 4px 0px;
	padding: 0px;
}
.title02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #09869F;
	margin: 4px 21px 0px;
	padding: 6px;
	background-color: #D8EFE1;
	display: block;
}
.title03 {
	font-family: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 4px;
}
.title04 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #007566;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.yellow {
	color: #ffff65;
	font-weight: bold;
}
a.yellow:link  {
	text-decoration: none;
	color: #ffff65;
}
a.yellow:visited  {
	text-decoration: none;
	color: #ffff65;
}
a.yellow:hover  {
	text-decoration: none;
	color: #ffde00;
}
a.top:link {
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px;
	padding: 0px 5px 0px 10px;
}
a.top:visited {
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px;
	padding: 0px 5px 0px 10px;}
a.top:hover {
	font-size: 9px;
	color: #ffe400;
	text-decoration: underline;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px;
	padding: 0px 5px 0px 10px;
}

h2 {
	font-family: "Century Gothic",Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	margin: 8px 0px;
	padding: 0px;
}
h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #09869F;
	font-weight: normal;
	margin: 5px 0px;
	padding: 0px;
}
table.content {
	border-top: 1px solid #73C8D6;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
table.content th{
	border-bottom: 1px solid #73C8D6;
	background-color: #D0EDF2;
}
table.content td{
	border-bottom: 1px solid #73C8D6;
}
table.content td.color{
	background-color: #ECF8FA;
}
table.style {
	border-top:  1px solid #C6E3D3;
	margin-bottom: 5px;
	border-collapse: collapse;
}
table.style th{
	text-align: left;
	font-size: 11px;
	background-color: #D8EFE1;
	border-bottom:  1px solid #C6E3D3;
}  
table.style td{
	border-bottom:  1px dotted #C6E3D3;
	padding-left: 8px;
} 
table.style td.color{
	background-color: #D8EFE1;
} 
table.style_tip {
	margin-bottom: 5px;
	border-collapse: collapse;
}
table.style_tip th{
	color: #158DA5;
	text-align: left;
	font-size: 11px;
	background-color: #E6F6F8;
	border:  1px solid #b7e3e9;
}  
table.style_tip td{
	border-bottom:  1px dotted #b7e3e9;
	padding-left: 8px;
} 
table.signin th{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	text-align: left;
	background-color: #E6F5F0;
	border: 1px solid #D8EFE1;
	color: #16745F;
} 
.sales {
	color: #bf200b;
	font-weight:bold;
}
.number {
	color: #FFFFFF;
	background-color: #7acbd7;
	padding: 2px 5px;
	font-weight: bold;
}
.page {
	color: #999999;
	font-weight: bold;
	border: 1px solid #296b43;
	margin: 0px;
	padding: 1px 4px;
}
a.page:link  {
	text-decoration: none;
	color: #666666;
	background-color: #FFFFFF;
}
a.page:visited  {
	text-decoration: none;
	color: #666;
	background-color: #FFFFFF;
}
a.page:hover  {
	text-decoration: none;
	color: #fff;
	background-color: #77b991;
}
table.design1 th{
	margin: 0px;
	color: #329FB3;
	background-color: #E6F6F8;
	padding: 6px 0px;
	text-align: center;
}
table.imagehead th{
	border: 1px solid #b9e6ed;
	background-color: #ffffff;
	text-align: center;
}
table.imagehead td{
	border: none;
	background-color: #ffffff;
}
table.design4 {
	border-top:  1px solid #b7e3e9;
	margin-bottom: 5px;
	border-collapse: collapse;
}
table.design4 th{
	font-size: 11px;
	background-color: #E6F6F8;
	border-bottom:  1px solid #b7e3e9;
} 
table.design4 td{
	border-bottom:  1px dotted #b7e3e9;
	padding-left: 8px;
} 
table.design4 td.color{
	background-color: #E6F6F8;
} 
table.design6 th{
	font-size: 11px;
	background-color: #73C8D6;
	border-bottom:  1px dotted #b7e3e9;
	color: #FFFFFF;
	text-align: left;
} 
table.design6 td{
	border-bottom:  1px dotted #73C8D6;
	padding-left: 8px;
} 
#dhtmltooltip{
	position: absolute;
	width: 150px;
	padding: 10px;
	border: 1px solid #5fbac8;
	background-color:#ffffff;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.txt {
	color:#000000;
	padding-left: 0px;
	font-size:12px;
}	.txt A:link{
	color:#3ba89c;
	font-size:12px;
	text-decoration:none;
	}
	.txt A:visited{
	color:#8a9392; font-size:12px; text-decoration:none;
	}
	.txt A:hover{
	color:#59b3ad; font-size:12px; text-decoration:none;
	}
a.button {
	font-size: 10px;
	margin: 1px 10px 2px 1px;
	padding: 2px 5px;
	border: 1px solid #164b12;
	}
	a.button:link {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(../images/button_bg01.gif);
	background-repeat: repeat-x;
	} 
	a.button:visited {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(../images/button_bg01.gif);
	background-repeat: repeat-x;
	}
	a.button:hover {
	color: #164b12;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(../images/button_bg02.gif);
	background-repeat: repeat-x;
		}

h1 {
font-family: Arial, Verdana, Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #007566;
}