/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #f1f4f5;
	color: #7d888e;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #7d888e;
	text-decoration: underline
}
a:hover{
	text-decoration: none
}
input,select,textarea{
	background: url(../images/input-bgr.gif) #f3f4f4 repeat-y right;
	border: #a7bbc6 1px solid;
	color: #a1b6c2;
	font-size: 11px;
	font-weight: bold;
	padding: 3px
}
li{
	list-style: none
}
h2{
	font-size: 2em;
	margin: 0 0 .5em
}
h3{
	font-size: 1.6em;
	margin: 0 0 .3em
}
h4{
	font-size: 1em
}
p{
	line-height: 1.4em;
	padding: 0 0 1em
}
/*=== Layout ===*/
#page{
	background: url(../images/bgr.jpg) #fefefe repeat-x center top
}
#page #content{
	margin: 0 auto;
	width: 789px
}
/*=== Header ===*/
#header{
	height: 64px;
	margin: 0 0 55px;
	padding: 33px 0 0
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	width: 264px
}
#header h1 a{
	display: block;
	height: 64px;
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	overflow: hidden;
	text-transform: lowercase
}
#nav1 li{
	float: left;
	line-height: 22px
}
#nav1 li a{
	color: #9fa5a7;
	display: block;
	float: left;
	padding: 0 20px 0 0;
	text-decoration: none
}
#nav1 li a:hover,
#nav1 li.active a{
	color: #626769;
	text-decoration: underline;
}
/*=== Intro ===*/
.home-intro{
	height: 169px;
	margin: 0 0 20px
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 10px 0 0;
	padding: 0 0 10px
}
.col1{
	float: left;
	width: 524px
}
.col2{
	float: right;
	width: 243px
}
/*=== Styling Boxes ===*/
/*- Box1, Box2, Box3 general -*/
.box{
	width: 789px
}
.box .top,.box .bot,
.box2 .top,.box2 .bot,
.box3 .top,.box3 .bot{
	background: url(../images/box-top.gif) no-repeat top;
	clear: both;
	color: #fefefe;
	font-size: 11px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	padding: 0 12px
}
.box .top h3,
.box2 .top h3,
.box3 .top h3{
	color: #ffffff;
	float: left;
	font-size: 15px;
	line-height: 26px;
	margin: 0
}
.box .top a{
	color: #fefefe;
	font-weight: bold;
	text-decoration: none
}
.box .top a:hover{
	text-decoration: underline
}
* html .box .top .fr img{
	display: none;
}
.box .bot{
	background: url(../images/box-bot.gif) no-repeat top;
	color: #ffffff;
	font-size: 13px;
	height: 43px;
	line-height: 43px;
	text-align: center
}
.box .bot.higher{
	background: url(../images/box-bot2.gif) no-repeat top;
	height: 76px;
	line-height: 76px
}
.box .content,
.box2 .content,
.box3 .content{
	background: #ffffff;
	height: 1%;
	padding: 2px 0
}
/*- Box2 -*/
.box2{
	width: 524px
}
.box2 .top{
	background: url(../images/box2-top.gif) no-repeat top;
	padding: 0 20px
}
.box2 .top img,
.box3 .top img{
	margin: 5px 0 0
}
.box2 .bot{
	background: url(../images/box2-bot.gif) no-repeat top;
	height: 15px
}
.box2 .content{
	background: url(../images/box2-bgr.gif) repeat-y;
	padding: 12px 20px
}
/*- 'Latest News' Box2 -*/
.box2.nobg .top{
	padding: 0 12px
}
.box2.nobg .content{
	background: none;
	font-size: 11px;
	padding: 3px 0
}
.box2.nobg h4{
	font-size: 11px
}
.box2.nobg p{
	padding: 0 0 3px
}
/*- Box3 -*/
.box3{
	margin: 0 0 10px;
	width: 243px
}
.box3 .top{
	background: url(../images/box3-top.gif) no-repeat top
}
.box3 .bot{
	background: url(../images/box3-bot.gif) no-repeat top;
	color: #ffffff;
	font-size: 12px;
	height: 60px;
	line-height: 15px;
	padding: 16px 0 0;
	text-align: center
}
.box3 .wrap{
	margin-right: 0;
	width: 227px
}
/*- Wrapper -*/
.wrap{
	background: url(../images/wrap-bgr.gif) no-repeat top;
	color: #a6b7c0;
	float: left;
	font-size: 10px;
	height: 107px;
	margin: 0 3px 2px 0;
	overflow: hidden;
	padding: 15px 3px 0 13px;
	width: 245px;
}
.wrap h3{
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}
.wrap h3 a{
	color: #a6b7c0;
	text-decoration: none;
}
.wrap p{
	padding: 0 0 6px
}
.wrap p a{
	color: #a6b7c0;
	text-decoration: none;
}
.wrap .th img{
	border: 5px solid #e2e7e7;
	float: left;
	height: 79px;
	margin: 0 10px 10px 0;
	width: 93px
}
 .wrap:hover{
	background: #e2e7e7;
	color: #7d8488
}
  .wrap:hover a{
	color: #7d8488
}
  .wrap.last{
	margin-right: 0
}
/*=== Styling Forms ===*/
/*- Contact Form -*/
.cform{
	float: right;
	margin: 0 0 .5em;
	width: 243px
}
.cform div{
	margin: 0 0 5px
}
.cform input{
	width: 235px
}
/* Form1 Buttons */
.cform .submit{
	float: left;
	margin: 5px 0 0 7px
}
.cform input.btn{
	background: none;
	border: 0;
	margin: -5px 0 0;
	padding: 0;
	position: relative;
	width: auto
}
/* Form1 Textarea */
.cform textarea{
	height: 30px;
	overflow: auto;
	width: 235px
}
/*=== Link Buttons ===*/
/*- Feedback Button -*/
.btn-feedback{
	height: 103px;
	left: 0;
	position: fixed;
	top: 225px;
	width: 33px
}
/*- More Examples Button -*/
.btn-exampl a{
	background: url(../images/ico03.gif) no-repeat left;
	color: #a6b7c0;
	font-weight: bold;
	padding: 0 0 0 11px;
	text-decoration: underline
}
.btn-exampl a:hover, .wrap:hover .btn-exampl a{
	background: url(../images/ico03-.gif) no-repeat left;
	color: #7d8488
}
/*- Download Button -*/
.btn-download{
	font-size: 1.2em;
	font-weight: bold
}
.btn-download img{
	border-right: 5px solid #fefefe;
	margin: 0 0 -5px;
	position: relative;
	text-decoration: none
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
	border: 1px solid #9ea6aa;
	display: block
}
.pic.fl img{
	margin-right: 10px
}
.pic.fr img{
	margin-left: 10px
}
/*- Ads -*/
.ad-creative{
	height: 116px;
	margin: 0 0 0 440px;
	position: absolute;
	top: -10px;
	width: 145px
}
.ad-bcard{
	height: 211px;
	margin: 0 0 0 545px;
	position: absolute;
	top: -20px;
	width: 288px
}
/*=== Footer ===*/
#footer{
	color: #a1b6c2;
	margin: 0 auto;
	width: 789px
}
#footer a{
	color: #a1b6c2;
	text-decoration: none
}
#footer a:hover{
	text-decoration: underline
}
#footer h3{
	font: bold 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 .4em
}
#footer .content{
	font-size: .85em
}
#footer .content a{
	font-weight: bold
}
/*- Quick Links -*/
#footer .quick-links{
	float: left;
	width: 790px
}
#footer .quick-links ul{
	float: left;
	font-weight: bold;
	margin: 0 0 .7em;
	padding: 0 25px 0 0
}
#footer .quick-links li{
	margin: 0 0 .3em
}
#footer .quick-links li a{
	background: url(../images/ico-list1.gif) no-repeat 0 4px;
	padding: 0 0 0 17px
}
#footer .quick-links li a:hover{
	background: url(../images/ico-list1-.gif) no-repeat 0 4px;
	color: #626769;
	text-decoration: none
}
#footer .hdicon{
	float: right;
	margin: 4px 0 -4px;
	position: relative
}
#page-bot{
	background: url(../images/page-bot.gif) #f1f4f5 repeat-x top;
	height: 1%;
	padding: 28px 0 35px
}
/*=== Jquery slideshow on homepage ===*/

#slideshow {
    position:relative;
    height:331px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    height: 331px;
}

#slideshow div.active {
    z-index:10;
}

#slideshow div.last-active {
    z-index:9;
}

#slideshow div img {
	width: 524px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}
/*=== Pop-up box ===*/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
/*=== Latest News Feed Styles ===*/
.feed {
	background-color: #edf1f1;
	padding-left: 12px;
	padding-right: 12px;
}
.feed a {
	color: #7d888e;
	font-size: 12px;
	font-weight: bold;
	font-weight:normal;
}
.feed li {
	padding-bottom: 5px;
}
.feed img {
	display: none;
}
/*=== Misc. ===*/
.intro-clients {
	margin-left: -13px;
	margin-top: 10px;
}
.leftimage{
	text-align: left;
	margin-right: 8px;
}
.rightimage{
	text-align: left;
	margin-left: 8px;
}
.ico-info {
	margin-top: 4px;
	margin-right: 8px
}
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.hl, .hl2{
	border-top: 1px dotted #99a1a6;
	clear: both;
	height: 1px;
	margin: 0 0 10px;
	overflow: hidden
}
.hl2{
	margin: 5px 0
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}