@import url("reset.css");
@import url("forms.css");
@import url("typography.css");
@import url("grid.css");

body { font-family: Arial, serif; background-color: #C9C9C9; }
#switcher { position: fixed; right: 10px; }

a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }
.img-left { float: left; margin-right: 10px; }
a.readmore { display: block; width: 101px; height: 25px; text-align: center; line-height: 24px; background-repeat: no-repeat; margin-top: 10px; float: right; color:black; font-weight: bold; }
a.readmore:hover { text-decoration: none; }
h1 { font-size: 2em; }


#main-wrapper{
	border-top: 4px solid;
	width: 100%; 
	min-width: 980px;
	padding-top: 106px;
}
.content-wrapper { background-color: white; padding: 10px 0; }
#header-wrapper{ 
	position: fixed;
	top: 0;
	width: 100%;
	background: white url(/img/nav-bg.gif) 0 67px repeat-x;
	z-index: 999;
	border-top: #2E846B solid 5px;
}
#header{
	position: relative;
	height: 106px;	
	width: 900px;
	margin: 0 auto;
}
#nav {
	position: absolute;
	height: 39px;
	bottom: 0;
}
#footer-wrapper { background: url(/img/footer.gif) repeat-x; height: 63px; min-width: 980px;}
#footer { 
	width: 900px;
	min-width: 980px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}
#footer a { margin: 0 5px; }
#footer a,#footer a:hover { color: #3F3F3F; text-decoration: none; }
/* Header */
#logo { 
	position: absolute;
	left: 10px;
	top: 10px;
	display: block; 
	background: url(/img/logo.gif) no-repeat; 
	width: 201px; height: 50px; 
}
#chat{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 278px;
	height: 50px;
	display: block;
}

/* Nav */
#nav ul {
	list-style: none;
	margin:0;
	padding: 0;
}
#nav ul li { float: left;}
#nav ul li a { display: block; height: 39px;  text-indent: -9999px; background-repeat: no-repeat; }
#nav-home { background-image: url(/img/nav-home.gif); width: 102px; }
#nav-about { background-image: url(/img/nav-about.gif); width: 106px; }
#nav-apply { background-image: url(/img/nav-apply.gif); width: 137px;}
#nav-purchase { background-image: url(/img/nav-purchase.gif); width: 189px;}
#nav-benefits { background-image: url(/img/nav-benefits.gif); width: 213px;}
#nav-contact { background-image: url(/img/nav-contact.gif); width: 153px;}

.col-right { margin-left: 10px; }

/* Homepage */
#home-img-wrapper { background-repeat: repeat-x; background-position: bottom; padding-bottom: 3px;}
#home-img { 
	width: 980px; 
	height: 191px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin: 0 auto auto;
	
}
#welcome { padding:0 10px; }
#welcome h1 { font-style: italic; }
#customers_logos{ text-align: center;}
#customers_logos img { vertical-align: middle;}
#customers img { margin-right: 30px; }
#customers { margin-top: 20px;}


/* Boxes */
h2.hdr-project, h2.hdr-podcasts, h2.hdr-calc {  display: block; margin-left: 20px; height: 100%; background-repeat: no-repeat; background-position: left; }
h2.hdr-project { width: 198px; }
h2.hdr-podcasts { width: 103px; }
h2.hdr-calc { width: 205px; }

.chrome-hdr, .chrome-body { position: relative; border: 1px solid; background-repeat: repeat-x;}
.chrome-hdr { height: 30px; margin-bottom: 3px;}
.chrome-light-tl, .chrome-light-tr, .chrome-dark-bl, .chrome-dark-br { position: absolute; background-repeat: no-repeat; width: 20px; height: 20px; }
.chrome-light-tl { top: -1px; left: -1px; }
.chrome-light-tr { top: -1px; right: -1px; }
.chrome-dark-bl { bottom: -1px; left: -1px; }
.chrome-dark-br { bottom: -1px; right: -1px; }
.chrome-body { margin-bottom: 10px; padding: 10px; background-repeat: repeat-x; height: 90px }


/* scroll */
.scroll-pane { height: 200px; }
.scroll-full { height: 590px; }
.jScrollPaneTrack {	background: url(/img/scroll-track.jpg) repeat-y; }
.jScrollPaneDrag { background: url(/img/scroll-btn.jpg) no-repeat; }

/* Customer Logos */
.jcarousel-container-horizontal{ width: 840px; margin: 0 auto; }
#customers_logos { margin-bottom: 10px; }
#customers_logos li { width: 100px; height: 40px; line-height: 40px;  margin: 20px;  line-height: 40px; vertical-align: middle; }
#customers_logos li img {  vertical-align: middle; }


/* Feeature items */
#feature-items ul { list-style: none; padding: 0 10px;  }
#feature-items ul li { padding-left: 20px; background: url(/img/h2-circle.gif) no-repeat 0 2px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; }
#feature-items ul li p { margin-bottom: 5px; }
.featured_readmore { color: black; text-transform: uppercase; font-weight: bold; font-size: 0.9em; padding-right: 10px; background: url(/img/triangle.gif) no-repeat right; }
.featured_readmore:hover { text-decoration: none; }

/* Contact */
.contact-table td { padding: 0px; }
#contact-left label, #contact-right label { display: block; font-weight: normal;  }
#contact-left input[type="text"] { width: 270px; height: 20px; margin-top: 0; border: none; background: url(/img/input-text.gif) no-repeat; padding:0 5px;}
#contact-right textarea { height: 140px; margin-top: 0; width:270px; background: url(/img/input-textarea.gif) no-repeat; border: none; }
#contact-right input[type="submit"], #contact-right input[type="reset"] { border: none; padding-right: 10px; background: white url(/img/input-arrow.gif) right no-repeat; } 
#contact-right input[type="submit"]:hover, #contact-right input[type="reset"]:hover{ cursor: pointer; }


/* equipments */
.equipment td{
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}