@import url(960.css);


/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited,a:hover { 
	color:#006091;
	text-decoration:none; 
}
a:focus,a:hover { 
	text-decoration:underline;
}
a img { 
	border:0; 
}
:focus {
	outline: 0;
}
.clear { 
	clear:both; 
}
/* Global Elements
=====================================================================*/
body {
	line-height: 1.6em;
	font:62.5% arial, verdana, serif;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
/* Start CSS Coding
=====================================================================*/
#wrapper {
	width:980px;
	margin:0 auto;
}
#header {
	width:980px;
	height:119px;
	position:relative;
}

#logo span{
	background:url(../images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#headerright {
	width:724px;
	height:119px;
	float:right;
}
#placemainmenu {
	margin:53px 0 0 0;
	width:724px;
	height:35px;
}
#mainmenu {
	width:719px;
	height:35px;
	position:relative;
	padding:0 0 0 5px;
}
#mainmenu li {
	float:left;
	display:inline;
	background:url(../images/sepmenu.png) no-repeat 100% 0;
	margin:5px 0 0 0;
}
#mainmenu li.last {
	background:none;
}
#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {
	float:left;
	display:inline;
	height:25px;
	padding:5px 20px 0 20px;
	font-size:1.4em;
	color:#fff;
	font-weight:bold;
}
#placemainmenu #mainmenu li:hover a{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#ededed;
	height:25px;
	padding:5px 19px 0 19px;
	color:#0b4d71;
	text-decoration:none;
}
/* Start CSS POPUP Menu
=====================================================================*/
#placemainmenu ul ul {
	position:absolute;
	z-index:500;
	display:none;
	width:724px;
	height:30px;
	margin:31px 0 0 0;
	left:0;
}
#placemainmenu ul li ul li {
	display:inline;
	height:31px;
	float:left;
	background:none;
	margin:0 3px 0 0;
}
#placemainmenu #mainmenu li:hover ul li a, #placemainmenu #mainmenu li:hover ul li a:link, #placemainmenu #mainmenu li:hover ul li a:visited {
	color:#fff;
	font-size:1.2em;
	display:inline;
	float:left;
	height:18px;
	padding:4px 20px 0 20px;
	text-transform:none;
	background:none;
	color:#9b9b9b;
	border:none;
	margin:3px 0 0 0;
}
#placemainmenu #mainmenu li:hover ul li a:hover, #placemainmenu #mainmenu li ul li a:hover {
	text-decoration:none;
	color:#3f3f3f;
	background:#d4d4d4;
}
div#placemainmenu li:hover ul ul,
div#placemainmenu li li:hover ul ul
{display:none;}

div#placemainmenu li:hover ul,
div#placemainmenu li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */

#intro {
	width:980px;
	height:225px;
	position:relative;
}
#intro h1 {
	font-size:3.4em;
	color:#fff;
	width:585px;
	font-family:"Myriad Pro", arial, serif;
	font-weight:lighter;
	padding:20px 0 0 20px;
}
#intro h1 span {
	font-weight:bold;
}
#intro p {
	font-size:1.6em;
	line-height:1.6em;
	color:#fff;
	width:585px;
	padding:10px 0 10px 20px;
}
#placemonitor {
	width:324px;
	height:326px;
	position:absolute;
	background:url(../images/monitor.png) no-repeat;
	top:5px;
	right:0;
}
#placeimages {
	width:324px;
	height:326px;
	position:relative;
}
#placeimages img {
	margin:16px 0 0 16px;
}
#monitorlight {
	width:291px;
	height:190px;
	position:absolute;
	background:url(../images/monitor_light.png) no-repeat;
	top:16px;
	left:16px;
	z-index:100;
}
#submenu {
	width:300px;
	height:52px;
	padding:13px 0 0 0;
}
#header-menu {
	width:300px;
	height:52px;
	padding:13px 0 0 0;
}
#header-menu li {
	display:inline;
	float:left;
	height:41px;
	margin:0 3px 0 0;
	position:relative;
}
#header-menu li a, #submenu li a:link, #submenu li a:visited {
	display:inline;
	float:left;
	height:41px;
	width:140px;
	background:url(../images/submenu_right.gif) no-repeat;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
#header-menu li a span, #submenu li a:link span, #submenu li a:visited span {
	display:inline;
	float:left;
	height:30px;
	padding:11px 30px 0 30px;
	cursor:pointer;
}
#header-menu li:hover a {
	background-position:0 -41px;
	text-decoration:none;
}
#header-menu li:hover a span {
	background-position:100% -41px;
}

#submenu li {
	display:inline;
	float:left;
	height:41px;
	margin:0 3px 0 0;
	position:relative;
}
#submenu li a, #submenu li a:link, #submenu li a:visited {
	display:inline;
	float:left;
	height:41px;
	width:140px;
	background:url(../images/submenu_right.gif) no-repeat;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
#submenu li a span, #submenu li a:link span, #submenu li a:visited span {
	display:inline;
	float:left;
	height:30px;
	padding:11px 30px 0 30px;
	cursor:pointer;
}
#submenu li:hover a {
	background-position:0 -41px;
	text-decoration:none;
}
#submenu li:hover a span {
	background-position:100% -41px;
}
/* Animated Popup
=====================================================================*/
#submenu li div {
	font-size:1.2em;
	background:url(../images/popup.png) no-repeat;
	width: 170px;
	height: 122px;
	position: absolute;
	top: -120px;
	left:-30px;
	text-align: left;
	font-style: normal;
	font-size:1.1em;
	z-index: 2;
	display: none;
	padding:15px 13px;
}
#submenu li div h3 {
	width:170px;
	height:22px;
	background:#fff;
	border-bottom:1px solid #a9a9a9;
	text-align:center;
	font-size:1.2em;
	padding:7px 0 0 0;
	font-weight:lighter;
}
#submenu li div h3 span {
	font-weight:bold;
}
#listdownload, #listtrial, #listhistory {
	width:170px;
}
#submenu li div #listdownload li {
	width:170px;
	height:27px;
	background:url(../images/seppopup.gif) repeat-x 0 100%;
}
#submenu li div #listdownload li.last {
	background:none;
}
#submenu li div #listdownload li a, #submenu li div #listdownload li a:link, #submenu li div #listdownload li a:visited {
	width:132px;
	height:21px;
	display:block;
	margin:0;
	padding:0;
	background:none;
	font-size:1.1em;
	color:#245067;
	text-transform:none;
	font-weight:lighter;
	padding:6px 8px 0 30px;
	background:url(../images/icon_download.png) no-repeat 5px 4px;
}
#submenu li div #listdownload li a:hover {
	text-decoration:underline;
}
#submenu li div #listtrial li, #submenu li div #listhistory li {
	width:154px;
	height:20px;
	font-size:1.2em;
	padding:6px 8px 0 8px;
	background:url(../images/seppopup.gif) repeat-x 0 100%;
}
#submenu li div #listtrial li strong, #submenu li div #listhistory li strong {
	float:left;
}
#submenu li div #listtrial li span, #submenu li div #listhistory li span {
	float:right;
}
#submenu li div a, #submenu li div a:link, #submenu li div a:visited {
	width:132px;
	height:21px;
	display:block;
	margin:0;
	padding:0;
	background:none;
	font-size:1.1em;
	color:#245067;
	text-transform:none;
	font-weight:lighter;
	padding:6px 8px 0 30px;
	background:url(../images/icon_download.png) no-repeat 5px 4px;
}
#submenu li div a:hover {
	text-decoration:underline;
}
#submenu li div #listhistory li.last {
	background:none;
}
#submenu li div #listhistory a, #submenu li div #listhistory a:link, #submenu li div #listhistory a:visited {
	width:153px;
	height:21px;
	display:block;
	margin:0;
	padding:0;
	background:none;
	color:#245067;
	text-transform:none;
	font-weight:lighter;
	padding:3px 8px 0 0;
	font-size:0.9em;
	text-align:right;
}
#submenu li div h4.price {
	width:170px;
	height:48px;
	text-align:center;
	font-size:3.0em;
	color:#3a6502;
	background:url(../images/seppopup.gif) repeat-x 0 100%;
	padding:9px 0 0 0;
}
#submenu li div a.linkbuynow {
	text-align:right;
	background:none;
}
#spacerban
{
  width:894px;
  background:url(../images/bg.jpg) repeat-x; 
  background-position:bottom;
  height:34px; 
  border-left:solid 1px #d0d0d0;
  border-right:solid 1px #d0d0d0;  
    }



#content {
	width:894px;
	padding-top:4px;
	padding-bottom:8px;
	background-color:#ffffff;
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;
}
#maincontent {
	width:75%;
	float:left;
	display:inline;	
	padding:4px;
	padding-top:0px;
}
#placetabs {
	width:100%;
	background:url(../images/back_contenttabs.png) repeat-y;
}
#menutabs {
	width:100%;
	height:39px;
	background:url(../images/back_tabs.png) no-repeat;
}
#menutabs li {
	height:36px;
	float:left;
	display:inline;
}
#menutabs li a, #menutabs li a:link, #menutabs li a:visited {
	height:36px;
	float:left;
	display:inline;
	background:url(../images/tabs_left.png) no-repeat;
	font-size:1.2em;
	color:#727272;
	font-weight:bold;
}
#menutabs .ui-tabs-selected a, #menutabs .ui-tabs-selected a:link, #menutabs .ui-tabs-selected a:visited {
	background-position:0 -36px;
	color:#276c98;
	text-decoration:none;
}
#menutabs .ui-tabs-selected a:hover {
	text-decoration:none;
}
.ui-tabs-hide {  
	display: none;  
}
#menutabs li a span, #menutabs li a:link span, #menutabs li a:visited span {
	height:27px;
	float:left;
	display:inline;
	background:url(../images/tabs_right.png) no-repeat 100% 0;
	padding:9px 25px 0 25px;
	cursor:pointer;
}
#menutabs li.last a span, #menutabs li.last a:link span, #menutabs li.last a:visited span {
	background:url(../images/tabs_rightlast.png) no-repeat 100% 0;
}
#menutabs li.ui-tabs-selected a span, #menutabs li.ui-tabs-selected a:link span, #menutabs li.ui-tabs-selected a:visited span {
	background-position:100% -36px;
}
.tabscontent {
	width:90%;
	padding:22px 15px 15px 15px;
	background:#fff;
	margin:0 0 0 1px;
}
.tabscontent h2 {
	padding:7px 0 0 43px;
	font-size:1.4em;
	height:25px;
}
.tabscontent p {
	font-size:1.2em;
	padding:0 23px 10px 43px;
	line-height:1.6em;
}
.iconpallete {
	background:url(../images/icon_pallete.png) no-repeat;
}
.iconrules {
	background:url(../images/icon_rules.png) no-repeat;
}
.iconprinter {
	background:url(../images/icon_printer.png) no-repeat;
}
.icondollar {
	background:url(../images/icon_dollar.png) no-repeat;
}
.iconreview {
	background:url(../images/icon_review.png) no-repeat;
}
.iconhardware {
	background:url(../images/icon_hardware.png) no-repeat;
}
.listfeature {
	padding:0 23px 10px 43px;
}
.listfeature li {
	background:url(../images/bullet1.png) no-repeat;
	font-size:1.2em;
	padding:0 0 0 25px;
	margin:4px 0;
	line-height:1.6em;
}
.listfeature li h3 {
	font-size:1.1em;
	float:left;
}
.listfeature li h3 span {
	color:#3a6b05;
}
.linkpurchase, .linkpurchase:link, .linkpurchase:visited {
	float:right;
	width:101px;
	height:23px;
	background:url(../images/but_purchase.png) no-repeat;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
	padding:2px 0 0 0;
	margin:-4px 0 6px 0;
}
.tabscontent .listfeature li p {
	padding:0 13px 10px 0;
	line-height:1.6em;
	font-size:1.0em;
	width:500px;
	clear:both;
}
.listreview {
	width:550px;
	margin:0 0 0 44px;
}
.listreview li {
	width:550px;
	background:url(../images/sepcontent.gif) repeat-x 0 100%;
	padding:0 0 10px 0;
}
.listreview li h3 {
	font-size:1.2em;
	float:left;
	margin:10px 0 0 0;
}
.star0{
	width:84px;
	height:15px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:10px 0 0 10px;
}
.star0 span{
	background:url(../images/star00.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
.star1{
	width:84px;
	height:15px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:10px 0 0 10px;
}
.star1 span{
	background:url(../images/star10.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
.star2{
	width:84px;
	height:15px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:10px 0 0 10px;
}
.star2 span{
	background:url(../images/star20.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
.star3{
	width:84px;
	height:15px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:10px 0 0 10px;
}
.star3 span{
	background:url(../images/star30.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
.star4{
	width:84px;
	height:15px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:10px 0 0 10px;
}
.star4 span{
	background:url(../images/star40.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
.star5{
	width:84px;
	height:15px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:10px 0 0 10px;
}
.star5 span{
	background:url(../images/star50.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
.tabscontent .listreview li p {
	padding:5px 0;
	line-height:1.6em;
	width:550px;
	clear:both;
	color:#555;
	font-style:italic;
}
.tabscontent .listreview li p span {
	color:#000;
	font-style:normal;
}
.tabscontent .listreview li p a {
	font-style:normal;
}
.listscreenshot {
	width:565px;
	margin:0 0 15px 31px;
}
.listscreenshot li {
	display:inline;
	float:left;
	height:90px;
	margin:0 21px 20px 0;
}
.listscreenshot li a, .listscreenshot li a:link, .listscreenshot li a:visited {
	width:116px;
	height:86px;
	border:1px solid #d3d3d3;
	display:block;
	padding:2px 0 0 2px;
}
.titlescreenshot {
	font-size:1.4em;
	padding:0 0 10px 31px;
	clear:both;
}
/* Lightbox
=====================================================================*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*
=====================================================================*/
#tabsbottom, .innercontentbottom {
	width:645px;
	height:24px;
	font-size:0;
	background:url(../images/back_contentbottom.png) no-repeat;
}
#nav {
	width:200px;
	float:right;
	display:inline;
	margin:0 12px 0 0;
	padding:34px 0 0 0;
}
.placebanner {
	width:200px;
	height:250px;
	margin:0 0 20px 0;
}
#nav h3 {
	width:200px;
	height:25px;
	background:url(../images/title_nav.png) no-repeat;
	font-size:1.4em;
	color:#5a5a5a;
	font-weight:lighter;
	padding:7px 0 0 10px;
}
.boxnav {
	width:200px;
	background:url(../images/box_nav.png) no-repeat 0 100%;
	padding:10px;
	margin:0 0 20px 0;
}
.listnav {
	width:200px;
}
.listnav li {
	width:180px;
	border-bottom:1px solid #d0d0d0;
	padding:8px 0;
}
.listnav li a, .listnav li a:link, .listnav li a:visited {
	font-size:1.2em;
}
.listnav li.last {
	border:none;
}
.linksupport {
	background:url(../images/icon_support.png) no-repeat 5px 0;
	padding:0 0 2px 30px;
	display:block;
}
.linkphone {
	background:url(../images/icon_phone.png) no-repeat 5px 0;
	padding:0 0 2px 30px;
	display:block;
}
.linkfaq {
	background:url(../images/icon_help.png) no-repeat 5px 0;
	padding:0 0 2px 30px;
	display:block;
}
.linkmail {
	background:url(../images/icon_mail.png) no-repeat 5px 0;
	padding:0 0 2px 30px;
	display:block;
}
/* News Page
=====================================================================*/
.titlemain {
	width:630px;
	height:24px;
	background:url(../images/title_main.png) no-repeat;
	font-size:1.4em;
	color:#5a5a5a;
	padding:7px 0 0 15px;
}
.innercontent {
	width:613px;
	background:#fff;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	padding:15px;
}
#listnews {
	width:613px;
}
#listnews li {
	background:none;
	padding:0;
	margin:0 0 15px 0;
}
#listnews li h2 {
	font-size:1.8em;
	padding:0;
	margin:0;
}
.imgnews {
	float:left;
	padding:11px;
	background:url(../images/frames_news.png) no-repeat;
	margin:11px 11px 0 0;
}
#listnews li p {
	font-size:1.0em;
	line-height:1.6em;
	margin:10px 0;
	padding:0;
}
#listnews .listnewsmenu {
	width:613px;
	height:21px;
	background:url(../images/back_menunews.png) repeat-x;
	padding:8px 0 0 0;
}
#listnews .listnewsmenu li {
	float:left;
	height:15px;
	display:inline;
	background:url(../images/sepnews.png) no-repeat 100% 2px;
	color:#535353;
	padding:0 10px;
	font-size:0.9em;
	margin:0;
}
#listnews .listnewsmenu li.last {
	background:none;
}
#listpages {
	height:23px;
}
#listpages li {
	margin:0 2px 0 0;
	height:23px;
	float:left;
	font-size:1.1em;
	display:inline;
	background:none;
	padding:0;
}
#listpages li.unclick {
	margin:0 2px 0 0;
	height:18px;
	border:1px solid #d0d0d0;
	color:#d0d0d0;
	padding:3px 8px 0 8px;
}
#listpages li.dotted {
	height:18px;
	font-size:1.1em;
	padding:5px 5px 0 5px;
}
#listpages li a, #listpages li a:link, #listpages li a:visited {
	padding:3px 8px 0 8px;
	height:18px;
	display:inline;
	float:left;
	border:1px solid #006091;
	color:#006091;
}
#listpages li a.active, #listpages li a.active:link, #listpages li a.active:visited {
	background:#006091;
	border:1px solid #006091;
	color:#fff;
}
#listpages li a:hover {
	border:1px solid #000;
	color:#000;
	text-decoration:none;
}
.innercontentbottom {
	margin:0 0 20px 0;
}
/* About Us Page
=====================================================================*/
.innercontent p {
	font-size:1.2em;
	line-height:1.6em;
	padding:7px 0;
}
.imgright {
	float:right;
	margin:10px 0 5px 10px;
	padding:3px;
	border:1px solid #d0d0d0;
}
.imgleft {
	float:left;
	margin:10px 10px 5px 0;
	padding:3px;
	border:1px solid #d0d0d0;
}
.innercontent h2 {
	font-size:1.3em;
	padding:9px 0 7px 0;
}
.innercontent ul {
	padding:5px 0;
}
.innercontent li {
	font-size:1.2em;
	margin:5px 0;
	background:url(../images/bullet2.png) no-repeat 14px 5px;
	padding:0 0 0 28px;
}
.textquote {
	font-size:1.2em;
	color:#515151;
	font-style:italic;
	line-height:1.6em;
}
.textname {
	font-size:1.2em;
	text-align:right;
	padding:5px 0 0 0;
}
/* FAQ Page
=====================================================================*/
#listfaq li {
	background:url(../images/bullet1.png) no-repeat;
	font-size:1.2em;
	padding:0 0 0 25px;
	margin:8px 0;
	line-height:1.6em;
}
#listfaq li h2 {
	padding:0;
}
#listfaq li div {
	margin:5px 0 0 0;
	display:none;
}
/* Screenshot Page
=====================================================================*/
.listscr {
	padding:0 0 5px 0;
}
.listscr li {
	display:inline;
	float:left;
	width:132px;
	height:102px;
	margin:0 7px 7px 0;
	padding:0;
	background:none;
}
.listscr li a, .listscr li a:link, .listscr li a:visited {
	display:inline;
	float:left;
	width:123px;
	height:93px;
	background:url(../images/frames_scr.png) no-repeat;
	padding:9px 0 0 9px;
}
.listscr li a:hover {
	background-position:0 -102px;
}
/* Contact Us
=====================================================================*/
.errordiv {
	display:block;
	border:1px solid #f2a9a9;
	padding:5px;
	color:#f00;
	font-size:1.1em;
	margin:8px 0 0 0;
}
.correctdiv {
	display:block;
	border:1px solid #b6e47a;
	padding:5px;
	color:#629c17;
	font-size:1.1em;
	margin:8px 0 0 0;
	background:#d7fca8;
}
#frmcontact {
	padding:20px 0 30px 0;
}
#frmcontact label {
	float:left;
	font-size:1.2em;
	width:150px;
	padding:3px 0 0 16px;
	margin:10px 0 0 0;
	font-weight:bold;
}
#frmcontact span {
	color:#a50e0e;
	font-size:1.2em;
	font-weight:bold;
}
#frmcontact br {
	clear:left;
}
.textboxcontact {
	width:390px;
	height:22px;
	border:1px solid #777;
	padding:3px 5px 0 5px;
	margin:10px 0 0 0;
}
.textareacontact {
	width:390px;
	height:150px;
	border:1px solid #777;
	font-family:Arial, verdana,serif;
	font-size:1.2em;
	padding:5px;
	margin:10px 0 0 0;
}
.submitcontact {
	width:166px;
	height:25px;
	margin:10px 0 0 0;
	font-weight:bold;
	text-transform:uppercase;
	background:#3a82be;
	border:none;
	color:#fff;
	font-family:Arial, verdana,serif;
	font-size:1.2em;
	cursor:pointer;
}
/* No Slide Page
=====================================================================*/
body#noslide {
	background:#fff url(../images/background2.png) repeat-x;
}
body#noslide #maincontent {
	margin: 20px 0 0 0;
}
body#noslide #nav {
	padding: 20px 0 0 0;
}
/* Footer
=====================================================================*/
#footer {
	width:896px;
	height:67px;
}
#footerleft {
	width:580px;
	height:67px;
	float:left;
}
#footerleft p {
	font-size:1.1em;
	padding:10px 0 0 0;
	line-height:1.4em;
}
#menufooter {
	float:right;
	height:12px;
	text-align:right;
	padding:0 10px 0 0;
	margin:15px 0 0 0;
}
#menufooter li {
	display:inline;
	height:12px;
	background:url(../images/sepfooter.png) no-repeat 100% 2px;
	padding:0 10px;
}
#menufooter li a, #menufooter li a:link, #menufooter li a:visited {
	font-size:1.1em;
}


/*1.3 Banner
-------------------------------------------------------------------------*/
#banner-left {
margin-top:19px;
margin-left:19px;
}

#banner-left h1 {
color:#111;
line-height:27pt;
text-transform:uppercase;
font-size:2.1em;
word-spacing:.2em;
margin-bottom:8px;
margin-top:11px;
width:350px;
}

#banner-left p 
{
color:#555;
font-size:1.5em;
line-height:29px;
padding-bottom:19px;
width:300px;
}

#banner {
background:url(../images/banner-bg.png) no-repeat left top;
height:300px;
background-color:#d0d0d0;
position:relative;
zoom:1;
margin-top:-2px;
width:894px;
border:solid 1px #d0d0d0;
}

#banner-inner {
background:url(../images/lights-inner.png) no-repeat left top;
height:118px;
position:relative;
zoom:1;
margin-top:-2px;
}

#banner-inner h1 {
font-size:2.6em;
margin-top:22px;
border-right:1px solid #a6a6a6;
width:200px;
padding-right:20px;
float:left;
}

#banner-inner p {
border-left:1px solid #fafafa;
float:left;
font-size:1.2em;
height:15px;
margin-top:22px;
padding-left:20px;
text-shadow:none;
width:268px;
padding-top:3px;
}
#browser-vontainer
{
    position:absolute;
    top:19px;
    left:353px;
    
    }
#slider-container {
position:relative;
z-index:50;
background:url(../images/browser.png) no-repeat;
height:281px;
margin-top:19px;
zoom:1;
}

#slider-container div.image-slider img {
position:relative;
zoom:1;
top:30px;
}

/*Remove this _width and put it on the ie.css*/
#slider-container div.image-slider h2 {
position:absolute;
top:167px;
left:12px;
width:100%;
}

#slider-container div.image-slider h2 span {
color:#FFF;
font:bold 22px/45px Myriad Pro, Arial Sans-Serif;
letter-spacing:-1px;
background:#000;
/* fallback color */
background:rgba(0, 0, 0, 0.7);
padding:10px;
letter-spacing:1px;
}

#slider-container div.image-slider h2 span.spacer {
padding:0 5px;
}


#banner img#phone {
position:absolute;
z-index:1;
right:352px;
top:100px;
}

#sliderfade li {
margin:0;
}

/*this will fix the extra margin on the slider*/
a.pricing {
display:block;
background:url(../images/pricing-btn.png) no-repeat;
height:53px;
text-indent:-9999px;
width:283px;
}

a:hover.pricing {
display:block;
background:url(../images/pricing-btn.png) no-repeat 0 -53px;
text-indent:-9999px;
}
/*********************************************************************************************************
1.5. Sidebar area
**********************************************************************************************************/
#sidebar {
position:relative;
zoom:1;
float:right;
width:220px;
margin-right:10px;
padding-left:36px;
background:url(../images/separator.jpg) no-repeat top left;
height:auto!important;
height:599px;
}

#sidebar-inner {
background:transparent url(../images/sep-sidebar-trans.png) no-repeat scroll right top;
float:left;
margin-right:10px;
min-height:599px;
height:auto!important;
height:599px;
padding-right:10px;
position:relative;
zoom:1;
width:200px;
}

#interview {
width:270px;
padding-top:20px;
}

#interview h3 {
padding:0;
margin:0 0 0 3px;
}

#interview img {
padding:5px;
background-color:#e2e1e1;
border:1px solid #ccc;
}

#sidebar-inner .sidebar-h2 {
text-transform:none;
background:url(../images/rss-trans.png) no-repeat center right;
width:215px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar-inner a {
color:#818181;
font-weight:700;
}

#sidebar-inner span.meta {
font-weight:400;
padding-left:10px;
}

#sidebar .sidebar-h2 {
text-transform:none;
background:url(../images/rss-trans.png) no-repeat center right;
width:265px;
margin-top:10px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar .casestudies-h2 {
text-transform:none;
background:url(../images/pencil-ruler-trans.png) no-repeat center right;
width:265px;
margin-top:30px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}

#sidebar a {
color:#818181;
font-weight:700;
}

span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 4px;
padding-left:14px;
}

#sidebar span.meta {
font-weight:400;
padding-left:10px;
}

/*News Sidebar Begins*/
.news {
width:286px;
float:left;
clear:both;
padding-bottom:30px;
}

.news ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}

.news li {
border-bottom:1px solid #ccc;
}

.news li a:hover {
background:#f9f9f9;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .news a {
padding:6px 3px;
width:286px;
}

#top #latest_news .post_name {
font-size:13px;
display:block;
}

#top #latest_news a,.news a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #latest_news a,#sidebar-inner .news a {
display:block;
padding:8px 3px;
text-decoration:none;
}

#sidebar-inner span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}

ul.latest_news {
left:86px;
margin-right:27px;
margin-left:-28px;
}

/*News Sidebar Ends*/
/*Inner Sidebar Begins*/
.menu {
width:250px;
float:left;
clear:both;
padding-bottom:30px;
}

.menu ul {
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
}

.menu li {
border-bottom:1px solid #ccc;
}

.menu li a:hover {
background:#f9f9f9;
}

.selected {
background:#ececec;
}

.meta_sub {
padding:0 4px;
border-right:1px solid #DDD;
}

.meta {
display:block;
font-size:11px;
line-height:14px;
position:relative;
zoom:1;
top:3px;
}

#top .menu a {
padding:6px 3px;
width:286px;
}

#top #inner_menu .post_name {
font-size:13px;
display:block;
}

#top #inner_menu a,.menu a {
display:block;
padding:5px 3px 10px;
text-decoration:none;
}

#sidebar-inner #inner_menu a,#sidebar-inner .menu a {
display:block;
padding:8px 3px;
text-decoration:none;
}

#sidebar-inner span.post_name {
font-weight:700;
background:url(../images/bullet.jpg) no-repeat 0 6px;
padding-left:14px;
}

ul#inner_menu {
left:86px;
margin-right:27px;
margin-left:18px;
}

/*News Sidebar Ends*/
.box1,.box4,.box3,.box2 {
background:url(../images/corner.png) no-repeat top left;
padding:20px 0 0 20px;
}

#mainContent .box3,#mainContent .box4 {
margin-top:54px;
}
/*********************************************************************************************************
1.4.1 Showcase
**********************************************************************************************************/
#showcase {
position:relative;
zoom:1;
float:right;
}

.scroll {
height:652px;
width:550px;
overflow:auto;
overflow-x:hidden;
position:relative;
zoom:1;
clear:left;
}

#showcase .scrollContainer div.panel {
height:670px;
width:400px;
}

.img-container {
padding-bottom:17px;
background:url(../images/thumb-container.jpg) no-repeat center bottom;
}

#websites {
margin-top:80px;
}
/*1.4 Main Content
-------------------------------------------------------------------------*/
#mainContent {
padding-top:40px;
}

/* just remember this, is needed that negative margin? */
#mainContent #leftContent a {
text-decoration:underline;
}

#mainContent .thumb-img {
float:left;
margin:0 10px 0 0;
}

#mainContent .cols p {
width:273px;
margin-top:18px;
margin-left:2px;
}

/* No shortcode here */
#mainContent h2 {
font-size:1.5em;
line-height:26px;
text-transform:uppercase;
margin-bottom:0;
}

#col2 {
margin-left:8px;
margin-right:-25px;
}

.products,.visits {
padding-bottom:20px;
}

#leftContent {
margin-left:-10px;
}

.col3 {
border-left:1px dashed #ccc;
padding-left:24px;
margin-left:22px;
}

.about-text {
margin-right:-10px;
margin-bottom:50px;
}

.about-text h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

.about-text p.intro {
font-size:1.2em;
margin-top:20px;
}

#mainContent .about-text h2 {
font-size:1.5em;
line-height:26px;
text-transform:uppercase;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}

#mainContent .about-text h3 {
line-height:26px;
margin-bottom:0;
}

#product-page {
margin-right:-10px;
}

#product-page h1 {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
text-transform:uppercase;
}

#product-page p.intro {
font-size:1.2em;
margin-top:20px;
border-top:1px solid #e6e5e5;
border-bottom:1px solid #e6e5e5;
padding:15px 0;
}

#mainContent #product-page h2 {
font-size:1.8em;
line-height:26px;
text-transform:uppercase;
border-bottom:1px solid #ccc;
padding-bottom:5px;
}

#mainContent #product-page h3 {
line-height:26px;
margin-bottom:0;
margin-top:-15px;
}

#product-page {
margin-bottom:50px;
}

#product-page div.title {
width:290px;
margin-bottom:20px;
}

#product-page div.title small {
font-size:.88em;
}

#product-page .title {
margin-left:28px;
}

/*Contact Form*/
#print-work p {margin-bottom:5px}
#print-work a {text-decoration: underline}
#print-work span {font-weight:bold; padding-left:22px}
.details1 {margin-left:30px;}
.address {background:url(../images/address-book.png) no-repeat center left}
.mail {background:url(../images/mail.png) no-repeat center left}
.phone {background:url(../images/mobile-phone.png) no-repeat center left}
.skype {background:url(../images/skype.png) no-repeat center left}
.twitter {background:url(../images/twitter.png) no-repeat center left}
.gwave {background:url(../images/gwave.png) no-repeat center left}
.facebook {background:url(../images/facebook.png) no-repeat center left}
.linkedin {background:url(../images/linkedin.png) no-repeat center left}
label {
display:none;
}

.qform {
background:url(../images/corner-trans.png) no-repeat 0 0;
padding:23px 86px;
}

.qform input,.qform textarea {
background:#FFF none repeat scroll 0 0;
border:1px solid #D2D2D2;
color:#525861;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
max-width:400px;
padding:7px 5px;
width:383px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.qform textarea:focus,.qform input:focus {
border:1px solid #929292;
}

.qform button,#contactForm button {
border:medium none;
cursor:pointer;
height:37px;
text-indent:-9999px;
width:112px;
margin-left:286px;
}

.qform button#submit1 {
background:url(../images/button-sprite.jpg) no-repeat scroll 0 0;
}

.qform button:hover#submit1 {
background:url(../images/button-sprite.jpg) no-repeat scroll 0 -38px;
}

/*1.6 Footer
-------------------------------------------------------------------------*/
#footer {
margin:0 auto;
padding:10px;
width:960px;
}

#footer ul {
margin:0 53px 27px 0;
}

#footerbg {
background:url(../images/footer-bg.jpg) repeat-x;
clear:both;
overflow:hidden;
}

#footer h4 {
font-size:1.1em;
margin:16px 0 8px;
padding:0;
text-decoration:underline;
color:#4b4b4b;
}

#footer div.footer-col {
padding-left:0;
}

#footer ul li {
margin:0;
padding:0;
list-style-image:url(../images/bullet.jpg);
list-style-position:inside;
}

#footer a {
color:#5b5b5b;
text-decoration:none;
}

#footer a:hover {
color:#111;
text-decoration:underline;
}

#newsletter {
width:300px;
margin:17px 0 17px 17px;
padding:10px 0px 10px 520px;
}

#newsletter h3 {
margin:0;
text-transform:uppercase;
font-size:15px;
padding-bottom:3px;
}

#newsletter p {
margin:0;
}

#newsletter input.input {
color:#6d6d6d;
width:100px;
background:url(../images/input-bg.jpg) repeat-x top left;
border:1px solid #cecece;
height:14px;
float:left;
padding:4px 0 6px 7px;
margin:6px 5px 0 0;
}

#newsletter input.button {
background:url(../images/submit.png) no-repeat 0 0;
height:21px;
width:56px;
border:transparent;
font-size:0;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-9999px;
cursor:pointer;
}

#newsletter input:hover.button {
background:url(../images/submit.png) no-repeat 0 -22px;
}

#footer .valid {
font-size:1.1em;
font-family:Georgia;
font-style:italic;
color:#767675;
background:#eaeaea;
text-align:center;
border:1px solid #ccc;
width:284px;
}

#footer .valid a {
color:#668b11;
}

#footer-2 {
background:#b7b7b7;
border-top:1px solid #949494;
width:100%;
margin:0;
height:40px;
}

.copyright {
margin:0 auto;
padding:10px 0;
padding-left:20px;
width:960px;
color:#444;
text-shadow:1px 1px #ddd;
}

/*Internet Explorer 6*/
.ie6 #banner {
margin-top:-19px;
}

.ie6 #banner p {
font-size:1.7em;
}

.ie6 #sidebar {
padding-left:20px;
}

.ie6 #mainContent {
margin-bottom:0;
padding-bottom:0;
}

.ie6 #sidebar {
height:0;
}

.ie6 #mainContent {
margin:0;
}

.ie6 #footerbg {
margin:0;
float:left;
margin-top:0;
}

.ie6 #banner-inner {
background:url(../images/lights-inner.jpg) no-repeat left top;
margin-top:-18px;
}

.ie6 #banner-inner p {
margin:22px 0 0;
padding:10px 0 11px 15px;
line-height:18px;
height:18px;
}

.ie6 .qform button,.ie6 #contactForm button {
font-size:0;
display:block;
line-height:0;
}

.ie6 ul#nav {
float:left;
font-size:88%;
line-height:normal;
margin-left:109px;
margin-top:17px;
padding:0 5px;
width:369px;
}

.ie6 #footer-2 {
margin-top:-16px;
height:10px;
}

.ie6 #footer #newsletter input.button {
background:url(../images/submit.png) no-repeat 0 0;
height:21px;
width:56px;
border:transparent;
font-size:0;
display:block;
line-height:0;
margin-top:7px;
float:left;
text-indent:-9999px;
cursor:pointer;
border:medium none;
}
.ie6  #banner {margin-top:-20px; margin-left:-55px}
.chrome #banner { margin-left:-16px; }


#s3slider { 
   width: 948px; /* important to be same as image width */ 
   height: 260px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
.s3sliderImage strong {font-size:1.6em}
#s3Slider .s3sliderImage span {font-size:1.2em}
#s3sliderContent {
   width: 948px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#000000;
bottom:0;
color:#FFFFFF;
display:none;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
left:0;
line-height:15px;
 filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
padding:21px 13px;
position:absolute;
width:893px;

   }

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}