/*----------------------------------------------------------------------------- 
PunchMaster Stylesheet 

version:   1.0 
date:      12/18/08 
author:    Davis Designs
email:     info@punchmastertools.com
website:   www.punchmastertools.com  
-----------------------------------------------------------------------------*/


/* Remove padding, margin, outlines, borders, Default Font Sizes etc. */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: small;
}

/* Clearing floated elements  */

.clear	{ 
    clear: both; 
	height: 1px;
} 

.right	{ 
    float: right; 
} 

.left 
    { 
    float: left; 
}


body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-image:url(../images/top-fade.jpg);
	background-repeat: repeat-x;
	background-color: #27393b;
}


#container {
	width: 976px;
	min-width: 976px;
	height: 400px;
	min-height: 100%;
	margin: 0 auto;
}


p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}



/* main navigation */

#main-nav	{
	height: 45px;
}

#main-nav ul	{
	padding: 19px 22px 0 0;
	text-align: right;
}

#main-nav li	{
	display: inline;
	margin-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
	list-style: none;
}

#main-nav li a:link, #main-nav li a:visited	{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#main-nav li a:hover	{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}




/* main content area */
#main	{
	margin-top: 62px;
}

#main #header, #main #header img	{
	height: 202px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;		
}

#main #content	{ 
	background-color: #FFFFFF;
	padding: 10px 4px;
	margin: 0 0 7px 0;
}

#main #content #tools img	{
	float: left;
	margin: 0;
}

#main #content #tools p	{
	padding: 12px 0 0 7px;
	font-size: 88%;
}

#main #content #toolsintro	{
	margin-top: 25px;
	padding: 0 22px;
}


/* --- Rhino Tuff Main page styles - turn off when not showing this tool ----- */

#main #content #toolsintro img	{
	margin: 0;
}

#main #content #toolsintro p.caption	{
	font-size: 78%;
	text-align: right;
	margin: 0 55px 10px 0;
}

#main #content #toolsintro p	{
	font-size: 105%;
	line-height: 18px;
	margin: 12px 35px 8px 10px;
}


/* --- Rhino Tuff Main page styles end ----- */



/* --- AP360 Main page styles - turn off when not showing this tool -----

#main #content #toolsintro img	{
	float: left;
	margin: 10px 15px 0 0 ;
}

#main #content #toolsintro p.caption	{
	font-size: 78%;
	float: left;
	clear: left;
	line-height: 14px;
	width: 335px;
	margin: 0 0 10px 3px;
}

#main #content #toolsintro p	{
	font-size: 105%;
	line-height: 18px;
	margin: 12px 0 8px 360px;
}

end  */


/* events styles -----------------------*/
#events	{
	margin: 20px 22px 24px 22px;
	border: 1px solid #598491;
	background-color: #dfebef;
	padding: 18px 38px 22px 38px;
}

#events h1	{
	background-image: url(../images/event-title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 648px;
	height: 21px;
	margin: 0 0 9px 110px;
}

#events img	{
	float: left;
	margin-right: 15px; 
}

#events p	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* events end --------------------------*/

#main #content #toolsintro h1	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 145%;
	color: #d46200;
	padding-bottom: 8px;
}

#main #content #toolsintro p.highlight	{
	font-weight: bold;
}



/* About Us */

#main #about	{ 
	background-color: #FFFFFF;
	padding: 62px 72px 70px 77px;
	margin: 0 0 7px 0;
	background-image:url(../images/round-holes.gif);
	background-repeat: repeat-y; 
}

#main #about h1.about	{
	text-indent:-9999px;
	height: 20px;
	width: 245px;
	background-image: url(../images/about_title.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #about p	{
	width: 435px;
	margin-bottom: 8px;
}

#main #about img	{
	float: right;
}


/* Paper Punching Tools */

#main #punching-tools-title, #main #punching-tools-title img	{
	height: 177px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;		
}

#main #tools-content	{ 
	background-color: #FFFFFF;
	padding: 2px 5px;
	margin: 0 0 7px 0;
	background-image:url(../images/round-holes.gif);
	background-repeat: repeat-y; 
}

#main #tools-content #tools-info	{ 
	background-image:url(../images/sidebar_ext.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#main #tools-content #tools-info #tools-data	{
	margin: 0 230px 0 0;
	padding: 35px 0 25px 39px;
}

#main #tools-content #tools-info #tools-data h1.bielomatik	{
	text-indent:-9999px;
	height: 20px;
	width: 161px;
	background-image: url(../images/belomatik.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.kugler	{
	text-indent:-9999px;
	height: 20px;
	width: 212px;
	background-image: url(../images/kugler.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.sickinger	{
	text-indent:-9999px;
	height: 20px;
	width: 238px;
	background-image: url(../images/sickinger.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.lhermite	{
	text-indent:-9999px;
	height: 20px;
	width: 141px;
	background-image: url(../images/lhermite.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.alphadoc	{
	text-indent:-9999px;
	height: 20px;
	width: 168px;
	background-image: url(../images/alphadoc.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.punchmaster	{
	text-indent:-9999px;
	height: 20px;
	width: 212px;
	background-image: url(../images/punchmaster.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.rhino-tuff	{
	text-indent:-9999px;
	height: 20px;
	width: 157px;
	background-image: url(../images/rhino-tuff.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.rilecart442	{
	text-indent:-9999px;
	height: 20px;
	width: 182px;
	background-image: url(../images/rilecart442.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.rilecart555	{
	text-indent:-9999px;
	height: 20px;
	width: 184px;
	background-image: url(../images/rilecart555.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}


#main #tools-content #tools-info #tools-data h1.renz-super	{
	text-indent:-9999px;
	height: 20px;
	width: 270px;
	background-image: url(../images/renz-super-500-700.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #tools-content #tools-info #tools-data h1.renz-ap360	{
	text-indent:-9999px;
	height: 20px;
	width: 158px;
	background-image: url(../images/renz-ap360.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}


#main #tools-content #tools-info #tools-data #tool-images	{
	margin: 0 422px 0 0;

}

#main #tools-content #tools-info #tools-data #tool-images img	{
	margin-bottom: 10px;
}


#main #tools-content #tools-info #tools-data #tool-images p.caption	{
	font-size: 88%;
	line-height: 14px;
	width: 253px;
	margin: 0;
}

#main #tools-content #tools-info #tools-data #tool-images p.captionbld	{
	font-size: 88%;
	font-weight: bold;
	line-height: 14px;
	width: 253px;
	margin: 8px 0 0 0;
}


#main #tools-content #tools-info #tools-data #tool-desc	{
	float: right;
	width: 420px;
}

#main #tools-content #tools-info #tools-data #tool-desc p	{
	font-size: 96%;
	margin: 0 0 10px 0;
	line-height: 18px;
}


#main #tools-content #tools-info #tools-data #tool-desc h2.tool	{
	font-size: 105%;
	color: #d46200;
	margin: 0 0 10px 0;
}


#main #tools-content #tools-info #tools-data #tool-desc h2	{
	font-size: 105%;
	color: #d46200;
	margin: 15px 0 10px 0;
}

#main #tools-content #tools-info #tools-data #tool-desc #list	{
	margin: 0 0 15px 20px; 
}

#main #tools-content #tools-info #tools-data #tool-desc #list li	{
	font-size: 96%;
	margin: 0 0 7px 5px; 
	list-style: disc;
}


#main #tools-content #tools-info #tools-data #tool-desc ul	{
}

#main #tools-content #tools-info #tools-data #tool-desc li	{
	font-size: 96%;
	margin: 0 0 7px 20px; 
	list-style: disc;
}

#main #tools-content #tools-info #tools-data #tool-desc img.buttons	{
	margin: 5px 0 5px 0;
}





#main #tools-content #tools-info #tools-subnav	{
	float: right;
	width: 185px;
	margin-top: 32px;
}

#main #tools-content #tools-info #tools-subnav a.top:link, #main #tools-content #tools-info #tools-subnav a.top:visited	{
	font-size: 100%;
	display: block;
	color: #2b2b2b;
	padding: 8px 0 8px 25px;
	background-color: #d3d6d7;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

#main #tools-content #tools-info #tools-subnav a.top:hover	{
	font-size: 100%;
	display: block;
	color: #2b2b2b;
	padding: 8px 0 8px 25px;
	background-color: #bfc3c4;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

#main #tools-content #tools-info #tools-subnav a.topselected:link, #main #tools-content #tools-info #tools-subnav a.topselected:visited	{
	font-size: 100%;
	font-weight: bold;
	display: block;
	color: #d46200;
	padding: 8px 0 8px 25px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

#main #tools-content #tools-info #tools-subnav a.topselected:hover	{
	font-size: 100%;
	font-weight: bold;
	display: block;
	color: #d46200;
	padding: 8px 0 8px 25px;
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}




#main #tools-content #tools-info #tools-subnav a:link, #main #tools-content #tools-info #tools-subnav a:visited	{
	font-size: 100%;
	display: block;
	color: #2b2b2b;
	padding: 8px 0 8px 25px;
	background-color: #d3d6d7;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

#main #tools-content #tools-info #tools-subnav a:hover	{
	font-size: 100%;
	display: block;
	color: #2b2b2b;
	padding: 8px 0 8px 25px;
	background-color: #bfc3c4;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}


#main #tools-content #tools-info #tools-subnav a.selected:link, #main #tools-content #tools-info #tools-subnav a.selected:visited	{
	font-size: 100%;
	font-weight: bold;
	display: block;
	color: #d46200;
	padding: 8px 0 8px 25px;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

#main #tools-content #tools-info #tools-subnav a.selected:hover	{
	font-size: 100%;
	font-weight: bold;
	display: block;
	color: #d46200;
	padding: 8px 0 8px 25px;
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}


/* Paper Punching Patterns */

#main #punching-patterns-title, #main #punching-patterns-title img	{
	height: 177px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;		
}

#main #patterns-content	{ 
	background-color: #FFFFFF;
	padding: 35px 27px;
	margin: 0 0 7px 0; 
}

#main #patterns-content h1.oval	{
	text-indent:-9999px;
	height: 20px;
	width: 530px;
	background-image: url(../images/oval-patterns.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #patterns-content h1.square	{
	text-indent:-9999px;
	height: 20px;
	width: 551px;
	background-image: url(../images/square-rectangular-patterns.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#main #patterns-content h1.round	{
	text-indent:-9999px;
	height: 20px;
	width: 377px;
	background-image: url(../images/round-patterns.gif);
	background-repeat: no-repeat;
	margin-bottom: 25px;
}


#main #patterns-content img	{ 
	margin-bottom: 45px;
}

#main #patterns-content a img.button	{
	float: right;
}

#main #patterns-content ul	{ 
	background-color: #d3d6d7;
	padding: 6px 0;
	margin-bottom: 25px;
}

#main #patterns-content li	{
	display: inline;
	font: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	list-style: none;	
}

#main #patterns-content li.selected	{
	background-color: #ffffff;
	border: 1px solid #d3d6d7;
	color: #d46200;
	display: inline;
	font: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 97%;
	font-weight: bold; 
	list-style: none;
	padding: 5px 18px;	
}

#main #patterns-content li.selectedint	{
	background-color: #ffffff;
	border-top: 1px solid #d3d6d7;
	border-bottom: 1px solid #d3d6d7;
	color: #d46200;
	display: inline;
	font: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 97%;
	font-weight: bold; 
	list-style: none;
	padding: 5px 18px;	
}

#main #patterns-content li a:link, #main #patterns-content li a:visited	{
	background-color: #d3d6d7;
	border-right: 1px solid white;
	padding: 6px 18px;
	color: #333333;
	font-size: 97%;
	text-decoration: none;
}

#main #patterns-content li a:hover	{
	background-color: #bfc3c4;
	border-right: 1px solid white;
	padding: 6px 18px;
	color: #333333;
	font-size: 97%;
	text-decoration: none;
}


/* Tool Care */

#main #tool-care	{ 
	background-color: #FFFFFF;
	padding: 30px 50px 40px 65px;
	margin: 0 0 7px 0;
	background-image:url(../images/round-holes.gif);
	background-repeat: repeat-y; 
}

#main #tool-care h1.tips	{
	text-indent:-9999px;
	height: 20px;
	width: 257px;
	background-image: url(../images/tool-care-tips.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#main #tool-care h2	{
	color: #d46200;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 0 8px 0;
}

#main #tool-care h3	{
	font-weight: bold;
	padding: 8px 0 5px 0;
}

#main #tool-care p	{
	padding-bottom: 8px;
	width: 747px;
}

#main #tool-care ol	{
	margin-left: 25px;
	width: 747px;
}

#main #tool-care li	{
	padding: 0 0 6px 0;
	margin-left: 12px;
	width: 747px;
}




/* Contact Us */

#main #contact	{ 
	background-color: #FFFFFF;
	padding: 37px 50px 40px 65px;
	margin: 0 0 7px 0;
	background-image:url(../images/round-holes.gif);
	background-repeat: repeat-y; 
}

#main #contact h1.tools	{
	text-indent:-9999px;
	height: 20px;
	width: 340px;
	background-image: url(../images/punchmaster-tools.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#main #contact address	{
	font-style: normal;
	margin-bottom: 8px;
}

#main #contact p.phone	{
	font-size: 96%;
	margin: 0 0 15px 0;
	line-height: 18px;
}

#main #contact h1.contact	{
	text-indent:-9999px;
	height: 20px;
	width: 258px;
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
}

form.contact p.contact	{
	font-size: 11px;
	width: 635px;
	line-height: 16px;
	padding: 0 0 4px 0;
}

form.contact p	{
	padding: 15px 0 4px 0;
	line-height: 180%;
}

form.contact fieldset	{
	background-color: #e4e6e7;
	padding: 20px 10px 25px 25px;
}

form.contact legend	{

}

form.contact label.fixedwidth	{
	display: block;
	width: 180px;
	float: left;
	padding: 0;
}


form.contact .buttonarea	{ 
	padding: 3px 0 5px 180px;
}

form.contact .buttonarea input	{ 
	background: #d46200;
	color: white;
	font-weight: bold;
	padding: 0 17px;
	border: 1px solid white;
}

#main #send	{ 
	background-color: #FFFFFF;
	padding: 37px 50px 40px 65px;
	margin: 0 0 7px 0;
	background-image:url(../images/round-holes.gif);
	background-repeat: repeat-y; 
}

#main #send h1.thank-you	{
	text-indent:-9999px;
	height: 20px;
	width: 129px;
	background-image: url(../images/thank-you.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#main #send p	{
	padding-bottom: 10px;
}




/* footer */

#footer	{ 
	height: 120px;
	background-image: url(../images/footer-grad.jpg);
	background-repeat: repeat-y;
	background-color: #9daeb0;
	margin-bottom: 30px;
	padding: 28px 30px 0 30px;
	border: 1px solid #a9b0b1;
}

#footer #base	{
	margin: 0 295px 0 0;
}

#footer #base img	{
	margin-bottom: 8px;
}

#footer #base p	{
	margin-bottom: 24px;
}

#footer p.cr	{
	font-size: 72%;
	color: #4a5153;
	margin-top: 18px;
}

#footer ul	{
	font-size: 91%;
	color: #4a5153;
}

#footer ul li	{
	font-size: 91%;
	display: inline;
	list-style: none;
}

#footer ul li a:link, #footer ul li a:visited	{
	color: #4a5153;
	font-size: 100%;
	text-decoration: none;
}

#footer ul li a:hover	{
	color: #ffffff;
	font-size: 100%;
	text-decoration: underline;
}


#footer #contact	{
	float: right;
	width: 290px;
}

#footer #contact p	{
	color: #e3e3fa;
	line-height: 18px;
	margin-bottom: 12px;
	text-align: right;
}

#footer #contact p a:link, #footer #contact p a:visited	{
	color: #e3e3fa;
	text-decoration: underline;	
}

#footer #contact p a:hover	{
	color: #ffffff;
	text-decoration: underline;
	
}