/*------------------------------------reset--------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,blockquote,fieldset,input { margin: 0; padding: 0; }

ul, ol {
	list-style:none;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
img {
	border:none;
}
/*layout*/
.clear {

	clear:both;
}
.clearer { 
clear: both;
height:40px;


}
.clearfix { 
clear: both;
height:20px;
}


/* ---------------------- end reset ---------------------------------*/

/*---------------tag styles ---------------------------*/
hr {
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #e1dfdf;

}
hr.forblog {
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #e1dfdf;
	margin:0px 0px 45px 0px;

}

p {
	line-height:19px;
}


h1 {
	height:33px;
	font-size:27px;
	color:#333333;
	letter-spacing:0px;

}



h3 {
	height:24px;
	font-size:20px;
	color:#333333;
	letter-spacing:0px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	height:21px;
	font-size:15px;
	color:#6e6e6e;
	letter-spacing:0px;

}


.float-left {
	float:left;
	padding:0px 9px 0px 0px;
	display:inline;
}

a:link {
	color:#19a1d9;
	text-decoration:underline;
	
}
a:visited {
	color:#19a1d9;
	text-decoration:underline;
}
a:hover {
	color:#19a1d9;
	text-decoration:none;
	
}
a:active {
	color:#19a1d9;
	text-decoration:underline;
}
/*---------------end tag styles---------------------------*/



/* ---------------------- start styles ---------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#646464;
	text-align:center;
	background:url(images/mainbg.gif) repeat-x 0 0;
	background-color:#FFFFFF;
}



#wrapper {
	width:923px;
	margin:0px auto;
	padding:0px;
	text-align:left;

}

/*start header*/

#header {
	width:923px;
	height:370px;
	margin:0px;
	padding:0px;
	background:url(images/headerbg.jpg) no-repeat 0 0;


}

#header-content {
	
	height:105px;
	margin:0px;
	padding:0px;
}

h1#logo {
	float:left;
	padding:17px 0px 0px 0px;
}

h1#logo a em{
	display:block;
	background-image:url(images/logo.png);
	behavior:url(images/iepngfix.htc);
	background-repeat:no-repeat;
	background-position:0 0;
	width:151px;
	height:42px;
	text-indent:-10000px;
	cursor:pointer;


}

h2#slogan {
	float:left;
	padding-top:17px;

}

h2#slogan em {
	display:block;
	background:url(images/slogan.png) no-repeat 0 0;
	behavior:url(images/iepngfix.htc);
	width:189px;
	height:42px;
	text-indent:-10000px;
}



ul#menu {
	float:right;
	height:70px;
	padding:35px 0px 0px 0px;
}
ul#menu li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 28px;
}
ul#menu li a {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cccccc;
	font-size:12px;
	text-decoration:none;
}
ul#menu li a:hover {
	color:#ffffff;
	font-size:12px;
	border-bottom:1px solid #319be7;
	padding-bottom:8px;
}
ul#menu li a.selected {
	display:block;
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #319be7;
	padding-bottom:8px;
}


#header-image {
	width:923px;
	height:265px;
	margin:0px;
	padding:0px;


}

#left-content {
	width:425px;
	float:left;
}

#header-image h1 {
	height:38px;
	padding:81px 0px 0px 0px;
	font-size:33px;
	color:#333333;
	letter-spacing:0px;
}
#header-image h2 {
	height:20px;
	margin:0px;
	font-size:17px;
	color:#666666;
	letter-spacing:0px;
}
#header-image p {
	width:114px;
	height:27px;
	margin:0px;
	padding:12px 0px 0px 285px;
}

#header-image p a span {
	display:none;
}

#header-image p a {
	display:block;
	width:114px;
	height:27px;
	background:url(images/button.gif) no-repeat 0px 0px;
}
#header-image p a:hover{
	background:url(images/button.gif) no-repeat 0px -27px;
}


#effect-container{
	width:498px;
	height:265px;
	background:url(images/static-image.jpg) no-repeat 0 0;
	float:right;
}

#effect1 {
	float:left;
	margin:0px;
	padding:36px 0px 0px 39px;
}
#effect2 {
	float:left;
	margin:0px;
	padding:58px 0px 0px 9px;
}
/*end header*/


/*start body */

#mainbody {

	width:923px;
	min-height:600px;
	overflow:hidden;
	margin:0px;
	padding:32px 0px 0px 0px;
}

#leftcol {
	float:left;
	width:600px;
}
#rightcol {
	float:right;
	width:275px;
	margin:0px;
	padding:0px 1px 0px 47px;
}

p.business {
	display:block;
	width:255px;
	height:25px;
	background:url(images/tab1.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:13px;
	color:#0874ba;
	margin:0px;
	padding:6px 0px 0px 20px;
}

p.download {
	display:block;
	width:255px;
	height:22px;
	background:url(images/tab2.gif) no-repeat 0px 0px;
	font-weight:bold;
	font-size:13px;
	color:#666666;
	margin:0px;
	padding:3px 0px 0px 20px;
	
}

#info {
	width:273px;
	border-left:solid 1px #d0cfce;
	border-right:solid 1px #d0cfce;
	background:url(images/tabgradient.gif) repeat 0 0;
}

#info p {
	margin:0px;
	padding:14px 18px 29px 18px;
}

#pdf {
	width:273px;
	border-left:solid 1px #d0cfce;
	border-right:solid 1px #d0cfce;
	background:url(images/tabgradient.gif) repeat 0 0;
}
#pdf p {
	background:url(images/pdficon.gif) no-repeat 19px 14px;
	margin:0px;
	padding:14px 0px 0px 91px;
}
#pdf p.download-text {
	background:none;
	margin:0px;
	padding:14px 0px 0px 91px;
}
#pdf p.download-text a {
	background:url(images/grayarrow.gif) no-repeat 0px 4px;
	margin:0px;
	padding:0px 0px 0px 12px;
}

#bgeffect {
	width:275px;
	height:64px;
	background:url(images/bgeffect.gif) no-repeat 0 0;
}

#featured {
	float:left;
	width:340px;
	padding-top:33px;
}
#featured h2 {
	height:29px;
	font-size:22px;
	color:#333333;
	letter-spacing:0px;
}
#featured p {
	padding-top:22px;
}


#service {
	
	float:right;
	width:541px;
	padding:33px 0px 0px 42px;
}

#service h2 {
	height:29px;
	font-size:22px;
	color:#333333;
	letter-spacing:0px;
}

ul#service-list  {
	margin:0px;
}
ul#service-list li {
	margin:0px;
	padding:22px 0px 0px 0px;
	background:url(images/arrow.gif) no-repeat 0px 25px;
}
ul#service-list li span {
	margin:0px;
	padding:0px 0px 0px 26px;
	line-height:19px;
	
}


#testi {
	padding:16px 20px 0px 20px;
	width:883px;
	height:116px;
	background:url(images/testibg.gif) no-repeat 0 0;

}

#testi p {
	padding-top:16px;
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
	color:#666666;
	line-height:24px;
} 

#testi p span {
	
	text-align:right;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	color:#666666;
	position:relative;
	left:146px;



}
#testi p span em {
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	color:#808080;

	


}
/*end body */



/* footer */
#footer {
	width:923px;
	margin:0px;
	padding:40px 0px 0px 0px;
	overflow:hidden;
}


#footer p {
	float:left;
	font-size:12px;
	color:#6e6e6e;
	font-weight:bold;
}
	
ul#footer-link {
	float:left;
	margin:0px;
	padding:2px 0px 28px 8px;
}
ul#footer-link li {
	float:left;
	background:url(images/dot.gif) no-repeat 0px 6px;
}
ul#footer-link li a {
	display:block;
	font-size:12px;
	text-decoration:none;
	padding:0px 12px 0px 12px;
	color:#6e6e6e;
}
ul#footer-link li a:hover {

	text-decoration:underline;

}
/*end footer */




/*landing page */




/*----------------------start services-------------------------*/
#sample-headings {
	padding-top:30px;
}


#sample-headings h1 {
	font-size: 36px;
	height:43px;
	margin-bottom:18px;
	color:#333333;
}

#sample-headings h2 {
	height:37px;
	font-size: 30px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}
#sample-headings h3 {
	height:29px;
	font-size: 22px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}
#sample-headings h4 {
	height:23px;
	font-size: 16px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}
#sample-headings h5{
	height:19px;
	font-size: 12px; 
	margin:22px 0px 18px 0px;
	color:#333333;
}

#icon-list {
	padding:33px 0px 0px 0px;
}

#icon-list h2 {
	height:29px;
	font-size:22px;
	color:#333333;
	letter-spacing:0px;
}
#icon-list h4 {
	font-size:14px;
}


ul.number-list {
	margin:0px;
}


ul.number-list li {
	margin:0px;
	padding:22px 0px 0px 0px;

}
ul.number-list li em {
	font-style:normal;
	font-size:20px;
	color:#19a1d9;

}
ul.number-list li span {
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:19px;
	
}



/*----------------------end services-------------------------*/

/*----------------------start portfolio-------------------------*/
ul#portfolio {
	width:923px;

	padding:65px 0px 0px 0px;
}

ul#portfolio li {
	background:url(images/portfoliobg.gif) no-repeat 0 0;
	width:264px;
	display:block;
	float:left;
	padding:24px 35px 50px 20px;
	
}
ul#portfolio li.last-col {
	background:url(images/portfoliobg.gif) no-repeat 0 0;
	width:264px;
	display:block;
	float:left;
	padding:24px 0px 50px 20px;
	
}

ul#portfolio h3 {
	height:26px;
	padding-top:21px;
	font-size:18px;
	color:#333333;
}

ul#portfolio li a.port-link {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#1097d8;
}
ul#portfolio li a.port-link:hover {
	text-decoration:underline;

}
/*----------------------end portfolio-------------------------*/

/*----------------------start contact-------------------------*/

#contact form {
	width:390px;
	padding-top:50px;
}

#contact form label {
	display:block;
	margin:0px;
	padding:0px 0px 5px 0px;
}

#contact form input.inputbox {
	width:256px;
	height:25px;
	border:1px solid #d2d2d1;
	margin-bottom:30px;
	background-color:#fafafa;
	vertical-align:middle;
	padding:7px 2px 0px 2px;

}
#contact form input.txtbox {
	width:390px;
	height:122px;
	border:1px solid #d2d2d1;
	margin-bottom:30px;
	background-color:#fafafa;


}

#contact form input.send {
	float:right;
	width:116px;
	height:30px;
	font-size:13px;
	color:#FFFFFF;
	border:none;
	font-weight:bold;
	background-color:#333333;
	cursor:pointer;
	
}


#contact form input:hover.send {
	float:right;
	width:116px;
	height:30px;
	font-size:13px;
	color:#FFFFFF;
	border:none;
	font-weight:bold;
	background-color:#666666;
	cursor:pointer;
	
}

/*----------------------end contact-------------------------*/



/*----------------------start blog-------------------------*/

#blog-wrapper {
	background:url(images/blogbg.gif) repeat-x 0 0;
	background-color:#FFFFFF;
}

#blog-header {
	width:923px;
	height:105px;
	margin:0px;
	padding:0px;
	background:url(images/blog-headerbg.jpg) no-repeat 0 0;


}
#blog-leftcol {
	float:left;
	width:617px;
}


#blog-leftcol h5 {
	font-size:13px;
	color:#6e6e6e;
}

#blog-leftcol h5 span {
	color:#147bc0;
}

#blog-leftcol .post-blog {
	margin:0px 0px 45px 0px;
}



#blog-leftcol .post-blog p.read-more {
	display:block;
	width:115px;
	height:24px;
	text-align:center;
	padding:3px 0px 0px 0px;
	background:url(images/read-more.gif) no-repeat 0 0;
}
#blog-leftcol .post-blog p.read-more a{
	height:24px;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;

}
#blog-leftcol .post-blog p.read-more a:hover{
	text-decoration:underline;
}



#blog-rightcol {
	float:right;
	width:236px;
	margin:0px;
	padding:0px 0px 0px 70px;
}

#blog-rightcol h3 {

	font-size:17px;
	color:#333333;
	letter-spacing:0px;
	padding:7px 0px 0px 19px;
	background:url(images/blog-arrow.gif) no-repeat 0px 10px;
}

ul.blog-nav {
	width:236px;
	padding:6px 0px 40px 0px;
	background:url(images/dotted.gif) repeat-x 0px 5px;
}
ul.blog-nav li {
	width:234px;
	height:22px;
	margin:0px;
	padding:3px 0px 0px 2px;
	background:url(images/dotted.gif) repeat-x 100% 100%;
}
ul.blog-nav li a {
	display:inline;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;	
}
ul.blog-nav li span {
	font-size:12px;
	font-weight:bold;	
	padding:0px 0px 0px 3px;
	color:#494949;
}


ul.blog-nav li a:hover {
	text-decoration:underline;
	
	
}



ul.about-blog {
	width:236px;
	padding:6px 0px 40px 0px;
}
ul.about-blog li {
	width:236px;
	background:url(images/dotted.gif) repeat-x 0 0;
	margin:0px;
	padding:15px 0px 0px 0px;
	font-size:12px;
	color:#646464;
	line-height:17px;
}
ul.about-blog li a {
	text-decoration:underline;
	color:#ff6600
	
}
ul.about-blog li a:hover {
	text-decoration:none;
	color:#ff6600
	
}


/*----------------------end blog-------------------------*/






/*end landing page */
/* ---------------------- end styles ---------------------------------*/


/* rollover effect */

#rollover-effect1 {
  list-style: none;
}

#rollover-effect1 li {
  float: left;
}

#rollover-effect1 a * {
  display: none;
   cursor:pointer;
}

#rollover-effect1 a,
#rollover-effect1 a .hover {
  height: 143px;
   cursor:pointer;
	position: relative;
	display: block;
	background: url(images/fade-effect.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#rollover-effect1 a.video1 {
  background-position: 0 0;
  width: 283px;
}

#rollover-effect1 .highlight a.video1:hover,
#rollover-effect1 a.video1 .hover {
  background-position: 0 -143px;
  width: 283px;
}


/* rollover-effect 2 */

#rollover-effect2 {
  list-style: none;
}

#rollover-effect2 li {
  float: left;
}

#rollover-effect2 a * {
  display: none;
  cursor:pointer;
}

#rollover-effect2 a.video2,
#rollover-effect2 a.video2 .hover {
 cursor:pointer;
  height: 107px;
	position: relative;
	display: block;
	background: url(images/fade-effect1.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#rollover-effect2 a.video2 {
  background-position: 0 0;
  width: 157px;
}

#rollover-effect2 .highlight a.video2:hover,
#rollover-effect2 a.video2 .hover {
  background-position: 0 -107px;
  width: 157px;
}

/* end rollover effect */