/*////////////////////////////////////////////// RESET ///////////////////////////////////////////////*/
td { 
	margin:0;
	padding:0;
}
th { 
	margin:0;
	padding:0;
}
blockquote { 
	margin:0;
	padding:0;
}
p { 
	margin:0;
	padding:0;
}
textarea { 
	margin:0;
	padding:0;
}
input { 
	margin:0;
	padding:0;
}
fieldset { 
	margin:0;
	padding:0;
}
form { 
	margin:0;
	padding:0;
}
pre { 
	margin:0;
	padding:0;
}
h6 { 
	margin:0;
	padding:0;
}
h5 { 
	margin:0;
	padding:0;
}
h4 { 
	margin:0;
	padding:0;
}
h3 { 
	margin:0;
	padding:0;
}
h2 { 
	margin:0;
	padding:0;
}
h1 { 
	margin:0;
	padding:0;
}
li { 
	margin:0;
	padding:0;
}
ol { 
	margin:0;
	padding:0;
}
ul { 
	margin:0;
	padding:0;
}
dd { 
	margin:0;
	padding:0;
}
dt { 
	margin:0;
	padding:0;
}
dl { 
	margin:0;
	padding:0;
}
div { 
	margin:0;
	padding:0;
}
body { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img { 
	border:0;
}
fieldset { 
	border:0;
}
var {
	font-style:normal;
	font-weight:normal;
}
th {
	font-style:normal;
	font-weight:normal;
}
dfn {
	font-style:normal;
	font-weight:normal;
}
code {
	font-style:normal;
	font-weight:normal;
}
cite {
	font-style:normal;
	font-weight:normal;
}
caption {
	font-style:normal;
	font-weight:normal;
}
address {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
ol {
	list-style:none;
}
th {
	text-align:left;
}
caption {
	text-align:left;
}
h6 {
	font-size:100%;
	font-weight:normal;
}
h5 {
	font-size:100%;
	font-weight:normal;
}
h4 {
	font-size:100%;
	font-weight:normal;
}
h3 {
	font-size:100%;
	font-weight:normal;
}
h2 {
	font-size:100%;
	font-weight:normal;
}
h1 {
	font-size:100%;
	font-weight:normal;
}
q:after {
	content:'';
}
q:before {
	content:'';
}
acronym { border:0;
}
abbr { border:0;
}
/*//////////////////////////////////////////////////// UTILS /*/
.clr{
	position:relative;
	width:1px;
	height:1px;
	margin-left:-1px;
	margin-top:-1px;
	font-size:1px;
	clear:both;
}
.alignleft{
	text-align:left;
}
.alignright{
	text-align:right;
}
.right{
	position:relative;
	float:left;
}
.left{
	position:relative;
	float:left;
}
.right{
	float:right;
}
.half{
	width:315px;
	padding:0 12px;
}
/*//////////////////////////////////////////////////// STRUCTURE /*/
html{
	min-height:100%;
	background:url(../images/bg-html.gif) left bottom repeat-x;
}
body{
	background:url(../images/bg-body.gif) left top repeat-x;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	padding:46px 0 0 0;
}
.master{
	position:relative;
	margin:0 auto 46px auto;
	width:702px;
	padding:35px 50px 5px 50px;
	background:#fff;
}
.master-header{
	position: absolute;
	top: -15px;
	left: 0;
	height: 15px;
	width: 803px;
	background: url('../images/bg-master-header.gif') no-repeat;
}
.master-footer{
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 15px;
	width: 803px;
	background: url('../images/bg-master-footer.gif') no-repeat;
}

.header{
	position:relative;
	height:130px;
	background:url(../images/bg-header.gif) no-repeat;
	z-index:2;
}
/*//////////////////////////////////////////////////// MAIN MENU /*/
ul.mainmenu{
	position:absolute;
	left:0;
	bottom:0;
	width:645px;
	height:41px;
	padding:0 0 0 45px;
	background:url(../images/bg-mainmenu.gif) no-repeat;
}
ul.mainmenu li{
	height:40px;
	line-height:40px;
	position:relative;
	float:left;
	padding:0 18px;
	background:url(../images/bg-menuitem.gif) left center no-repeat;
	border-top:1px solid #fff;
}
ul.mainmenu li a{
	font:bold 14px Helvetica, Arial, sans-serif;
	color:#acaeb3;
	text-decoration:none;
	white-space:nowrap;
}
ul.mainmenu li a.drop{
	padding:0 10px 0 0;
	background:url(../images/drop.gif) right center no-repeat;
}
ul.mainmenu li.first{
	background:none;
}
ul.mainmenu li.skip{
	padding:0;
	background:none;
}
ul.mainmenu li ul{
	display:none;
}
ul.mainmenu li:hover{
	background-color:#ECEFF6;
}
ul.mainmenu li:hover a{
	color:#cc6600;
}
ul.mainmenu li:hover ul{
	display:block;
	position:absolute;
	width:180px;
	left:0;
	top:40px;
	border:1px solid #ececeb;
}
ul.mainmenu li:hover ul li{
	position:relative;
	padding:0;
	height:auto;
	width:100%;
	line-height:20px;
	background:none #fff;
	border:none;
}
ul.mainmenu li:hover ul li a{
	display:block;
	position:relative;
	padding:5px 10px;
	color:#acaeb3;
	font-size:12px;
}
ul.mainmenu li ul li a:hover{
	background-color:#ECEFF6;
	color:#cc6600;
}
/*//////////////////////////////////////////////////// SIDE MENU /*/
ul.menu{
	position:relative;
	width:163px;
}
ul.menu li{
	position:relative;
	padding:0 0 0 17px;
	height:24px;
	background:url(../images/bg-menuintem2.gif) left center no-repeat;
}
ul.menu li a{
	font:bold 14px Helvetica, Arial, sans-serif;
	text-decoration:none;
	line-height:24px;
	color:#336699;
}
ul.menu li.login{
	width:130px;
	border-top:1px dashed #cc6600;
	padding:7px 0 7px 17px;
	margin:4px 0 0 0;
	height:24px;
	background:url(../images/bg-menuintem3.gif) 4px center no-repeat;
}
ul.menu li.login a{
	color:#999;
}
/*//////////////////////////////////////////////////// DISPLAY AREA /*/
.content{
	position:relative;
	z-index:1;
	padding:10px 4px 0 18px;
}
.display{
	width:258px;
	padding:0 15px;
}
.side{
	width:217px;
	padding:0 10px 0 0;
}
.freebox{
	position: relative;
	width: 202px;
	height: 80px;
	padding: 10px 5px 10px 10px;
	margin: 0 0 13px 0;
	background: url(../images/bg-freebox.gif) no-repeat;
}
.pdescription{
	width:185px;
	padding:0 20px 60px 0;
}
#right{
	margin:0 0 0 180px;
}
#right a{
 color:#666;
}
ul#leftnav{
	width:148px;
	padding:0 10px 10px 0;
}
ul#leftnav li{
	padding:0 0 0 14px;
	background:url('../images/bg-menuintem3.gif') 4px center no-repeat;
	border-bottom:1px dotted #000;
	line-height:20px;
}
ul#leftnav li a{
	font-size:11px;
	color:#6a6a6a;
}
ul#leftnav li a:hover{
	color:#cc6600;
	text-decoration:none;
}
ul#leftnav li.active{
	background-color:#ECEFF6;
}
ul#leftnav li.active a{
	color:#cc6600;
}
ul.appdesc{
	width:465px;
}

/*//////////////////////////////////////////////////// FOOTER /*/
.footer{
	position:relative;
	background:url(../images/bg-footer.gif) left bottom no-repeat;
	font-size:10px;
	line-height:18px;
	color:#666;
	padding:25px 0 0 18px;
}

.contact{
	position:relative;
	width:394px;
	padding:11px 0 20px 0;
	background:url(../images/separator.gif) 129px top no-repeat;
}
.notes{
	padding:30px 0 0 0;
	width:278px;
	background:url(../images/separator.gif) 76px top no-repeat;
}
/*//////////////////////////////////////////////////// TEXT /*/
.contact .alignright{
	display:block;
	width:115px;
	padding:0 14px 0 0;
}
.contact .alignleft{
	display:block;
	width:240px;
	padding:0 0 0 14px;
}
.notes .alignright{
	display:block;
	width:63px;
	padding:5px 14px 0 0;
}
.notes .alignleft{
	display:block;
	width:170px;
	padding:0 0 0 14px;
}
ul.mainmenu li.skip{
	text-indent:-2000px;
}
h1{
	text-indent:-2000px;
}
h1 a{
	position:absolute;
	display:block;
	width:360px;
	height:56px;
	top:25px;
	left:25px;
	outline:none;
}
h2.home{
	font: bold 20px Helvetica, Arial, sans-serif;
	color:#cc6600;
	padding:0 0 18px 0;
}
h2{
	font: bold 20px Helvetica, Arial, sans-serif;
	color:#cc6600;
	padding:0 0 18px 0;
}
h2.home{
	padding:10
h3.gray{
	color:#666;
}

h2.gray{
	color:#666;
}

.gray{
	color:#666;
}

or:#666;
}

h3{
	font: bold 14px Verdana, Arial, sans-serif;
	color:#cc6600;
	padding:27px 0 8px 0px;
}
h3.dotted{
	font: bold 14px Verdana, Arial, sans-serif;
	color:#cc6600;
	padding:27px 0 8px 0px;
	border-bottom:1px dashed #cc6600;
}
h4{
	font: bold 13px Verdana, Arial, sans-serif;
	color:#cc6600;
	padding:10px 0 5px 0;
}
h4.services{
	color:#006699;
	padding:0;
	font-weight:normal;
}
.freebox h3{
	padding:0;
	border:none;
	text-indent:-2000px;
}
h3.free{
	width:193px;
	height:22px;
	background:url(../images/title-freedemo.gif) no-repeat;
}
h3.free a{
	display:block;
	height:100%;
	width:100%;
	outline:none;
}
h3.demo{
	width:193px;
	height:22px;
	background:url(../images/title-freedemo.gif) no-repeat;
}
h3.free{
	background:url(../images/title-freeproducts.gif);
}
#client-list h3{
	color:#006699;
}

.pdescription h3{
	padding:0;
}
.projects p{
	font-size:11px;
	line-height:14px;
	padding:0 0 10px 0;
}
.projects .pdescription  p{
	font-size:12px;
	padding:5px 0;
}
h5{
	font: bold 12px Verdana, Arial, sans-serif;
	color:#cc6600;
	line-height:18px;
}
#client-list h5{
	padding:10px 0 0 0;
	line-height:normal;
}
h6{
	font: bold 11px Verdana, Arial, sans-serif;
	color:#cc6600;
	line-height:18px;
}
.display p{
	font-size:12px;
	color:#666;
	line-height:24px;
}
p{
	font-size:12px;
	color:#666;
	line-height:24px;
}
li{
	font-size:12px;
	color:#666;
	line-height:24px;
}
.content ul{
	padding:5px 0 10px 0;
	}

li{
	padding:0 0 0 10px;
}

.display ul li{
	padding: 0 0 5px 18px;
	font: normal 11px Verdana, Arial, sans-serif;
	background: url(../images/bg-menuintem3.gif) 5px 4px no-repeat;
	line-height: 14px;
	color:#336699;
}
.content ul.arrows li{
	padding:0 0 0 20px;
	background:url(../images/bullet.gif) left 2px no-repeat;
}
.content ul.gallery{
	position:relative;
	float:left;
	padding:0;
}
.content ul.gallery li{
	line-height:15px;
	font-size:11px;
	background-position:0 0;
}
.content ul.ui-tabs-nav{
	padding:0;
}
.display a{
	color:#336699;
	text-decoration:none;
}

a{
	color:#336699;
	text-decoration:none;
}
.display a:hover{
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
.freebox p{
	font-size:10px;
	line-height:16px;
	padding:0 0 0 50px;
	color:#666;
}
a.screenshot{
	display:block;
	padding:0 0 15px 15px;
}
a.projectlink{
	color:#999;
}
#testimonials p{
	background:url(../images/quotes-large.gif) no-repeat 0 6px;
	padding:18px 0 0 38px;
}
.freebox a{
	color:#336699;
	text-decoration:none;
}
.freebox a:hover{
	text-decoration:underline;
}
.half p{
	line-height:14px;
	font-size:11px;
}

.footer p{
	font-size:10px;
	line-height:18px;
	color:#666;
}

.copyright p{
	text-align:center;
	font-size:10px;
	line-height:33px;
	color:#666;
}
cite{
	display:block;
	font-style:italic;
	padding:10px 0 20px 90px;
	color:#5175B3;
}
hr.blue{
	border:1px solid #006699;
	width:100%;
	margin:20px auto;
}
img.thumb{
	padding:0 10px 10px 0;
}
.ficon{
	display:block;
	position:relative;
	top:-4px;
	width:63px;
	height:15px;
	margin:0 0 2px 0;
}
.xhtml{
	background:url(../images/img-xhtml.gif);
}
.css{
	background:url(../images/img-xhtml.gif);
}
.side p sup{
	font-size:9px;
}
/*/////////////////////////////////////ADDITIONS ///////////////////////*/
.content-background{
	padding:15px 27px 0 27px;
}
#right-box{
	margin:0 0 0 15px;
	padding:18px 27px 0 0;
}
.content ul.ui-tabs-nav{
	padding:0 0 0 4px;
}
ul.ui-tabs-nav li{
	float:left;
	margin:0 0 0 1px;
	padding:0;
min-width:84px;
}
img.screenshot{
	padding: 4px;
	position: relative;
	border: 1px solid #0066CC;
	margin: 20px 70px 0 70px;
}
/*/////////////////////////////////////FORMS ///////////////////////*/
.contactform {
	width:350px; height:auto;
	display:block;
}
fieldset {
	background-color: #EDEFEF;
	background-image:url(../images/fieldbg.png); 
	background-repeat:repeat-x;
	border:2px #FFF solid;
	margin-bottom:15px;
	padding:15px;
}
form {
	margin-bottom:0;
}
label {
	font-size:14px;
	color: #6A6A6A;
	font-weight:bold;
}
.textbox {
	background-color:#fff;
	width:300px;
	color:#333;
	margin-bottom:10px;
	font-size:12px;
	padding:0 0 0 5px;
}
.submit {
	font-size:14px;
	font-weight: 700;
	color: White;
	float:right;
	border: 0px;
	margin-right:17px;
	background-color: #CC6600;
}
.submit:hover {
	font-size:14px;
	font-weight: 700;
	color: White;
	float:right;
	border: 0px;
	margin-right:17px;
	background-color: #993300;
}
div#ValidationSummary2 {
background-color: #ffffcc;
border: 1px solid #ff9900;
margin: 0;
margin-bottom: 10px;
padding: 10px 10px 10px 10px;
}
div#ValidationSummary2 img {
margin: 0;
float: left;
margin-right: 10px;
}
div#ValidationSummary2 br {
display: none;
}

.submit { margin-bottom: 10px; }