* { margin: 0; padding: 0; }

a img { border: none; }
img { border: 0; }
img { vertical-align: baseline; }

blockquote{width: 400px;padding: 0 0 0 30px; line-height: 18px; font-style:italic;}

html,body { background: url(../images/bg.jpg) top center repeat-y; font: normal normal normal 12px arial,verdana,helvetica,sans-serif; height: 100%; color: #333; }

#wrapper{
margin: 0 auto;
width:908px;
position:relative;
min-height:100%;
}

#header{
width: 908px;
height:88px;
background:url(../images/header.jpg)
}

#header img.home{
float: left;
}

#header img.login{
float: right;
}

#masthead{
width:908px;
height:297px;
}

/* navigation ********************************************* */

#nav {
  width: 908px;
  height: 49px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url(../images/nav.jpg);    
  padding: 0;
}
#nav li {
  float: left;
  list-style-type: none;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 49px;
  background: url(../images/nav.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

/* navigation position************************** */

li#nav_hom a {
  left: 66px;
  width: 96px;
  background-image:url(../images/home.jpg);
  background-position: top left;
}
li#nav_inf a {
  left: 206px;
  width: 133px;
  background-image:url(../images/information.jpg);
  background-position: top left;
}
li#nav_cun a {
  left: 381px;
  width: 133px;
  background-image:url(../images/events.jpg);
  background-position: top left;
}
li#nav_par a {
  left: 575px;
  width: 96px;
  background-image:url(../images/partners.jpg);
  background-position: top left;
}
li#nav_con a {
  left: 734px;
  width: 96px;
  background-image:url(../images/contact.jpg);
  background-position: top left;
}

li#nav_hom a:hover {
  background-position: 0 -49px;
}
li#nav_inf a:hover {
  background-position: 0 -49px; 
}
li#nav_cun a:hover {
  background-position: 0 -49px;
}
li#nav_par a:hover {
  background-position: 0 -49px;
}
li#nav_con a:hover {
  background-position: 0 -49px;
}

#body_hom li#nav_hom  a{
  background-position: 0 -98px;
}
#body_inf li#nav_inf a{
  background-position: 0 -98px;
}
#body_cun li#nav_cun a{
  background-position: 0 -98px;
}
#body_par li#nav_par a{
  background-position: 0 -98px;
}
#body_con li#nav_con a{
  background-position: 0 -98px;
}

/* END navigation ********************************************* */

#content{
width:908px;
height:100%;
background:url(../images/main_bg.jpg) top center no-repeat;
}

#intcontent{
width:908px;
height:100%;
background:url(../images/main_bg.jpg) top center no-repeat #FFFFFF;
padding-bottom: 20px;
}

/* END Left Content *** MAIN PAGE ***************************** */

#left{
width:300px;
height:100%;
padding-bottom: 50px;
background:url(../images/main_bg.jpg) top center no-repeat;
float:left;
}

#left h2.about{
margin: 20px 0 0 10px;
display:block;
width: 269px;
height: 34px;
background: url(../images/about_head.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#left h2.newprod{
margin: 0 0 0 10px;
display:block;
width: 269px;
height: 34px;
background: url(../images/newproducts_head.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#left p{
margin: 0 0 0 10px;
font-family: "Futura Lt", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color:#333333;
text-align:left;
padding: 10px 10px 10px 0;
}

/* END Mid Content *** MAIN PAGE ***************************** */

#mid{
width:350px;
height:100%;
background:url(../images/main_bg.jpg) top center no-repeat;
float: left;
}

#mid h2.quality{
margin: 20px 0 0 10px;
display:block;
width: 320px;
height: 17px;
background: url(../images/quality_savings.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#mid p{
margin: 0 0 0 10px;
font-family: "Futura Lt", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color:#333333;
text-align:left;
padding: 10px 10px 10px 0;
}

#mid img{
margin-left: 11px;
}

#mid ul{
margin: 0 0 0 10px;
display:block;
list-style: none;

}

#mid li{
padding-bottom: 3px;
}

#right{
width:258px;
height:400px;
background:url(../images/mission-bg.jpg) top left repeat;
float: right;
}

#right h2.mission{
margin: 18px 0 0 15px;
display:block;
width: 159px;
height: 16px;
background: url(../images/mission.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#right p{
margin: 0 5px 0 15px;
font-family: "Futura Lt", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color:#333333;
text-align:left;
padding: 10px 10px 10px 0;
}

/* Interior Pages ******************************************** */

#

 .intMastHead{
width:525px;
height:170px;
padding: 20px 0 0 10px;
}

#intleft{
width: 554px;
height: 100%;
padding-bottom: 50px;
float:left;
}

#intleft p{
margin: 0 5px 0 15px;
font-family: "Futura Lt", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color:#333333;
text-align:left;
padding: 10px 10px 10px 0;
}

#intleft h2{
margin: 5px 5px 5px 15px;
}

#intleft ul{
margin: 0 0 0 15px;
display:block;
list-style: disc url(../images/bullet.jpg) inside;
}

#intleft li{
padding-bottom: 3px;
}

#intleft ul.gallery{
margin: 0 0 0 6px;
width: 550px;
list-style:none;
}

#intleft ul.gallery li{
margin: 0px;
padding: 3px 3px 0px 9px;
float: left;
}

#intleft h2.specneeds{
margin: 20px 0 0 15px;
display:block;
width: 485px;
height: 16px;
background: url(../images/specialneeds.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#intleft h2.partners{
margin: 20px 0 0 15px;
display:block;
width: 308px;
height: 16px;
background: url(../images/meet-our-partners.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#intleft h2.connection{
margin: 20px 0 0 15px;
display:block;
width: 308px;
height: 16px;
background: url(../images/develop-a-connection.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#intleft h2.contactus2{
margin: 20px 0 0 15px;
display:block;
width: 308px;
height: 16px;
background: url(../images/contact-us.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#intleft table{
width: 500px;
margin: 0 0 0 20px;
}

#intleft table tr{
width: 200px;
}

#intleft table td{
padding: 3px;
}

#intleft ul.information{
margin: 0 0 0 15px;
list-style: disc url(../images/bullet.jpg) inside;
}

#intleft ul.information a{
color:#000000;
font-weight:bold;
}

#intleft ul.information a:hover{
color:#000000;
text-decoration:underline;
font-weight:bold;
}

#intleft ul.login{
width: 400px;
margin-left: 30px;
list-style: disc url(../images/bullet.jpg);
}

#intleft ul.login a{
color:#000000;
font-weight:bold;
}

#intleft ul.login a:hover{
color:#000000;
text-decoration:underline;
font-weight:bold;
}

form#ulogin{
color: #333333;
font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:center;
}

#intleft em{
margin: 0 0 0 50px;
width: 300px;
}

#intleft img{
padding: 5px 0 5px 0;
}

#intleft .pglink img{
margin: 0 0 0 10px;
padding: 0 5px 0 0;
}

/*#intleft ul.login li{
margin-left: 15px;
}*/

#intright{
width: 354px;
height: 100%;
float:right;
position: relative;
}

#intright p{
margin: 20px 5px 0 15px;
color:#000000;
font-family: "Futura Lt", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
text-align:left;
padding: 10px 10px 10px 0;
}

#intright h2.contactus{
margin: 20px 0 0 15px;
display:block;
width: 286px;
height: 34px;
background: url(../images/contactus.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#intright .servside{
margin: 0 0 0 25px;
width: 280px;
background:#DDDDDD;
}

#intright form{
margin: 20px;
}

form#contactus input{
border: 1px solid #999999;
font-size:16px;
color: #333333;
}

form#contactus textarea{
border: 1px solid #333333;
font-size:16px;
width: 218px;
height: 100px;
color: #333333;
font-family: "Futura Lt", Verdana, Arial, Helvetica, sans-serif;
}

form#contactus table{
background-color: none;
color: #000000;
width: 250px;
border: none;
border-collapse: collapse; 
}

#contactus td {
 border: none;
 padding: 3px;
}

#phone{
text-align:left;
margin: 10px 0 0 50px;
}

#socialnet{
width:300px;
}

#socialnet h2.socialnetworks{
margin: 20px 0 20px 15px;
display:block;
width: 308px;
height: 34px;
background: url(../images/socialnetworks.jpg) top left no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

#socialnet ul{
margin: 0px;
padding: 0px;
}

#socialnet li{
list-style: none;
padding: 0 0 10px 25px;
}

.labelcell {
 font: 11px "Futura Lt", Verdana, Arial, Helvetica, sans-serif;
 color: #999;
 background-color: transparent;
 width: 120px;
 border: none;
} 

.fieldcell {
 background-color: none;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
} 

#intright .ad{
margin-top:0px;
float:right;
position:absolute; right: 0;
}

#intright .cycle{
margin: 20px 0 0 55px;
}

#intright .partnerlogos{
margin: 20px 0 0 -5px;
}

#breadcrumb{
margin: 10px 10px 10px 13px;
width:400px;
}

#breadcrumb ul{
margin: 0px;
padding: 0px;
}

#breadcrumb li{
list-style: none;
display:inline;
}

#breadcrumb li a{
color:#000000;
}

ul#links a:link{
color:#000000;
text-decoration:none;
}

ul#links a: hover{
color:#000000;
text-decoration:underline;
}

ul#links a:active{
color:#000000;
text-decoration:none;
}

ul#links a:visited{
color:#000000;
text-decoration:underline;
}

#intcontent a{
color:#000000; font-weight:bold;
}

/* Footer ******************************************** */

#footer{
clear:both;
padding: 0px;
margin-top:20px;
width: 908px;
height:39px;
background:url(../images/footer_bg.jpg) top center no-repeat;
color: #FFF;
bottom:0;
}

#footer ul.footnav{
width: 300px;
margin: 0 auto;
padding-top: 5px;
text-align:center;
list-style-type: none;
}

#footer ul.legal{
width: 400px;
margin: 0 auto;
text-align:center;
list-style-type: none;
}

#footer li{
display:inline;
color: #FFF;
}

/* Link Tag ******************************************** */

a:link   {color:#FFFFFF; text-decoration:none;}
a:active {color:#FFFFFF; text-decoration:none;}
a:visited{color:#FFFFFF; text-decoration:none;}
a:hover  {color:#7a0606; text-decoration:underline;}

/* Image Slider ******************************************** */

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:297px;
}
/* rotator css */
	div#rotator ul li {
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:none;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}

.clear{
clear:both;
}

/* Partners in-page placement */
    div#partners {
	position:relative;
	height:220px;
	margin: 0 0 0 50px;
	padding: 0;
}
/* Partners css */
	div#partners ul li {
	position:absolute;
	list-style: none;
}
/* Partners image style */	
	div#partners ul li img {
	border:none;
	background: #FFF;
}
    div#partners ul li.show {
	z-index:500
}