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

*
{
margin: 0;
padding: 0;
}

body
{
width: 100%;
margin: 0;
padding: 0;
font-family: garamond, "open_sansregular", arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: medium;
color: black;
background: #fafbfc;
}

/* Common Elements */

a
	{
	outline: none;
	}

a:link, a:visited, a:active, a:hover, a:focus
	{
	color: inherit;
	text-decoration: underline;
	}

a.normal-link:link, a.normal-link:visited, a.normal-link:active
	{
	color: inherit;
	text-decoration: underline;
	}

a.normal-link:hover, a.normal-link:focus
	{
	color: inherit;
	text-decoration: none;
	}

a.inherit:link, a.inherit:visited, a.inherit:active
	{
	color: inherit;
	text-decoration: none;
	}

a.inherit:hover, a.inherit:focus
	{
	color: inherit;
	text-decoration: none;
	}

a.call-link:link, a.call-link:visited, a.call-link:active, a.call-link:hover, a.call-link:focus
	{
	color: inherit;
	color: #004aad;
	text-decoration: none;
	cursor: text;
	}

img
	{
	width: 100%;
	max-width: 100%; /* Internet Explorer Fix */
	}

img.pre-load
	{
	display: none;
	}

img.no-border
	{
	border: 0;
	}

ul
	{
	list-style: none;
	}

br.clear-all
	{
	clear: both;
	}

br.clear-all-tablet
	{
	display: none;
	}

.new-hr
	{
	width: 100%;
	height: 1px;
	float: left;
	margin: 0;
	padding: 0;
	background: #dddddd;
	}

span.tap
	{
	display: none;
	}

/* End Common Elements */

/* Pre-Header */

#pre-header
	{
	width: 100%;
	background: #004aad;
	border-bottom: solid #cccccc 1px;
	}

#logo-holder
		{
		width: 1000px;
		margin: 0 auto;
		text-align: center;
		}

img#main-logo
			{
			width: 320px;
			text-align: center;
			margin: 16px auto 0 auto;
			border: 0;
			}
			
img#main-logo-large
			{
			display: none;
			}
			
#header-tag
			{
			width: 440px;
			float: right;
			margin: 36px 28px 2px 0; 
			}

p#header-tagline
				{
				margin: 2% 0 0 0;
				padding: 0;
				font-family: garamond, 'open_sansitalic';
				font-style: italic;
				font-size: 18px;
				line-height: 22px;
				text-align: center;
				color: #ffff33;
				}
				
/* End Pre-Header */

/* Header */

#header
	{
	width: 100%;
	border-bottom: 1px solid #f6f6f6;
	background: #dddddd;
	}

#header-center
		{
		width: 960px;
		margin: 0 auto;
		text-align: center;
		}
				
/* Main Navigation */

#menu-info-holder, ul#header-list-tab, .toggleMenu:link, .toggleMenu:visited, .toggleMenu:active, .toggleMenu:hover, .toggleMenu:focus, ul#phone-only-list
			{
			display: none;
			}

ul.nav
			{
			clear: both;
			width: 46%;
			text-align: center;
			margin: 1% auto;
			list-style: none;
			font-family: garamond, 'open_sansbold';
			font-weight: normal;
			font-style: normal;
			font-size: 14px;
			text-transform: uppercase;
			line-height: auto;
			}

ul.nav li
				{
				position: relative;
				color: #ffffff;
				}

ul.nav li:hover, ul.nav li:focus
				{
				color: #c8d8f9;
				background: #004aad;
				}

ul.nav > li
				{
				float: left;
				margin: 0;
				}

ul.nav > li > a
					{
					display: block;
					}

a.m-n:link, a.m-n:visited, a.m-n:active
					{
					display: block;
					padding: 10px 24px;
					color: inherit;
					text-decoration: none;
					}

a.m-n:hover, a.m-n:focus
					{
					color: #c8d8f9;
					}

a.m-n-act:link, a.m-n-act:visited, a.m-n-act:active, a.m-n-act:hover, a.m-n-act:focus
					{
					display: block;
					padding: 10px 20px;
					color: #000000;
					text-decoration: none;
					background: #004aad;
					}

ul.nav ul
					{
					list-style: none;
					text-align: left;
					}

ul.nav li ul
					{
					position: absolute;
					left: -9999px;
					z-index: 10000;
					white-space: nowrap;
					}

ul.nav > li.hover > ul
					{
					min-width: 100%;
					left: -1px;
					border-left: 1px solid #d7d7d7;
					border-right: 1px solid #d7d7d7;
					border-bottom: 1px solid #d7d7d7;
					padding: 0 0 6px 0;
					box-shadow: 0 8px 6px -6px black;
					-moz-box-shadow: 0 8px 6px -6px black;
					-webkit-box-shadow: 0 8px 6px -6px black;
					}

ul.nav li li.hover ul
					{
					left: 100%;
					top: 0;
					}

ul.nav li ul li, ul.nav li ul li:hover, ul.nav li ul li:focus
						{
						border: 0;
						}

/* End Main Navigation */

/* End Header */

#wrapper
	{
	width: 960px;
	margin: 0 auto;
	padding: 2% 0;
	text-align: center;
	background: #ffffff;
	}

/* Content */

img.toppic
		{
		margin: 1px auto;
		text-align: center;
		padding: 2px;
		}
		
#slider-center
	{
	width: 96%;
	margin: 2px auto;
	text-align: center;
	}

#slider-holder
		{
		width: 96%;
		margin: 2px auto;
		padding: 12px;
		float: left;
		background: white;
		}
		

#content
		{
		width: 92%;
		float: left;
		padding: 0 4%;
		text-align: left;
		}

p.bread-crumbs
			{
			margin: 4px 0 22px 2px;
			font-size: 70%;
			line-height: 190%;
			text-transform: uppercase;
			}

h1
			{
			margin: 0 0 8px 0;
			padding: 0 0 2px 0;
			font-family: garamond, 'open_sanssemibold';
			font-weight: normal;
			font-style: normal;
			font-size: 150%;
			text-transform: uppercase;
			color: #004aad;
			}

img.main-wide
			{
			width: 354px;
			float: right;
			clear: right;
			margin: 5px 0 20px 20px;
			border: 4px solid #d8d8d8;
			box-shadow: 0 8px 6px -6px black;
			-moz-box-shadow: 0 8px 6px -6px black;
			-webkit-box-shadow: 0 8px 6px -6px black;
			}

h2
			{
			clear: left;
			margin: 0 0 12px 0;
			padding: 4px 0 0 0;
			font-family: garamond, 'open_sansbold';
			font-weight: bold;
			font-style: normal;
			font-size: 130%;
			line-height: 150%;
			text-transform: capitalize;
			color: #004aad;
			}	
	
p.contactcat
			{
			font-weight: bold;
			padding: 0;
			margin-bottom: 0;
			}
					
.full-divider
			{
			width: 94%;
			height: 1px;
			float: left;
			margin: 10px 0 10px 0;
			background: #dddddd;
			}
			
.virtual_hr_top
					{
					width: 94%;
					height: 1px;
					float: left;
					margin: 0 0 4px 0;
					background: #dddddd;
					}
					
.virtual_hr_bot
					{
					width: 94%;
					height: 1px;
					float: left;
					margin: 0 0 4px 0;
					background: #dddddd;
					}
					
/* Sub Content */

				
					
img.photos
					{
					width: 60%;
					text-align: center;
					margin: 1% auto 2% auto;
					border: none;
					}

img.photos-right
					{
					width: 28%;
					float: left;
					margin: 2% 0 3% 0;
					}
												
img.normal-right
				{
				width: 12%;
				float: right;
				margin: 1px 20px 1px 0;
				border: 1px solid #bbbbbb;
				}
				
.v-stripe
			{
			width: 100%;
			background: #f6f6f6;
			}

.sub-content
				{
				width: 55%;
				float: left;
				padding: 0 3% 0 0;
				background: white;
				}
				
.sub-content-wide
				{
				width: 96%;
				float: left;
				padding: 0 2% 0 0;
				background: white;
				}

h3
					{
					clear: left;
					margin: 0 0 10px 0;
					font-family: garamond, 'open_sanssemibold';
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					color: #cc3300;
					}

h4
					{
					margin: 0 0 20px 0;
					font-family: garamond, 'open_sansitalic';
					font-weight: normal;
					font-style: normal;
					font-size: 115%;
					line-height: 150%;
					color: #333333;
					}

p
					{
					clear: left;
					margin: 0 0 20px 0;
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					line-height: 155%;
					}

span.bolder
						{
						font-family: garamond, "open_sansbold", arial, sans-serif;
						font-weight: normal;
						font-style: normal;
						}

span.italic
						{
						font-family: garamond, "open_sansitalic", arial, sans-serif;
						font-weight: normal;
						font-style: normal;
						}

ul.normal-list
					{
					clear: left;
					margin: 0 30px 20px 40px;
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					line-height: 140%;
					list-style: disc;
					color: #000000;
					}

ul.normal-list li
						{
						margin: 0 0 6px 0;
						padding: 0;
						}
						
ol.normal-list
					{
					clear: left;
					margin: 0 30px 20px 40px;
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					line-height: 140%;
					color: #000000;
					}

ol.normal-list li
						{
						margin: 0 0 6px 0;
						padding: 0;
						}
						
.pp-box 			{
					float: left;
					width: 50%;
					margin: 4%;
}
						
/* End Sub Content */


/* Right Column */

.right-column, .right-column-sub
				{
				width: 41%;
				float: left;
				margin: 0;
				background: white;
				}

img.right-product
					{
					width: 354px;
					margin: 4px 0 6px 0;
					border: 4px solid #d8d8d8;
					box-shadow: 0 8px 6px -6px black;
					-moz-box-shadow: 0 8px 6px -6px black;
					-webkit-box-shadow: 0 8px 6px -6px black;
					}
					
img.main-wide-sub
					{
					width: 354px;
					margin: 5px 0 30px 0;
					border: 4px solid #d8d8d8;
					box-shadow: 0 8px 6px -6px black;
					-moz-box-shadow: 0 8px 6px -6px black;
					-webkit-box-shadow: 0 8px 6px -6px black;
					}

img.main-wide-sub-small
					{
					display: none;
					}
					
p.caption
						{
						clear: left;
						margin: 0 0 1px 15px;
						font-weight: normal;
						font-style: italic;
						font-size: 110%;
						line-height: 145%;
						font-family: garamond, "open_sansitalic", arial, sans-serif;
						}	

p.caption-bold
						{
						clear: left;
						text-align: center;
						margin: 0 0 2px 0;
						font-weight: bold;
						font-style: italic;
						font-size: 110%;
						line-height: 145%;
						font-family: garamond, "open_sansitalic", arial, sans-serif;
						}	
	
p.caption-bold-sm
{
margin: 0 0 2% 0;
}

/* End Right Column */

p.top-link
			{
			margin: 0;
			font-size: 90%;
			text-transform: uppercase;
			}

/* End Content */

/* Footer */

#footer
	{
	width: 100%;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	background: #ffffff;
	}

#footer-center
		{
		width: 48%;
		margin: 0 auto;
		padding: .5% 0 .5% 0;
		text-align: center;
		}

a.f-n:link, a.f-n:visited, a.f-n:active
					{
					font-weight: normal;
					font-style: normal;
					color: #000000;
					text-decoration: none;
					}

a.f-n:hover, a.f-n:focus
					{
					font-weight: normal;
					font-style: normal;
					color: #cc0000;
					text-decoration: none;
					}

a.f-n-act:link, a.f-n-act:visited, a.f-n-act:active, a.f-n-act:hover, a.f-n-act:focus
					{
					font-weight: bold;
					font-style: normal;
					color: #cc0000;
					text-decoration: none;
					}

p#footer-contact-info
			{
			display: inline-block;
			width: 90%;
			clear: none;
			margin: .5% auto;
			font-family: garamond, 'open_sansitalic';
			font-weight: normal;
			font-style: normal;
			font-size: 13px;
			line-height: 18px;
			color: #000000;
			text-align: center;
			}

/* End Footer */


@media(max-width: 999px){

br.clear-all-tablet
{
display: block;
clear: both;
}

#pre-header
	{
	width: 100%;
	background: #004aad;
	border-bottom: solid #cccccc 1px;
	}

#logo-holder
		{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		}
		
img#main-logo
{
display: none;
}

img#main-logo-large
{
display: inline-block;
width: 40%;
float: left;
margin: 2% 0 2% 2%;
border: 0;
}

#large-contact-info
{
width: 46%;
float: right;
margin: 1.5% 2% 2.5% 0;
background: #004aad; 
}

p#header-address
{
font-size: 12px;
line-height: 16px;
}

ul#header-list
{
display: none;
}

#header-center
{
width: 100%;
margin: 0;
}

ul#header-list-tab
{
display: inline-block;
float: left;
margin: 2% 0 2% 4%;
padding: 0;
font-family: garamond, 'open_sanssemibold';
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19px;
text-align: left;
color: black;
}

.toggleMenu:link, .toggleMenu:visited, .toggleMenu:active, .toggleMenu:hover, .toggleMenu:focus
{
display: block;
margin: 2% 2% 2% 0%;
padding: 1% 3%;
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
text-decoration: none;
color: white;
background: #666666;
}

span#menu-button
{
font-size: 130%;
}

ul.nav
{
width: 100%;
margin: 0;
font-size: 15px;
font-size: 15px;
text-align: center;
}

.active
{
display: block;
}

ul.nav li
{
border: 0;
}

ul.nav > li
{
display: block;
width: 100%;
float: none;
}

a.m-n:link, a.m-n:visited, a.m-n:active
{
border-bottom: 1px solid #c4c4c4;
padding: 12px 0;
color: #000000;
background: #eeeeee;
}

a.m-n:hover, a.m-n:focus, a.m-n-act:link, a.m-n-act:visited, a.m-n-act:active, a.m-n-act:hover, a.m-n-act:focus
{
border-bottom: 1px solid #c4c4c4;
padding: 12px 0;
color: #000000;
background: #eeeeee;
}

a#tab-down-top
{
border-top: 1px solid #c4c4c4;
}

a#tab-down-bottom
{
border-bottom: 0;
}

ul.nav li ul
{
text-align: center;
}

ul.nav ul
{
display: block;
width: 100%;
border: 0;
}

ul.nav > li.hover > ul
{
border: 0;
padding: 0;
}

ul.nav > li > .parent
{
background: url('images/down-arrow.png') no-repeat #eeeeee 95% 50%;
}

ul.nav > li > .parent:hover, ul.nav > li > .parent:focus
{
background: url('images/down-arrow.png') no-repeat #eeeeee 95% 50%;
}

a.m-n-sub:link, a.m-n-sub:visited, a.m-n-sub:active
{
border-bottom: 1px solid #b7b7b7;
padding: 16px 0;
color: #222222;
background: #e3e3e3;
}

a.m-n-sub:hover, a.m-n-sub:focus, a.m-n-sub-act:link, a.m-n-sub-act:visited, a.m-n-sub-act:active, a.m-n-sub-act:hover, a.m-n-sub-act:focus
{
border-bottom: 1px solid #b7b7b7;
padding: 16px 0;
color: #222222;
background: #e3e3e3;
}

ul.nav > li.hover > ul, ul.nav li li.hover ul
{
position: static;
}

#slider-center
{
width: 94%;
text-align: center;
margin: 2px auto;
}

#slider-holder
{
padding-top: 2px;
}

#wrapper
{
width: 92%;
margin: 0;
padding: 3% 4%;
}

#content
{
width: 100%;
padding: 0;
}

h1
{
font-size: 140%;
}

img.main-wide
{
width: 39%;
}

img.main-wide-sub
{
width: 97%;
}

#footer-center
{
width: 100%;
margin: 0;
padding: 0;
}

ul.footer-list
{
width: 38%;
margin: 4% 0 4% 4%;
padding: 0;
}

p#footer-contact-info
{
width: 96%;
clear: left;
margin: 0 0 4% 4%;
text-align: left;
}

#sub-footer-center
{
width: 96%;
padding: 0;
}

p#copyright
{
padding: 4% 2% 0 2%;
font-size: 70%;
}

}

@media(max-width: 640px){

body
{
-webkit-text-size-adjust: 100%;
}

span.click
{
display: none;
}

span.tap
{
display: inline;
}

.hide-break
{
display: none;
}

#logo-holder
		{
		width: 76%;
		margin: 0;
		float: left;
		background: #004aad;
		}
		
img#main-logo-large
{
width: 75%;
margin: 1% 7.5%;
float: left;
background: #004aad;
}

#large-contact-info
{
display: none;
}

#menu-info-holder
{
display: inline-block;
width: auto;
float: right;
margin: 0;
padding: 2.5% 4.5%;
background: #004aad;
}

ul#header-list-tab
{
display: none;
}

.toggleMenu:link, .toggleMenu:visited, .toggleMenu:active, .toggleMenu:hover, .toggleMenu:focus
{
text-align: center;
margin: 2% 4% 2% 4%;
padding: 2% 4%; 
font-size: 14px;
line-height: 16px;
background: #004aad;
}

p#menu-call
{
margin: 0 0 4px 0;
padding: 0;
font-family: garamond, 'open_sansbold';
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: capitalize;
text-align: left;
color: #000000;
}

p#menu-phone
{
margin: 0;
padding: 0;
font-family: garamond, 'open_sansbold';
font-weight: normal;
font-style: normal;
font-size: 22px;
line-height: 22px;
text-transform: lowercase;
text-align: left;
color: #000000;
}

p.bread-crumbs
{
margin: 6px 0 16px 2px;
}

h1
{
margin: 4px 0 20px 0;
}

h1#under-slider
{
border-top: 1px solid #b5b5b5;
padding-top: 18px;
}

.sub-content
{
width: 100%;
min-height: 1px;
padding: 0 0 16px 0;
}

.right-column
{
width: 100%;
padding: 0 0 20px 0;
}

.right-column-sub
{
width: 100%;
padding: 0;
}

img.right-product
{
width: 60%;
float: left;
margin: 0 0 10px 0;
}

img.right-product-two
{
width: 60%;
float: left;
margin: 0 0 50px 0;
}

img.main-wide-sub
{
display: none;
}

img.main-wide-sub-small
{
display: block;
width: 39%;
float: right;
clear: right;
margin: 5px 0 20px 20px;
border: 4px solid #d8d8d8;
box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-webkit-box-shadow: 0 8px 6px -6px black;
}

ul#phone-only-list
{
display: inline-block;
clear: left;
margin: 0 0 20px 0;
font-weight: normal;
font-style: normal;
font-size: 115%;
line-height: 150%;
font-family: garamond, 'open_sanssemibold';
text-align: left;
color: #222222;
}

ul.footer-list
{
width: 82%;
clear: left;
margin: 4% 4% 0 4%;
padding: 0;
}

p#footer-contact-info
{
width: 92%;
margin: 4%;
}

}

@media(max-width: 320px){

body
{
-webkit-text-size-adjust: none;
}

img#main-logo-large
{
width: 100%;
margin: 5% 0;
}

#menu-info-holder
{
padding: 1.75% 4.5%;
}

ul.nav
{
font-size: 12px;
font-size: 12px;
}

ul.nav > li > .parent
{
background: url('images/down-arrow.png') #eeeeee no-repeat 87% 50%;
}

ul.nav > li > .parent:hover, ul.nav > li > .parent:focus
{
background: url('images/down-arrow.png') #eeeeee no-repeat 87% 50%;
}

p#menu-phone
{
font-size: 20px;
line-height: 20px;
}

img.main-wide, img.main-wide-sub-small
{
width: 97%;
float: left;
margin: 5px 0 25px 0;
border: 4px solid #d8d8d8;
}

.form-holder
{
margin: 4px 0 10% 0;
}

.form-holder-h2
{
margin: 17px 0 10% 0;
}

p.form-category
{
font-size: 90%;
line-height: 140%;
}

input.normal-form-input
{
margin: 0 0 6% 0;
}

p#copyright
{
padding: 5% 2% 0 2%;
}

}

/* Fonts */

@font-face
{
font-family: 'open_sanscondensed_light';
src: url('fonts/OpenSans-CondLight-webfont.eot');
src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
url('fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sans_condensedbold';
src: url('fonts/OpenSans-CondBold-webfont.eot');
src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-CondBold-webfont.woff') format('woff'),
url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sansregular';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sansitalic';
src: url('fonts/OpenSans-Italic-webfont.eot');
src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sanssemibold';
src: url('fonts/OpenSans-Semibold-webfont.eot');
src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sansbold';
src: url('fonts/OpenSans-Bold-webfont.eot');
src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}

/* End Fonts */