﻿@charset "utf-8";
/* CSS Document */

body {
	background:#083841 url(images/incordbg.png) repeat;
}

/* ----------------------- DIV setup ----------------------- */

#page {
	width:925px;
	margin:20px auto;
	background: #fefcf9!important;
	border:1px solid #1e1e1c;
}

#pageSales {
	width:945px;
	margin:10px auto;
	background: #fefcf9!important;
	border:1px solid #1e1e1c;
}

	#nav {
		width:925px;
		height:27px;
		background:transparent;
	}
	

	#flashArea {
		margin: 0px auto;
		height: 215px;
		width: 925px;
		background: #fefcf9;
		float:left;
		display: inline;
	}
	
	
	#flashAreahome {
			margin: 0px auto;
		height: 219px;
		width: 925px;
		background: #fefcf9;
		float:left;
		display: inline;
	}
	
	#requestquote {
		background: #e5e2dd;
		border: 1px solid #aca69b;
		display:inline-block;
	}
	
	#leftContainer {
		width: 234px;
		height: auto;
		float: left;
		margin-left: 20px;
		background:#fefcf9;
		display: inline;
	}		
	
	#leftContainerSales {
		width: 202px;
		height: auto;
		float: left;
		margin-left: 10px;
		background:#fefcf9;
		display: inline;
	}		
		#mainbody{
		float: right;
		width: 615px;		
		margin: 0px 15px 0 15px;
		background: #FEFCF9 url(images/gateway_header.gif);
		background-repeat: no-repeat;
		background-position:top left;
		display: inline;
		padding-top: 55px;
	}
	
	#footer {
		width: 925px;
		background: #e5e1d7;
		float: left;
		display: inline;
		height: auto;
	}
	
	#footerleft {
		float: left;
		width: 234px;
		margin-left: 23px;
		background:url(images/products_footertitle.gif);
		background-repeat:no-repeat;
		background-position:top left;
		display: inline;
	}	
			
	#footermid {
		float: left;
		width: 234px;
		margin: 0 60px 0 87px;
		background:url(images/contact_footertitle.gif);
		background-repeat:no-repeat;
		background-position:top left;
		display: inline;
		
	}
	
	#footerright {
		float: right;
		width: 234px;
		margin-right: 23px;
		display: inline;
	}
	
	#paysonfooter {
		clear: both;
		width: 925px;
		width:925px;
		margin:20px auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: normal;
		font-variant: normal;
		line-height: 15px;
		color: #ffffff;
		padding-top: 7px;
	}
	
/* ----------------------- Div tools for images ----------------------- */	
div.floatleft {
  float: left;
  }
  
div.floatleft p {
   text-align: center;
   }
	
/* ----------------------- products let nav ----------------------- */

a.amusement-round {
	background-image: url(images/amusement_round_thumb.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 55px;
	display: block;
	margin: 0px auto;
}

a.baynets-round {
	background-image: url(images/baynets_round_thumb.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 55px;
		display: block;
	margin: 0px auto;
}

a.construction-round {
	background-image: url(images/construction_round_thumb.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 55px;
		display: block;
	margin: 0px auto;
}

a.homegarden-round {
	background-image: url(images/homegarden_round_thumb.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 55px;
		display: block;
	margin: 0px auto;
}

a.materials-round {
	background-image: url(images/materials_round_thumb.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 55px;
		display: block;
	margin: 0px auto;
}

a.sports-round {
	background-image: url(images/sports_round_thumb.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 55px;
		display: block;
	margin: 0px auto;
}

a.orchestra-round {
	background-image: url(images/orchestra_round_thumb.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 55px;
	text-align: center;
		display: block;
	margin: 0px auto;
}

#left-side-prod {
	float: left;
	margin: 5px;
	width: 45%;
	height: auto;
	display: block;
	text-align: center;
	display: inline;
	
}

#right-side-prod {
	float:right;
	margin: 5px;
	width: 45%;
	height: auto;
	display: block;
	text-align: center;
	display: inline;
}



	
/* ----------------------- H Tags ----------------------- */

/*-- h1 is your good ol' wingman for titles --*/

h1, h1 a:link, h1 a:hover, h1 a:visited, h1 a:active {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-top: -10px;
}

/*-- h2 is affiliated with the home page titles --*/

h2 {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	overflow: visible;
	margin-top: 0px;
	padding: 0 3px 0 3px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

h2 a:link {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	overflow: visible;
	margin-top: 0px;
	padding: 0 3px 0 3px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-decoration: none;
}

h2 a:visited {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	overflow: visible;
	margin-top: 0px;
	padding: 0 3px 0 3px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-decoration: none;
}

h2 a:hover {
		color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	overflow: visible;
	margin-top: 0px;
	padding: 0 3px 0 3px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-decoration: none;
}

/*-- h3 is affiliated with the maintext style --*/
h3 {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-top: 1px;
	line-height: 20px;
}
/*-- h4 is affiliated with the home page small description --*/
h4 {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	margin-top: 0px;
	padding: 0 3px 0 3px;
}
/*-- h6 is the end of the main section text --*/
h6 {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin-top: 0px;
}

/* ----------------------- NetMan ----------------------- */

#netman {
	z-index: 50;
	background-image: url(images/netman_large.png);
	width: 262px;
	height: 316px;
	position: absolute;
	left: 1129px;
	top: 250px;
	display: block;
	
}

/* ----------------------- quicklinks ----------------------- */

#quicklinks {
	border-top: 1px solid;
	border-bottom: 1px solid;
	}

/* ----------------------- BUTTON CONTAINER ----------------------- */

#button {
	margin-left: 15px;
}

/* ----------------------- BUTTON STYLE ----------------------- */

a.quotebutton {
	display: block;
	background:url(images/quotebutton.gif);
	width: 78px;
	height: 17px;
	color: #ddd9d3;
	margin: 8px 0px 8px 120px;
}

a.newseventsbutton {
	display: block;
	background:url(images/newseventsbutton.gif);
	width: 62px;
	height: 17px;
	color: #ddd9d3;
	margin: 8px 0px 8px 120px;
}

a.signupbutton {
	display: block;
	background:url(images/signupbutton.gif);
	width: 39px;
	height: 17px;
	color: #ddd9d3;
	margin: 8px 0px 8px 130px;
}

a.visitfaqbutton {
	display: block;
	background:url(images/visitfaqbutton.gif);
	width: 53px;
	height: 17px;
	color: #ddd9d3;
	margin: 8px 0px 8px 128px;
}

	
/* ----------------------- TYPOGRAPHY ----------------------- */

.maintext {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
}

.maintext2 {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}

.maintext_bold {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	line-height: 20px;
}

.testimonials {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 15px;
}

.homepageviewmore {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 20px;
}

.breadcrumbs, a.breadcrumbs {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 20px;
}

.breadcrumbs2, a.breadcrumbs2 {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 20px;
}
	
.leftnavtext {
	color: #85765f ;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	padding: 5px;
}

.footertext {
	color: #463a29;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 24px;
}

.paysonfooter {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: normal;
		font-variant: normal;
		line-height: 15px;
		color: #ffffff;
	}


/* ----------------------- UNORDERED LIST FOR FOOTER ----------------------- */

ul.footerleft {
	list-style-image: url(images/tri.gif) ;
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 0px;
	display: block;
}


/* ----------------------- SIGNUP BUTTONS ----------------------- */

a.signup {
	background-color: #083841;
	display: block;
	float:left;
	margin: 3px;
	color: #ddd9d3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	display: inline;
}

a.signup:hover {
	background-color: #031d22;
	display: block;
	float:left;
	margin: 3px;
	color: #ddd9d3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	display: inline;
}


/* ----------------------- NAVIGATION ROLLOVERS ----------------------- */

.nav {
	width:925px;
	margin:0;
	float:left;
	display: inline;
}

a.footertext {
	color: #463a29;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;
}

a:hover.footertext {
	color: #463a29;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;
}

a.maintext_bold {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	line-height: 20px;
}

a:hover.maintext_bold {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	line-height: 20px;
}

a.maintext {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	font-weight: strong;
}

h1 a:link {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	margin-left: 0px;
}

h1 a:hover {
	color: #26241f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px;
	text-decoration: none;
}



/* ----------------------- LINKS ----------------------- */

#land {
	background-position: 0px -71px;
}

a.about {
	display: block;
	float:left;
	width: 116px;
	height: 70px;
	background: url(images/about_button.gif);
			display: inline;
}
a.contact {
	display: block;
	float:left;
	width: 118px;
	height: 70px;
	background: url(images/contact_button.gif);
			display: inline;
}
a.catalogs {
	display: block;
	float:left;
	width: 122px;
	height: 70px;
	background: url(images/catalogs_button.gif);
			display: inline;
}
a.installations {
	display: block;
	float:left;
	width: 151px;
	height: 70px;
	background: url(images/installations_button.gif);
			display: inline;
}
a.links {
	display: block;
	float:left;
	width: 102px;
	height: 70px;
	background: url(images/links_button.gif);
			display: inline;
}
a.gallery {
	display: block;
	float:left;
	width: 114px;
	height: 70px;
	background: url(images/gallery_button.gif);
			display: inline;
}
a.nettinghardware {
	display: block;
	float:left;
	width: 202px;
	height: 70px;
	background: url(images/nettinghardware_button.gif);
}

a.about:hover, a.contact:hover, a.catalogs:hover, a.installations:hover, a.links:hover, a.gallery:hover, a.nettinghardware:hover {
	background-position: 0px -71px;
}

#land {
	background-position:0px -71px;
}


a.newsevents {
	display: block;
	float:left;
	width: 233px;
	height: 33px;
	margin-bottom: 6px;
	background: url(images/newsevents.gif);
	background-position:top;
}

a.quote {
	display: inline-block;
	float:left;
	width: 233px;
	height: 33px;
	margin-bottom: 6px;
	background: url(images/requestquote.gif);
	background-position:top;
}

a.quoteSales {
	display: inline-block;
	float:left;
	width: 202px;
	height: 33px;
	margin-bottom: 6px;
	background: url(images/requestquote.gif);
	background-position:top;
}

a.newsletter {
	display: inline-block;
	float:left;
	width: 233px;
	height: 33px;
	margin-bottom: 6px;
	background: url(images/newsletter.gif);
	background-position:top;
}

a.productdisplay {
	display: inline-block;
	float:left;
	width: 233px;
	height: 33px;
	margin-bottom: 6px;
	background: url(images/products.gif);
	background-position:top;
}

a.productdisplaySales {
	display: inline-block;
	float:left;
	width: 202px;
	height: 33px;
	margin-bottom: 6px;
	background: url(images/products.gif);
	background-position:top;
}

a.productdisplay_sales {
	display: inline-block;
	float:left;
	width: 202px;
	height: 33px;
	margin-bottom: 6px;
	background: url(www.incord.com/images/products.gif);
	background-position:top;
}

a.faq {
	display: inline-block;
	float:left;
	width: 233px;
	height: 33px;
	margin-bottom: 6px;
	background: url(images/faq.gif);
	background-position:top;
}

a.returntohomepage {
	display: inline-block;
	float:left;
	width: 233px;
	height: 33px;
	background: url(images/RtnToHome_hdr.gif);
	background-position:top;
}


/* HOME PAGE SHOWCASE */

#prodone {
		float: left;
		width: 199px;
		margin: 0 6px 6px 0;
		border: 1px solid #333;	
		display: inline-block;
		height: 230px;
	}	
			
#prodtwo {
		float: left;
		width: 199px;
		margin: 0 6px 6px 0;
		border: 1px solid #333;	
		display: inline-block;
				height: 230px;		
	}
	
#prodthree {
		float: right;
		width: 199px;
		margin: 0 0 6px 0;
		border: 1px solid #333;	
		display: inline-block;
				height: 230px;
	}

#prodfour {
		float: left;
		width: 199px;
		margin: 0 6px 6px 0;
		border: 1px solid #333;	
		display: inline-block;
				height: 230px;
	}	
			
#prodfive {
		float: left;
		width: 199px;
		margin: 0 6px 6px 0;
		border: 1px solid #333;	
		display: inline-block;
				height: 230px;
	}
	
#prodsix {
		float: right;
		width: 199px;
		margin: 0 0 6px 0;
		border: 1px solid #333;	
			display: inline-block;
					height: 230px;
		
	}
	
#prodseven {
		float: left;
		width: 199px;
		margin: 0 6px 6px 0;
		border: 1px solid #333;	
		display: inline-block;
				height: 230px;
	}	

#prodeight {
		float: left;
		width: 199px;
		margin: 0 6px 6px 0;
		border: 1px solid #333;	
		display: inline-block;
				height: 230px;		
	}
	
/* ----------------------- DIRECTIONS CONTAINERS ----------------------- */

#d1 {
		float: left;
		width: 199px;
		margin-right: 9px;
			display: inline;
	}	
			
#d2 {
		float: left;
		width: 199px;
		margin-right: 9px;	
				display: inline;
	}
	
#d3 {
		float: right;
		width: 199px;
				display: inline;
	}

	
/* ----------------------- CATALOG CONTAINERS ----------------------- */

#light_container {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}

#dark_container {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#light_container2 {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}

#dark_container2 {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#light_container p {
	margin-left: 150px;
}

#light_container h1 {
	margin-left: 140px;
}

#light_container img {
	display: inline-block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 1px solid #aca69b;
}

#dark_container p {
	margin-left: 150px;
}

#dark_container h1 {
	margin-left: 140px;
}

#dark_container img {
	display: inline-block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 1px solid #aca69b;
}



#contact_container {
	background-color:#f9f5ed;
	padding: 7px;
	width: 100%;
}

#contact_containerSales {
	background-color:#f9f5ed;
	padding: 7px;
	width: 99%;
}

/* ----------------------- INSTRUCTIONS CONTAINERS ----------------------- */

#ins_light_container {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}

#ins_dark_container {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#ins_light_container p {
	margin-left: 150px;
}

#ins_light_container h1 {
	margin-left: 140px;
}

#ins_light_container img {
	display: inline-block;
	width: 110px;
	height: 142px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 1px solid #aca69b;
}

#ins_dark_container p {
	margin-left: 150px;
}

#ins_dark_container h1 {
	margin-left: 140px;
}

#ins_dark_container img {
	display: inline-block;
	width: 110px;
	height: 142px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 1px solid #aca69b;
}

/* ----------------------- EVENTS CONTAINERS ----------------------- */

#elight_container {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}

#edark_container {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#elight_container2 {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}

#edark_container2 {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#elight_container p {
	margin-left: 150px;
}

#elight_container h1 {
	margin-left: 140px;
}

#elight_container img {
	display: inline-block;
	width: 200px;
	height: 122px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 1px solid #aca69b;
}

#edark_container p {
	margin-left: 150px;
}

#edark_container h1 {
	margin-left: 140px;
}




#edark_container img {
	display: inline-block;
	width: 200px;
	height: 122px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 1px solid #aca69b;
}

#econtact_container {
	background-color:#f9f5ed;
	padding: 7px;
	width: 100%;
}


/* ----------------------- LITERATURE CONTAINERS ----------------------- */

#L_light_container {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}


#L_light2_container {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}

#L_dark_container {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#L_dark2_container {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#L_light_container2 {
	background-color:#f9f5ed;
	padding: 10px;
	width: 600px;
}

#L_dark_container2 {
	background-color:#e5e2dd;
	padding: 10px;
	width: 600px;
}

#L_light_container p {
	margin-left: 170px;
}

#L_light_container h1 {
	margin-left: 160px;
}

#L_light_container img {
	display: inline-block;
	width: 110px;
	height: 142px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 0px solid #aca69b;
}


#L_light2_container p {
	margin-left: 170px;
}

#L_light2_container h1 {
	margin-left: 160px;
}

#L_light2_container img {
	display: inline-block;
	width: 110px;
	height: 302px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 0px solid #aca69b;
}

#L_dark_container p {
	margin-left: 170px;
}

#L_dark_container h1 {
	margin-left: 160px;
}




#L_dark_container img {
	display: inline-block;
	width: 110px;
	height: 142px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 0px solid #aca69b;
}


#L_dark2_container p {
	margin-left: 170px;
}

#L_dark2_container h1 {
	margin-left: 160px;
}




#L_dark2_container img {
	display: inline-block;
	width: 110px;
	height: 302px;
	overflow: hidden;
	float: left; 
	vertical-align: middle;
	margin: 13px;
	border: 0px solid #aca69b;
}

#L_contact_container {
	background-color:#f9f5ed;
	padding: 7px;
	width: 100%;
}
/* ----------------------- Inline style for photo thumbs ----------------------- */

#photothumbs {
	width: 100%;
	}

#photothumbs ul {
	display: inline;
}


#photothumbs li {	
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
	
.thumbborder {
	border: solid 1px #000;
}


/* ----------------------- Top 10 UL ----------------------- */

#top10, #top10 ul, #top10 ul li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	padding: 0px 0 15px 3px;
}

/* IE6 css fixer v0.4: Thu, 15 Oct 2009 20:37:34 +0200 */



/* ============================================= */

/* safe settings                                 */



/* IE6 css fixer v0.6: Thu, 22 Oct 2009 21:06:45 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#flashArea,
#flashAreahome,
#leftContainer,
#mainbody,
#footer,
#footerleft,
#footermid,
#footerright,
#left-side-prod,
#right-side-prod,
a.signup,
a.signup:hover,
.nav,
a.about,
a.contact,
a.catalogs,
a.installations,
a.links,
a.gallery,
a.nettinghardware,
a.newsevents,
a.quote,
a.newsletter,
a.productdisplay,
a.faq,
#d3,
#prodone,#prodtwo,#prodfour,#prodfive,#prodseven,
#prodthree,#prodsix,
#d1,#d2,
#light_container img,#dark_container img {display:inline;}

/* add zoom:1 to overflow:hidden */
#light_container img,#dark_container img {zoom:1;}

/* fix negative margins */
h1,h1 a:link,h1 a:hover,h1 a:visited,h1 a:active {position:relative; zoom:1;}

