@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #4271A6;
	padding: 0px;
	margin: 0px;
	color: #333333;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 16px;
}


/* ---- HTML Common CSS---- */
html{
    overflow: -moz-scrollbars-vertical;
  }


html, body, div, span, p, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

p {}

ul {}
li {}

img { 
	border:0;
}

.absimg {
vertical-align:middle;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
/* ---- <br class="clear"> ---- */


/* ---- Body Div's ---- */
#Upwrap {
	width:1000px;
	margin:auto;
	background-image: url(images/pagebg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#Wrapper {
	width: 990px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(images/bg-header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#Header {
	height: 100px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(images/bg-header-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
}
.headlogo {
	margin-top:0px; 
	margin-left:16px;
	float:left;
}
.headslogan {
	margin-top:-10px; 
	margin-left:100px;
	float:left;

}

#Header1 {
	height: 74px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(images/bg-header-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align:center;
	padding-bottom: 15px;
}


#toplinks {
	text-align: right;
	float: right;
	padding-right:10px;
}


#Container {
	background-image: url(images/bg-container.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	width: 990px;
}
#Container2 {
	background-image: url(images/bg-container2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	width: 990px;
}

.bigpic-bg {
	background-image:url(images/bigpic-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left:12px;
}
.bigpic-bg2 {
	background-image:url(images/bigpic-bg2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left:12px;
}
#welcomebox {
	background-image: url(images/welcomebox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 224px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
}
#resourcebox {
	background-color: #E3E7EB;
	background-image: url(images/resourcebox.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.resourcebox-content {
	float: left;
	width: 480px;
	padding-left: 15px;
}




#flash {
	background-image: url(images/banner-img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 624px;
	height: 301px;
	float: left;
	padding-top: 3px;
	padding-left: 1px;
}


#TNB {
	background-image: url(images/bg-tnb.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#072C5E;
	height: 34px;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#TNB a{
	background-image: url(images/bg-tnb-divider.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 14px;
	color: #FFFFFF;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	text-decoration: none;
}

#TNB a:hover{
	text-decoration: none;
	color: #A3D900;
}

#TNB a.selected{
	text-decoration: none;
	color: #A3D900;
}


#Sub-TNB {
	background-image: url(images/subtnb.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 34px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 25px;
	background-color: #FFFFFF;
}

#Sub-TNB  span{
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	height: 4px;
	width: 4px;
	line-height: 4px;
}
#Sub-TNB a{
	font-size: 12px;
	color: #072C5E;
	display: inline-block;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	text-decoration: none;
}

#Sub-TNB a:hover{
	text-decoration: none;
	color: #5B7900;
}

#Sub-TNB a.selected{
	text-decoration: none;
	color: #5B7900;
	background-image: url(images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


.Dropdown {
	background-image: url(images/bg-nav-right-edge-trans.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width:330px;
	position:absolute;
	top:169px;
	z-index:999;
}

.Dropdown  span{
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	height: 4px;
	width: 4px;
	line-height: 4px;
}
.Dropdown a{
	font-size: 12px;
	color: #072C5E;
	display: inline-block;
	padding-left: 5px;
	padding-top: 6px;
	text-decoration: none;
}

.Dropdown a:hover{
	text-decoration: none;
	color: #5B7900;
}

.Dropdown a.selected{
	text-decoration: none;
	color: #5B7900;
/*	background-image: url(images/arrow1.gif);*/
	background-repeat: no-repeat;
	background-position: center top;
}


#RNB {
	float: left;
	width: 259px;
	padding-right: 15px;
	padding-left: 15px;
}

.RNB {
	float: left;
	width: 259px;
	padding-right: 15px;
	padding-left: 15px;

}

	
.subpic {
	background-image: url(images/bg-subpic.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 188px;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 23px;
}
.bg-faqback {
	background-image: url(images/bg-faqback.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

.bg-faq {
	background-image: url(images/bg-faq.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 23px;
	width: 575px;
	padding-top: 8px;
	padding-left: 35px;
	margin-top: 10px;
	clear: both;
}
.bg-faq-ans {
	background-image: url(images/bg-faq-ans-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 610px;
	padding-top: 15px;
}

.bg-contact-us {
	background-image: url(images/bg-contact-us.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 610px;
	padding-top:10px;
}

.bg-free-sample {
	background-image:url(images/bg-free-sample.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 610px;
	padding-top:10px;
}


.bg-bluebar {
	background-image: url(images/bg-blue-bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 590px;
	color: #13447A;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 11px;
}
.bg-graygradiant {
	background-image: url(images/gradiantgray.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 610px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 40px;
}

.bg-events {
	background-image: url(images/bg-blue-bar1.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 530px;
	margin-left: 10px;
	padding: 5px;
}

.bluedark-box {
	background-color: #0F3E72;
	background-image: url(images/bluedark-box.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 3px solid #0F3E72;
	padding: 10px;
}
.banner {
	background-image: url(images/bg-banner.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 305px;
	width: 940px;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.banner-head1 {
	font-size: 16px;
	color: #A3D900;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 19px;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.bg-table {
	background-color: #A2C8F2;
	background-image: url(images/bg-table.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #0E3A6E;
	padding: 5px;
	color: #000000;
}

.kold-flo-right
{
	width:263px;
	background-image:url(images/click-here-right.jpg);
	background-repeat:no-repeat;
	padding-bottom: 0px;
	padding-top: 45px;
}
.kold-flo-right2
{
	width:263px;
	background-image:url(images/view-our-brands.jpg);
	background-repeat:no-repeat;
	padding-bottom: 0px;
	padding-top: 45px;
}

.pave-grip-right
{
	width:213px;
	height:295px;
	background-image:url(images/view-projects-pave-grip.jpg);
	background-repeat:no-repeat;
	padding-top: 75px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}

.col-left {
	float: left;
	width: 668px;
	padding-top: 10px;
	padding-bottom: 20px;
	display: table;
	}
		
.col-left2 {
	float: left;
	width: 968px;
	padding-top: 10px;
}


.col-right {
	float: right;
	width: 290px;
	margin-right: 2px;
	background-image: url(images/bg-rnb.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 10px;
}

.col-right2 {
	float: right;
	width: 290px;
	margin-right: 2px;
	padding-bottom: 10px;
}


/* ---- Links ---- */
a:focus{
outline:none;
}

a {
	color: #275382;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

.a1 {
	color: #336699;
	text-decoration: none;
}
.a1:hover {
	color: #000000;
}

.a2 {
}
.a2:hover {
}
.a3 {
	color: #225588;
	text-decoration: none;
}
.a3:hover {
	color: #000000;
}
.a4 {
	color: #1F79C7;
	text-decoration: underline;
}
.a4:hover {
	color: #000000;
	text-decoration: none;
}


/* ---- Image Boarders --- */
.pic1 {
	border:#CCCCCC 1px solid;
	background-color: #E1E8EE;
	padding: 4px;
}

.pic2 {
	padding: 3px;
	border: 1px solid #FFOOOO;
	background-color: #FFFFFF;
}

.sel-border {
	padding: 2px;
	border: 1px solid #A3D900;
	background-color:#A3D900;
}

.pic3 {
	padding: 3px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.pic3:hover {
	padding: 3px;
	border: 1px solid #7DABD0;
	background-color: #FFFFFF;
}

.pic4 {
background-color: #E1E8EE;
padding:5px;
}

/* ---- Forms class Start---- */
form {
margin:0;
padding:0;
}

input {
	height:22px;
}
 
input, select, textarea {
	background-image:url(images/input-bg.jpg);
	background-repeat:repeat-x;
	border: 1px solid #CDCDCD;
	font-family: Helvetica, Arial;
	font-size: 12px;
	color:#333333;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #FFFFFF;
}
select {
	height: 24px;
	margin-bottom: 2px;
}

.buttongray {
	border: 2px solid #969696;
	color: #FFFFFF;
	background-color: #5E5E5E;
	background-image: url(images/button2_gray.jpg);
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: top;
	height: 23px;
	cursor: pointer;
}
.buttonblue {
	border: 2px solid #326597;
	color: #FFFFFF;
	background-color: #032A52;
	background-image: url(images/bg-bluebutton.jpg);
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: top;
	height: 23px;
	cursor: pointer;
}

.textarea {
	font-family: Helvetica, Arial;
	font-size: 12px;
}

.radio{
	border:none;
	background-image:none;
	height:auto;
}

.bordernone {
	background:url(images/spacer.gif);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.button {}
.bg-blue {
	background-color: #0E3A6E;
}


.list1 ul{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.list1 li{
	background-image: url(images/icon-upm.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
	padding-left: 25px;
	list-style-type: none;
	font-size: 14px;
	color: #225588;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E6EA;
	padding-bottom: 10px;
	margin-top: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
}


.list2 ul{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.list2 li{
	list-style-type: none;
}
.list2 li a{
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	padding-left: 25px;
	list-style-type: none;
	font-size: 13px;
	color: #225588;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E6EA;
	padding-bottom: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 8px;
	text-decoration: none;
}

.list2 li a:hover{
	color: #698C00;
	text-decoration: none;
}
.list2 li a.selected{
	background-color: #F3F5F8;
	color: #698C00;
	text-decoration: none;
}


/* ---- Category ---- */
.RNB-Category ul{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


.RNB-Category li{
	list-style-type: none;
}
.RNB-Category li a{
	background-image: url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	padding-left: 25px;
	list-style-type: none;
	font-size: 13px;
	color: #225588;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E6EA;
	padding-bottom: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 8px;
	text-decoration: none;
}

.RNB-Category li a:hover{
	color: #698C00;
	text-decoration: none;
}
.RNB-Category li a.selected{
	background-color: #F3F5F8;
	color: #698C00;
	text-decoration: none;
}


/* ---- Button Classes ---- */


/* ---- Text Classes ---- */
.txt10 {
	font-size: 10px;
}
.txt11 {
	font-size: 11px;
}
.txt13 {
	font-size: 14px;
	line-height: 18px;
}



.txt14 {
	font-size: 14px;
	line-height:30px;
}
.txt14b {
	font-size: 14px;
	line-height:16px;
}

.txt15 {
	font-size: 15px;
}


.txt16 {
	font-size: 16px;
}

.txt18 {
	font-size: 18px;
}
.txtWhite {
	color: #FFFFFF;
}
.txtBlue {
	color: #0E3A6E;
}
.txtBlue1 {
	color: #225588;
}
.table1 td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9EB;
}


/* ---- Background Classes ---- */
.graylight-box {
	background-image: url(images/bg-lightgray-box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.gallerybox {
	background-image: url(images/subpic-gallery.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 134px;
	width: 896px;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 22px;
}

.gallerybutton{
	position:absolute;
	width:900px;
	/*margin-left:200px;*/
	margin-top:-40px;
}

.bg_lightbluebox {
	float: left;
	height: 39px;
	width: 270px;
	background-image: url(images/bg-lightblue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 13px;
	color: #225588;
	padding-top: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.bg_special {
	font-size: 13px;
	color: #174B84;
	background-image: url(images/bgblue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 80px;
}

.big-pic
{
background-image:url(images/gallery-bigpic.png);
background-repeat:no-repeat;
width:634px;
height:474px;
padding:14px 10px 10px 14px;
margin:-45px 0px 0px 21px;
position:relative;
}
.border_left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
	padding-left: 20px;
}
.border_bottom{
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


/* ---- Padding & Margin ---- */
.padT10 {
	padding-top: 10px;
}
.padB10 {
	padding-top: 20px;
}
.padLR15 {
	padding-right: 25px;
	padding-left: 25px;
}
.padLR50 {
	padding-right: 15px;
	padding-left: 50px;
}
.padLR25 {
	padding-right: 25px;
	padding-left: 25px;
}
.padB20 {
	padding-bottom: 25px;
}


.marT10 {
	padding-top: 50px;
}
.marR15 {
	margin-right: 15px;
}


/* ---- Head ---- */
H1, H2, H3 {
  margin: 0;
  padding: 0;
}

H1 {
	font-size: 18px;
	color: #225588;
}
H2 {
	font-size: 15px;
	color: #225588;
}

H2 a{
	text-decoration:none;
}


H3 {}



/* ---- Footer ---- */
#Footer {
	font-size:11px;
	background-image: url(images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 950px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #A6D2F9;
	line-height: 16px;
	margin-top:-20px;

	*margin-top:-25px;
	background-color: #103F73;
	
}
#Footer br {
	line-height: 10px;
}


#Footer a{
	color: #A6D2F9;
	text-decoration: none;
}
#Footer a:hover{
	color: #EDF5FE;
}

/*--- Tab Controller Start --*/

.tabular_tabs{
	margin-bottom: -2px;

}

.tabular_tabs ul{
	margin-bottom: 9px;
	margin-left: 20px;
}

.tabular_tabs li{
	padding:0px;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	display: inline;
}

.tabular_tabs li a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	height: 30px;
	display: inline;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	text-align: center;
	background-color: #082E5F;
	border: 1px solid #CCCCCC;
}
.tabular_tabs li a:hover{
	list-style-type: none;
	color: #A3D900;
	text-decoration: none;
}

.tabular_tabs li a.selected{
	color: #082E5F;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;

}

/*--- Tab Controller End --*/


/*--- Tab2 Controller Start --*/

.tabular_tabs2{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #042858;

}

.tabular_tabs2 ul{
	margin-left: 20px;
	margin-bottom: -3px;
}

.tabular_tabs2 li{
	font-size: 13px;
	font-weight: bold;
	display: inline;
}

.tabular_tabs2 li a{
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	text-align: center;
	height: 30px;
	padding: 0px;
}
.tabular_tabs2 li a:hover{
	list-style-type: none;
	color: #A3D900;
	text-decoration: none;
}

.tabular_tabs2 li a.selected{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;

}

/*--- Tab2 Controller End --*/


/*--- Blog CSS Start --*/

.blog-div {
	clear:both;
	margin-bottom:20px;
}

.blog-div h1 a{

text-decoration:none;
}

.blog-footer {
	background-image: url(images/blog-gray.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
	width: 620px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
	margin-top: 15px;
}
.comment {
	background-image: url(images/comment_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 615px;
	color: #666666;
	padding: 10px;
	clear: both;
	margin-top: 30px;
}
.comment-bot {
	background-image: url(images/comment_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 580px;
	padding-top: 10px;
	padding-left: 55px;
}

/*--- Blog CSS End --*/
.lh18 {
	line-height: 24px;
}