html, body {
	background:#FFF;
	margin:0px;
	padding:0px;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.5em 0;
}
a {
	color:#3E679F;
}
a:hover {
	color:#3E679F;
	text-decoration:underline;
}
p {
	margin:0px;
	padding:0px;
}
#wrapper {
	background:#FFF;
	margin:0 auto;
	text-align:left;
	width:960px;
}
/* header */

.smallist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

#header {
	height:92px;
	width:960px;
}
#header #logo {
	float:left;
	width:412px;
	background-color:#fff;
}
#header #menu {
	float:left;
	width:548px;
	background-color:#fff;
	text-align:right;
}
#flashbanner {
	height:311px;
	width:960px;
	background-color:#f1f1f1;
}
#banner {
	width:960px;
}
#flashbanner #callback {
	float:left;
	height:297px;
	width:212px;
	padding-top:14px;
	background-color:#fff;
	background-image: url(../img/callback3.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding-right:8px;
}
#flashbanner #callback .smalltext {
	height:20px;
}
#flashbanner #callback .alttext {
	color:#009FEC;
	font-size:11px;
}
#flashbanner #flash {
	float:left;
	height:311px;
	width:740px;
	background-image: url(../img/flashheader.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
}
#flashbanner #callback .fieldback {
	background-image: url(../img/nameformback.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0px;
	height:30px;
	width:212px;
}
#flashbanner #callback .fieldback2 {
	background-image: url(../img/enquirybox.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:0px;
	height:74px;
	width:212px;
}
#flashbanner #callback .field01 {
	margin-left:5px;
	margin-top:2px;
	border:0px;
	height:18px;
	width:170px;
}
#flashbanner #callback .field02 {
	margin-left:5px;
	margin-top:2px;
	border:0px;
	height:68px;
	width:190px;
}
#footer {
	float:left;
	height:29px;
	width:960px;
	border-top:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:20px;
}
#footer #streamline {
	float:left;
	height:29px;
	width:325px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
}
#footer #streamline .darker {
	color:#666;
}
#footer #footernav {
	float:left;
	width:635px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	padding-top:6px;
}
#footernav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footernav li {
	float:right;
	margin:0;
	padding:0;
}
#footernav li a {
	text-decoration:none;
	display:block;
	color:#999;
	background-image:url(../img/nav/smlbar.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:0px;
	padding-right:10px;
	margin-right:10px;
}
#footernav li a:hover {
	text-decoration:underline;
	display:block;
	color:#999;
	background-image:url(../img/nav/smlbar.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:0px;
	padding-right:10px;
	margin-right:10px;
}
#footernav li a.last, #footernav li.last {
	background-image:url(../img/nav/lastbar.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin:0px;
	padding-right:10px;
	margin-right:10px;
	border:0px;
}
ul, li {
	padding:0;
	margin:0;
}
li {
	margin-left:20px;
}
#nav {
	margin:0px;
	padding:0px;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#nav li {
	float:left;
	margin:0;
	padding:0;
}
#nav li a {
	text-decoration:none;
	display:block;
	height:92px;
}
#nav li a.home, #nav li.home {
	background-image:url(../img/nav/home.jpg);
	width:79px;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav li a.services, #nav li.services {
	background-image:url(../img/nav/services.jpg);
	width:88px;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav li a.products, #nav li.products {
	background-image:url(../img/nav/products.jpg);
	width:98px;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav li a.mobile, #nav li.mobile {
	background-image:url(../img/nav/mobile.jpg);
	width:76px;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav li a.portfolio, #nav li.portfolio {
	background-image:url(../img/nav/portfolio.jpg);
	width:105px;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav li a.contact, #nav li.contact {
	background-image:url(../img/nav/contact.jpg);
	width:91px;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav li a:hover {
	background-position:0 -92px;
	margin:0px;
	padding:0px;
	border:0px;
}
#nav li.home, #nav li.about, #nav li.services, #nav li.portfolio, #nav li.news, #nav li.contact {
	background-position:0 -92px;
	margin:0px;
	padding:0px;
	border:0px;
}
.hide, #nav span, h1, h2 {
	position:absolute;
	left:-5000px;
	margin:0;
	padding:0;
}
/* content */

#main {
	clear:both;
	position:relative;
}
#main #content {
	float:left;
	width:631px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-products {
	float:left;
	width:960px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-products .products-box01wrap {
	float:left;
	width:960px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-products .products-box01 {
	float:left;
	width:460px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:20px;
}
#main #content-products .products-box02 {
	float:left;
	width:470px;
	padding-top:15px;
	padding-bottom:10px;
}
#main #content-products .products-box01top {
	width:470px;
	height:20px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	background-image:url(../img/boxtop.jpg);
	background-repeat:no-repeat;
}
#main #content-products .products-box01bottom {
	width:470px;
	height:40px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	background-image:url(../img/boxbottom.jpg);
	background-repeat:no-repeat;
}
#main #content-products .producttitle {
	float:left;
	width:960px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-products .productaddtitle {
	float:left;
	width:960px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-products .productaddinfo {
	float:left;
	width:960px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-products .products-box01mid {
	width:410px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:30px;
	padding-left:30px;
	background-image:url(../img/boxmid.jpg);
	background-repeat:repeat-y;
}

#main #content-products .products-box01mid p {
	margin:0;
}
#main #content-portfolio {
	float:left;
	width:960px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-portfolio .portfoliowrap {
	float:left;
	width:960px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-portfolio .portfoliowrap .portfolio-design1 {
	float:left;
	width:230px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:10px;
}
#main #content-portfolio .portfoliowrap .portfolio-design2 {
	float:left;
	width:230px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-mobile {
	float:left;
	width:960px;
	padding-top:0px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-mobile #mobile-content {
	float:left;
	width:600px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-mobile #mobile-livedemo {
	float:left;
	width:360px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-mobile #mobile-content #mobile-title {
	width:360px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-mobile #mobile-content2 {
	float:left;
	width:960px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-contact {
	float:left;
	width:960px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-news {
	float:left;
	width:960px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #content-mobile #contact-title {
	float:left;
	width:960px;
	padding-top:15px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-contact #contact-boxleft {
	float:left;
	width:646px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-contact #contact-boxright {
	float:left;
	width:294px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:20px;
	background-image:url(../img/line-contact.jpg);
	background-repeat:no-repeat;
}

#main #content-news #news-boxleft {
	float:left;
	width:646px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
}
#main #content-news #news-boxright {
	float:left;
	width:294px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:20px;
	background-image:url(../img/line.jpg);
	background-repeat:no-repeat;
}

#main #contact {
	float:left;
	width:299px;
	font-size:90%;
	padding-left:20px;
	padding-top:15px;
	background-image:url(../img/line.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#717171;
}
#main .newsitem {
	float:left;
	width:263px;
	padding-left:16px;
	padding-bottom:10px;
	background-image:url(../../manage/modules/blogs/assets/img/icons/newsicon.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	list-style:none;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#717171;
	margin-left:0;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom:10px;
}
#main .archive {
	float:left;
	width:250px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#717171;
	padding-bottom:20px;
}
#main .newsrss {
	float:left;
	width:29px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#717171;
	padding-bottom:20px;
}
#main #content2 {
	float:left;
	width:942px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#717171;
}
#main #contact .smaller {
	font-size:11px;
}
.error, .req {
	color:#F00;
}

p {
	margin-bottom:8px;
}