/**********************************************/
/* GENERAL CSS FOR ALL PAGES
/**********************************************/
html, body, * {
outline:none;
}

body {
margin:19px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#878787;
}

.clear {
clear:both;
}

a:link, a:hover, a:visited, a:active, a, a img, img {
border:0px;
}

.rightitem {
float:left;
width:400px;
}

.floatleft {
float:left;
}

.number {
float:left;
width:25px;
font-weight:bold;
}

.hoverselect {
padding:4px 0px 3px 4px;
margin-bottom:1px;
cursor:pointer;
width:99%;
}

.hoverselect:hover, .hoverselectover {
background-color:#eff6df;
color:#333;
}


.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.content {
width:976px;
margin:0px auto;
}

.maincontent {
margin-top:34px;
}

.pad {
padding:0px 20px 0px 34px;
}

.leftcol {
float:left;
width:486px;
}

.leftcol .pad {
border-right:1px solid #e2e2e2;
}

.leftcol .noborder {
border-right:0px;	
}

.rightcol {
width:485px;
float:right;
}

.rightcol .pad {
padding:0px 13px 0px 24px;
}

.titleimg {
padding-bottom:8px;
}

.hidden {
display:none;
}

.blue {
color:#5db7e1;
}

#subtext {
padding-left:20px;
padding-top:5px;
padding-bottom:20px;
clear:both;
}

/**********************************************/
/* SCROLL RESOURCES
/**********************************************/

#scrollit {
display:none;
padding-top:15px;
}

#scrolltop, #scrollup, #scrolldown {
display:inline;
}

#fcount {
color:#5db7e1;
padding-top:6px;
}

/**********************************************/
/* NAVIGATION BAR
/**********************************************/

#nav {
margin-bottom:19px;
float:right;
}

#nav a {
float:left;
margin-left:24px;
}

#logo {
height:69px;
background-image:url(/images/logo/logobg.jpg);
background-repeat:repeat-x;
clear:both;
}

#logo .content div {
margin-left:22px;
width:241px; 
height:75px; 
background:url(/images/logo/logo.jpg) no-repeat; 
cursor:pointer;
}

/**********************************************/
/* LINKS
/**********************************************/

a.simple:active, a.simple:visited, a.simple:link {
color:#878787;
}

a.simple:hover {
color:#8d8d8d;
}

a.simple2:active, a.simple2:visited, a.simple2:link {
color:#878787;
text-decoration:none;
}

a.simple2:hover {
color:#8d8d8d;
text-decoration:none;
}

a.white:link, a.white:active, a.white:visited, a.white:hover {
color:#ffffff;
}

a.blue:link, a.blue:active, a.blue:visited, a.blue:hover {
color:#5db7e1;
}

a.blue2:link, a.blue2:active, a.blue2:visited, a.blue2:hover {
color:#5db7e1;
}

a.sendit:link, a.sendit:active, a.sendit:visited {
font-weight:bold;
color:#000;
text-decoration:none;
cursor:pointer;
}

a.sendit:hover {
text-decoration:underline;
}

.nolinkblue {
font-weight:bold;
color:#cfcfcf;
}

a.nosendit:link, a.nosendit:active, a.nosendit:visited, a.nosendit:hover {
font-weight:bold;
color:#cfcfcf;
text-decoration:none;
cursor:default;
}

.addarrow {
padding-left:15px;
background:url(/images/icons/rightarrow.gif) no-repeat;
background-position:0 2px;
}


/**********************************************/
/* FOOTER
/**********************************************/

.stylelinks {
text-align:right;
padding-right:35px;
}

.xray {
cursor:pointer;
}



#footer {
height:55px;
background-image:url(/images/footer/footerbg.jpg);
background-repeat:repeat-x;
clear:both;
}

#footer .content div {
margin-right:34px;
float:right;
}

/**********************************************/
/* HOME PAGE
/**********************************************/
#homespacer {
clear:both;
height:45px;
}

.gbutton {
padding-top:20px;
}

#readmorearrow {
padding-left:15px;
background:url(/images/icons/rightarrow.gif) no-repeat;
background-position:0 2px;
}

#recentwork {
margin-top:25px;
clear:both;
height:71px;
}

#recentwork .pad {
padding-left:34px;
}

.rwork {
border:1px solid #e2e2e2;
float:left;
width:226px;
margin-right:15px;
}

#recentworkbuttons {
padding-top:22px;
float:right;
width:140px;
margin-right:50px;
}

.rwork:hover {
border:1px solid #666;
}

/**********************************************/
/* MISSION PAGE
/**********************************************/

.missionpara {
padding-bottom:15px;
}

/**********************************************/
/* NEWS PAGE
/**********************************************/

.allnewsitems span {
padding-left:15px;
background:url(/images/icons/rightarrow.gif) no-repeat;
background-position:0 2px;
}

.popnews span {
padding-left:15px;
background:url(/images/icons/rightarrow.gif) no-repeat;
background-position:0 2px;
}

#newsbig {
height:280px;
overflow:hidden;
}

.nonews {
text-decoration:none;
color:#e3e3e3;
cursor:default;
}

.thinline {
color:#e2e2e2;
padding:0px 5px 0px 5px;
cursor:default;
}

.holdheight {
height:250px;
}

.newsyear {
clear:both;
padding-bottom:7px;
}

.newsmonths {
padding-bottom:10px;
}

.shownewstitle {
font-weight:bold;
padding-bottom:5px;
color:#5db7e1;
}

.yearbold {
height:20px; 
float:left;
}

.yearloading {
padding-left:5px; 
float:left;
}

/**********************************************/
/* TESTIMONIALS PAGE
/**********************************************/

.testimonial {
padding-bottom:20px;
}

.testimonialclient {
font-weight:bold;
}

/**********************************************/
/* BIG POP UP BOX
/**********************************************/

#bigbox {
border:5px solid #a3cb4e;
color:#333;
position:absolute;
width:500px;
background-color:#ffffff;
}

#bigbox .header {
background-color:#a3cb4e;
color:#ffffff;
height:20px;
padding:3px 8px 3px 8px;
}

#bigbox .header .title {
float:left;
width: 450px;
}

#bigbox .header .close {
float:right;
text-align:right;
width:30px;
}

#bigbox .body {
padding:8px;
clear:both;
font-size:11px;
line-height:14px;
}

#bigbox .body div {
padding-bottom:5px;
}

#boxloading {
padding:5px;
text-align:center;
}

.popuptitle {
font-weight:bold;
color:#333;
padding-bottom:8px;
font-size:11px;
}

.emailinp {
border:1px solid #333;
padding:2px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
width:220px;
}

#popemail {
height:20px;
}

#emailerror {
color:#e15e5e;
}

/**********************************************/
/* FAQ PAGE
/**********************************************/

.topfaqs span {
padding-left:15px;
background:url(/images/icons/rightarrow.gif) no-repeat;
background-position:0 2px;
}

#faqheight {
height:340px;
}

#faqsearch {
border:1px solid #e3e3e3;
padding:4px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#878787;
width:320px;
margin-right:5px;
}

#searchresults #results {
height:184px;
overflow:hidden;
}

/**********************************************/
/* AUTO COMPLETE CSS
/**********************************************/
.ac_results {
padding: 0px;
border: 1px solid WindowFrame;
border:1px solid #a9dbf2;
background-color: Window;
overflow: hidden;
margin-top:3px;
}

.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}

.ac_results iframe {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;
top:0;
left:0;
z-index:-1;
/*filter:mask();*/
width:3000px;
height:3000px;
}

.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: pointer;
display: block;
width: 100%;
font: menu;
font-size: 12px;
overflow: hidden;
}

.ac_loading {
background : Window url('/images/ajax/loading.gif') right center no-repeat;
}

.ac_over {
background-color:#eff6df;
color:#5db7e1;
}

/********************************************/
/* CONTACT PAGE CSS
/********************************************/

.coninfoleft {
float:left; 
width:55px;
font-weight:bold;
}

.coninforight {
float:left;
}

.conformleft {
float:left; 
width:105px;
font-weight:bold;
}

.conformright {
float:left;
}

.conformright input, .conformright textarea {
border:1px solid #e3e3e3;
padding:4px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#878787;
width:320px;
}

.conformright textarea {
overflow:auto;
height:100px;
}

.coninfo {
clear:both;
}

.conform {
clear:both;
width:440px;
height:30px;
line-height:30px;
}

#consubmit {
clear:both;
text-align:right;
padding-right:20px;
padding-top:16px;
}

#contactheight {
height:300px;
}

#cform {

}

#emsg {
width:90%;
border:1px solid #9cd5f0;
background-color:#e1edf5;
color:#5db7e1;
text-align:center;
margin-top:5px;
margin-right:25px;
float:right;
padding:5px;
display:none;
font-weight:bold;
}

#emsg .etitle {
font-size:16px;
font-weight:normal;
text-align:left;
padding:0px 5px 8px 8px;
}

#emsg .ebody {
padding:0px 8px 8px 8px;
font-weight:normal;
font-size:12px;
line-height:18px;
text-align:left;
}

/********************************************/
/* TECHNOLOGY PAGE CSS
/********************************************/

#techresults #results {
height:184px;
overflow:hidden;
}

#techheight {
height:330px;
}

.wordtitle {
font-weight:bold;
padding-bottom:6px;
}

.letter {
margin-bottom:2px;
width:20px;
height:20px;
line-height:20px;
text-align:center;
font-size:12px;
background-color:#e1edf5;
color:#5db7e1;
border:1px solid #a9dbf2;
float:left;
margin-right:2px;
cursor:pointer;
}

.letternon {
width:20px;
height:20px;
line-height:20px;
text-align:center;
font-size:12px;
background-color:#ffffff;
color:#e1e1e1;
border:1px solid #e1e1e1;
float:left;
margin-right:2px;
}

.lettersel {
background-color:#a9dbf2;
color:#ffffff;
cursor:default;
}

.letter:hover, .letterhover {
background-color:#a9dbf2;
color:#ffffff;
}

#wordtitle {
font-weight:bold;
color:#5db7e1;
padding-bottom:8px;
}

/********************************************/
/* PROJECTS PAGE CSS
/********************************************/

a.popcolor.selected {
	color:#F60;
	background:none;
}

.listformat a {
font-size:11px; text-decoration:none; color:#333;	
}

.listformat a:hover {
color:#09C;
text-decoration:underline;
}

#projectsort {
padding-top:5px;	
}

#projectsort div {
padding-bottom:10px;
margin-bottom:10px;
margin-left:34px;	
margin-right:40px;
border-bottom:1px solid #e2e2e2;
}

#projectsort a, #projectsort {
font-size:14px;	
}

#projectsort a.selected, #projectsort a.selected:hover {
font-weight:bold;
color:#000;
text-decoration:none;
color:#09C;
background:#fff;
}

#filterlink {
padding-left:14px;
background:url(/images/icons/plus.gif) no-repeat;
background-position:0 3px;
}

#filterlinkclose {
padding-left:14px;
background:url(/images/icons/minus.gif) no-repeat;
background-position:0 3px;
}

#clearallfilter {
padding-left:14px;
background:url(/images/icons/bluex.gif) no-repeat;
background-position:left 3px;
}


.projectleft {
width:620px;
}

.projectleft .pad {
border-right:0px;
}

.projectright {
width:350px;
}

#allprojects, .allprojects {
height:330px;
overflow:hidden;
}

#allprojects div, .allprojects div {
float:left;
width:110px;
height:110px;
}

#allprojects div img, .allprojects div img {
cursor:pointer;
border:1px solid #c6c6c6;
}

.presults {
padding:12px 8px 0px 8px;
color:#5db7e1;
color:#333;
}

.right {
text-align:right;
}

.projecttitle {
font-size:16px;
}

#titleproject {
overflow:hidden; 
height:102px; 
position:absolute; 
background-color:#ffffff; 
border:1px solid #c6c6c6; 
border-left:1px solid #ffffff; 
color:#333333; 
padding:0px 4px 0px 4px;
}

.details_body {
padding-bottom:8px; 
color:#878787; 
font-size:12px; 
line-height:18px;
}

.details_title {
padding-bottom:3px;
}

.details_link {
padding-bottom:7px;
}

.details_pic {
height:471px;
}

.details_pic img {
border:1px solid #c3c3c3;
}

#ploading {
padding-top:30px; 
padding-left:85px;
}

.link {
padding-bottom:5px;
border-bottom:1px solid #9ed4ee;
border-bottom:1px solid #ccc;
}

.briefdesc {
padding-top:5px;
line-height:15px;
color:#5db7e1;
color:#333;
font-size:11px;
}


#pfilter .left {
float:left;
width:152px;
}

#pfilter .right {
float:left;
text-align:left;
width:152px;
}

.p_option_title {
font-weight:bold;
cursor:pointer;
text-decoration:underline;
padding-bottom:4px;
}

.p_option {
height:15px;
margin-bottom:10px;
}

.checkbox {
float:left;
cursor:pointer;
padding-left:20px;
}

.nocheckbox {
cursor:default;
background:url(/images/projects/checkbox_off.jpg) no-repeat;
color:#e8e8e8;
}

.unchecked {
background:url(/images/projects/checkbox.jpg) no-repeat;
color:#878787;
}

.checked {
background:url(/images/projects/checkbox_on.jpg) no-repeat;
color:#878787;
}

#loadingproject {
color:#5db7e1;
width:200px;
border:1px solid #a5dcf6;
padding:5px;
background-color:#e1edf5;
font-size:18px;
text-align:center;
height:32px;
line-height:32px;
margin-left:30px;
clear:both;
position:absolute;
display:none;
}

.ploading {
color:#5db7e1;
background-color:#ffffff;
display:none;
margin-top:10px;
height:16px;
margin-bottom:45px;
line-height:16px;
}


/********************************************/
/* SCROLL PANE CSS
/********************************************/

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #a4d9f1;
}
.jScrollPaneDrag {
position: absolute;
background: #2c7ca1;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 20px;
background:#2c7ca1 url(/images/icons/arrowup.gif) no-repeat;
border-bottom:1px solid #a4d9f1;
}
a.jScrollArrowUp:hover {

}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
height: 20px;
background:#2c7ca1 url(/images/icons/arrowdown.gif) no-repeat bottom;
border-top:1px solid #a4d9f1;
}
a.jScrollArrowDown:hover {

}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

}

/********************************************/
/* SOFTWARE PAGE CSS
/********************************************/

#s_feat {
height:285px;
}

.s_feat_links .sendit {
padding-left:15px;
background:url(/images/icons/downarrow.gif) no-repeat;
background-position:0 2px;
}

.s_feat_logo {
float:left;
width:100px;
}

.s_feat_logo img {
border:1px solid #cccccc;
}

.s_feat_title {
float:left;
width:300px;
padding-top:1px;
font-size:12px;
}

.s_feat_title .s_title {
color:#5db7e1;
font-weight:bold;
}

.s_feat_body {
clear:both;
padding-top:10px;
}

.s_feat_links {
padding-top:10px;
color:#cccccc;
}

.indent {
padding-left:5px;
}

#catlist {
margin-top:15px;
float:left;
width:170px;
}

#catlist span {
padding-left:15px;
background:url(/images/icons/rightarrow.gif) no-repeat;
background-position:0 2px;
}

.catbar {
color:#878787;
padding:3px 0px 3px 5px;
cursor:pointer;
}

.catbar:hover {
background-color:#d2eefa;
color:#5db7e1;
}

.selected {
color:#5db7e1;
background-color:#d2eefa;
}

#s_results {
float:right;
width:260px;
}

.goodtitle {
font-weight:bold;
color:#51bb6c;
padding:18px 0px 3px 5px;
}

#s_results .goodbar {
color:#51bb6c;
color:#878787;
padding:3px 0px 3px 5px;
cursor:pointer;
}

#s_results .goodbar:hover, #s_results .goodbarhover  {
background-color:#d1fadc;
color:#51bb6c;
}

.goodbar span {
padding-left:15px;
background:url(/images/icons/greenopen.gif) no-repeat;
background-position:0 2px;
}

.badbar span {
padding-left:15px;
background:url(/images/icons/redopen.gif) no-repeat;
background-position:0 2px;
}

#popdl {
padding-left:15px;
background:url(/images/icons/greendown.gif) no-repeat;
background-position:0 2px;
}

.badtitle {
font-weight:bold;
color:#e15d5d;
padding:17px 0px 3px 5px;
}

#s_results .badbar {
color:#e15d5d;
padding:3px 0px 3px 5px;
cursor:pointer;
color:#878787;
}

#s_results .badbar:hover, #s_results .badbarhover {
background-color:#fde8e8;
color:#e15d5d;
}

.graytext {
color:#878787;
font-size:12px;
line-height:16px;
}

.greenlinks a:link, .greenlinks a:active, .greenlinks a:visited {
color:#51bb6c;
text-decoration:none;
font-weight:bold;
}

.greenlinks a:hover {
text-decoration:underline;
}

/* SERVICES */

.service {
/*border-left:4px solid #a3cb4e;*/
margin-left:34px;
border-bottom:1px solid #e2e2e2;
margin-bottom:20px;
padding-bottom:20px;
}

.service.last {
border-bottom:0px;	
}

/* END SERVICES */

/* STORE */

.productbox { float:left; width:430px; }

.sectiontitle { font-weight:bold; font-size:14px; color:#000; padding-bottom:6px; border-bottom:1px solid #dbdbdb; margin-bottom:6px; }
.productlist { padding-bottom:10px; }
.productlist .title { font-weight:bold; }
.productlist .title.selected { color:#fff; background:#096; font-weight:bold; }
.productlist .short { padding-top:5px; }

.productimage { float:left; width:330px; }
.productdetail { float:left; width:290px; }

#productdetail { padding-left:0px; }
span.price { font-size:24px; float:left; display:block; padding-top:0px; color:#333; letter-spacing:-0.02em; padding-right:10px; }

#itemdetails {
width:580px;
overflow:hidden;
}
#itemdetails ul {
margin:0;
padding:0;
width:564px;
}

#itemdetails li {
padding:5px;
list-style-type:none;
width:100%;
color:#000;
margin:2px 0;
}

#itemdetails ul li.link1 {
background:#edf9f3;
border:1px solid #a1e1c2;
color:#196440;
font-weight:bold;
}

#itemdetails ul li.link1:hover { border:1px solid #67b38e; }

#itemdetails ul li ul li.link2 {
background:#edf5fa;	
border:1px solid #a2c4dc;
font-weight:bold;
color:#1a6292;
}

#itemdetails ul li ul li.link2:hover { border:1px solid #527b99; }

#itemdetails ul li ul li ul li, #itemdetails ul li ul.toponly li {
background:#f5f5f5;	
border:1px solid #bfbfbf;
color:#666;
}

#itemdetails li.target1, #itemdetails li.target2 { padding-left:0; padding-right:0; margin-left:0; margin-right:0; display:none; }
#itemdetails li.link1, #itemdetails li.link2 { cursor:pointer; }

#iphone {
width:386px;
height:728px;
background:url(/images/products/iphonebg.jpg) no-repeat;
}

#iphone img {
margin-top:149px;
margin-left:35px;
}

.navarray { margin-left:-5px; }

/* END STORE */


/* DOWNLOAD */
#downloadbox {
padding-top:25px;
}

#downloadbox input {
margin-top:5px;
font-size:36px;
color:#333;
padding:8px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ccc;
float:left;
width:500px;
}

#downloadbox img {
float:left;	
cursor:pointer;
}