@charset "utf-8";

* { padding: 0; margin: 0; }

body {
	font-family: arial, tahoma, verdana, arial, sans-serif; 
	font-size: 11px; 
	color: #888888; 
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
}

p {
    font-family: arial, tahoma, verdana, arial, sans-serif;
	font-size: 1.05em;
	line-height: 1.35em;
	color: #666666;
}

img { 
	margin: 0px;
	padding: 0px;
}

img.hp { 
	margin: 0px;
	padding: 0px;
	display: block;
}

.bodycontent {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px;
	line-height: 1.35em;
	margin: 0px 0px 10px 0px;
	color: #808284;
	font-weight: normal;
	font-style: normal;
}

.subfeathead {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 16px;
	line-height: 1.1em;
	color: #0c72b5;
	font-weight: normal;
	font-style: normal;
}

.listcontent {
    font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px;
	line-height: 1.35em;
	margin: 0px 0px 10px 20px;
	color: #808284;
	font-weight: bold;
	font-style: normal;
}

.listcontentnorm {
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 1.05em;
	line-height: 1.35em;
	margin: 0px 0px 10px 20px;
	color: #666666;
	font-weight: normal;
	font-style: normal;
}

.copyright {
    font-family: "arial", tahoma, verdana, arial, sans-serif;
	font-size: 9px;
	line-height: 1.35em;
	margin: 8px 0px 0px 0px;
	color: #808284;
	font-weight: bold;
	font-style: normal;
}

h1 {
	margin-bottom: 1em;
	font-weight: normal;
	font-size: 1.5em;
	color: #0c72b5;
    line-height: 1.1em;
}

h2 {
	margin-bottom: 0.3em;
	font-weight: normal;
	font-size: 1.5em;
	color: #0c72b5;
    line-height: 1.1em;
}

h3 {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #0c72b5;
    line-height: 1.25em;
}

h4 {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
    line-height: 1.25em;
}

h5 {
	font-family: arial, tahoma, verdana, arial, sans-serif;
	font-size: 1.05em;
	line-height: 1.35em;
	font-style:italic;
	color: #666666;
}
/* ------------------- LINKS ------------------- */

A:link {
	FONT-WEIGHT: lighter;
	COLOR: #0086c8;
	TEXT-DECORATION: none;
}
A:visited {
    FONT-WEIGHT: lighter;
	COLOR: #0086c8;
	TEXT-DECORATION: none;
}
A:hover {
	FONT-WEIGHT: lighter;
	COLOR: #0086c8;
	TEXT-DECORATION: underline;
}
A:active {
	FONT-WEIGHT: lighter;
	COLOR: #0086c8;
	TEXT-DECORATION: none;
}
A.nav:link {
	FONT-WEIGHT: normal;
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-size: 1.05em;
}
A.nav:visited {
    FONT-WEIGHT: normal;
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-size: 1.05em;
}
A.nav:hover {
	FONT-WEIGHT: normal;
	COLOR: #0086c8;
	TEXT-DECORATION: underline;
	font-size: 1.05em;
}
A.nav:active {
	FONT-WEIGHT: normal;
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-size: 1.05em;
}

/* ------------------- LAYOUT ------------------- */
  
#wrapper { 
  width: 897px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 40px 0px 40px;
  background-image: url(../images/access-bg.jpg);
  background-repeat: no-repeat;
}

#main { 
 width: 857px; 
 overflow:hidden;
 background-color: #FFFFFF;
 padding: 10px 20px 10px 20px;
}

#header {
	background-color: #FFFFFF;
	width: 857px;
}

#info { 
	float: left;
 	background-color: #004680;
 	width: 857px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#home {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#prodimage{
	float: left;
	border: 0px solid #ccc;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 121px;
	width: 857px;
}

/* ------------------- IMAGE NAVIGATION ------------------- */
 
#one {
	float:left;
	width: 376px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 221px;
}
#two {
	float:left;
	width: 177px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 221px;
	}
#three {
	float:left;
	width: 304px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 221px;
	}

/* ------------------- END ------------------- */

#feature {
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 20px 20px 0px 20px;
	width: 600px;
}
#subfeature {
	float:right;
	margin: 20px 0px 0px 0px;
	width: 200px;
}
#featurefull {
	float: left;
	border: 0px solid #ccc;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	height: 100%;
	width: 817px;
	border-bottom-style: solid;
	border-bottom-color: #dedddd;
	border-bottom-width: 0px;
}

/* ------------------- FOOTER ELEMENTS ------------------- */

#footer {
	clear:left;
	margin: 30px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	height: 70px;
	width: 857px;
	background-image: url(../images/footer.jpg);
	background-repeat:no-repeat;	
}

#footerbar {
	width:857px;
	text-align:left;
}

#footerbar ul {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 25px;
}

#footerbar ul li {
	display: inline;
	list-style:none;
	border-right:1px solid #cccccc;
	margin:0px 0px 10px 0px;
	padding:0px 5px 0px 5px;		
}

#footerbar ul li.first {
	margin-left: 0px;
	border-left: none;
}

#footerbar ul li.last {
	margin-left: 0px;
	padding-left:0px;
	border-right: none;
}

#copyright {
	clear:both;
	float:left;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	color: #808284;
	font-weight: normal;
}

/* ------------------- IMAGE FLOATS ------------------- */

img.floatLeft { 
    float: left; 
    margin: 0px 20px 10px 0px;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatLeftTight { 
    float: left; 
    margin: 0px 10px 0px 0px;
}
#floatclear {
	clear:both;
}
img.hometop { 
    float: right; 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
img.homeRight { 
    float: right; 
    margin: 0px 0px 10px 10px; 
}

/* ------------------- HEADER NAVIGATION ------------------- */

/* the styling */

#menu {
     list-style-type:none; 
     margin:0px 22px 0px 0px; /* settings for this demo olnly */
     padding:0px;
	 float:right; 
	 display: inline;
}

#menu li {
     display:block; 
     float:left; 
     position:relative; 
     z-index:100; 
     margin:0px 0px 0px 0px;
}

#menu li span {
     display:block; 
     z-index:100; 
	 background:#0086c8; 
	 padding: 5px 10px;
	 font-size:1em;
}

#menu li a, #menu li a:visited {
     display:block; 
	 padding:0;
}

#menu dl {
     position:absolute; 
	 top:0; 
	 left:0; 
	 margin: 0;
	 padding: 0; 
	 background-color: #004680;
}

#menu dt {
     background-color: #004680; 
	 margin:0px 0px 0px 0px;
	 font-size: 1em; 
	 border-bottom:0px;
	 float:left; 
	 border-right:0px solid #fff;
}

#menu dd {
     display:none; 
	 background-color: #0086c8; 
	 border-bottom:1px solid #FFFFFF; 
	 clear:left; 
	 margin:0; 
	 padding:0; 
	 color: #fff; 
	 font-size: 1em; 
	 text-align:left;
}

#menu dt a, #menu dt a:visited {
      display:block; 
	  color:#FFFFFF; 
	  padding: 5px 10px; 
	  text-decoration:none;
}

#menu dd a, #menu dd a:visited {
      background-color:#0086c8; 
	  color:#FFFFFF; 
	  text-decoration:none; 
	  display:block; 
	  padding: 5px 10px;
}

#menu li a:hover {
      border:2px;
}

#menu li:hover dd, #menu li a:hover dd {
      display:block;
}

#menu li:hover dl, #menu li a:hover dl {
       border-bottom:0px solid #FF6600;
}

#menu li:hover dt a {
      background-color: #0086c8; 
	  color:#FFFFFF;
}

#menu li a:hover dt a {
      background-color: #0086c8; 
	  color:#FFFFFF;
}

#menu dd a:hover {
      background-color: #FFFFFF; 
	  color:#004680;
}

/* ------------------- UNORDERED LISTS ------------------- */

#sublink ul {
	 list-style-type: none;
     padding: 0;
     margin: 0;	
}

#sublink ul li {
	 background-image: url(http://www.access-is.com/images/blue_arrow.gif);
     background-repeat: no-repeat;
     background-position: 0.3em 0px;
     padding-left: 1.5em;
	 padding-bottom: 0.6em;
}

#sublink ul li.first {
	margin-left: 0;
	border-left: none;
}

#sublink ul li.last {
	margin-left: 0;
	border-right: none;
}

/* ------------------- END ------------------- */