/* CSS Document */

body				{  margin:0 auto; padding:0; font-family:Georgia, "Times New Roman", Times, serif; background-color:#282828; background-image:url(../images/template/background.gif); background-repeat:repeat; margin-top:15px; margin-bottom:50px; }

#container			{ position:relative; width:900px; margin:0 auto; background-color:#FFFFFF}
*:focus { outline: none }

#content			{ position:relative; width:620px; margin:0;  padding:10px 10px 10px 45px;  float:left;  margin-bottom:10px; background-image:url(../images/template/vertical_dotted_line.gif); background-position:right; background-repeat:repeat-y; }
#content p			{ position:relative; font-family:Arial, Helvetica, sans-serif;  font-size:12px; color:#2B2B2B; margin:0; padding:0px 0px 8px 0px;  }
.bold				{ position:relative; font-weight:bold; margin:0; }

#content .link	 		{ color:#1687DB }
#content h1				{ position:relative; font-size:23px; color:#2B2B2B; margin:0; font-weight:normal;  }
#content h1.title		{ position:relative; font-size:23px; color:#2B2B2B; margin:0; font-weight:normal; background-image:url(../images/template/dotted_line.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:10px }
#content h2				{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2B2B2B; font-weight:normal; padding:0px 0px 10px 0px; margin:0;   }
#content h3  			{ position:relative; font-size:16px; color:#1687DB; font-weight:bold; margin:0; text-decoration:none; padding-bottom:5px;}
#content h4  			{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:16px; color:#1687DB; font-weight:bold; margin:0; text-decoration:none; padding-bottom:5px;}
#content ul				{ position:relative; margin:0; padding:0; list-style-type:none; }
#content ul.leftUl		{ position:relative; width:300px; float:left; margin:0 }
#content ul.rightUl		{ position:relative; width:300px; float:left; margin:0 }
#content li				{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:12px; color:#000; font-weight:normal; margin:0; padding:2px 0px 2px 18px; background-image:url(../images/template/arrow.gif); background-repeat:no-repeat; background-position:left 40%;}
#content a				{ color:#1687DB; border-bottom:1px dotted #1687DB; text-decoration:none }
#content a:hover		{ color:#005F99; border-bottom:1px dotted #005F99; text-decoration:none }

/* SUPPORT PAGE STYLING */

.icons					{ position:relative; float:left; padding:0px 10px 5px 0px; }
.highlight				{ position:relative; background-color:#E5E5E5; border:1px solid #CCC; padding:10px; }


/* FOOTER STYLING */
#footer.homepage		{ position:relative; clear:both; width:855px; height:384px; padding-top:35px; padding-left:45px; background-image:url('../images/template/BIGfooterBG.jpg'); background-repeat:no-repeat }
#footer					{ position:relative; clear:both; width:855px; height:106px; padding-left:45px; background-image:url('../images/template/SMALLfooterBG.jpg'); background-repeat:no-repeat }

#rights				{ position:relative;  margin:0; float:left; padding-top:35px   }
#rights	h2			{ position:relative; font-size:11px; color:#CCCCCC; margin:0; font-weight:normal; padding-bottom:7px  }
#rights	h2 a		{ color:#ffffff; text-decoration:none }
#rights	h2.small	{ font-size:10px;  }

#serviceList			{ position:relative; width:174px;  margin:0; float:left;  }
#serviceList	h1		{ position:relative; font-size:20px; color:#EDE9C3; margin:0; font-weight:normal; padding-left:20px; padding-bottom:28px; }
#serviceList ul			{ position:relative; list-style-type:none; margin:0; padding:0  }
#serviceList li			{ position:relative; font-size:11px; color:#FFFFFF; margin:0; padding:0px}
#serviceList ul li a	{ position:relative; font-size:11px; color:#EDE9C3; margin:0; padding:0px; line-height:11px}
#serviceList ul li a:hover	{  color:#FFFFFF; }

#location				{ position:relative; width:170px;  margin:0; float:left;   }
#location	h1			{ position:relative; font-size:20px; color:#EDE9C3; margin:0; font-weight:normal; padding-left:20px; padding-bottom:30px; }
#location	h2			{ position:relative; font-size:11px; color:#CCCCCC; margin:0; font-weight:normal; padding-bottom:7px  }
#location	h2 a		{ color:#ffffff; text-decoration:none }
#location	h2.small	{ font-size:10px;  }

/* GENERAL STYLING */

#colOne					{ position:relative; width:50%; margin:0; padding-right:20px; float:left;   }
#colTwo					{ position:relative; width:40%; margin:0; padding-right:20px; padding-left:20px; float:left; left:10px;  background-image:url(../images/template/vertical_dotted_line.gif); background-position:left; background-repeat:repeat-y; }
#colOne h1  			{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:16px; color:#1687DB; font-weight:bold; margin:0; text-decoration:none; padding-bottom:5px;}
#colTwo h1  			{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:16px; color:#1687DB; font-weight:bold; margin:0; text-decoration:none; padding-bottom:5px;}

.line					{ position:relative; width:100%; height:2px; background-image:url(../images/template/dotted_line.gif); background-position:top; background-repeat:repeat-x; padding:10px 0px 10px 0px; margin-top:10px } 

 
.clear					{ clear:both; margin:0; padding:0; height:1px; width:100% } /* CLEARING DIV */ 


/* HEADER  */
#homeHeader				{ position:relative; width:900px; height:420px; margin:0; background-image:url(../images/template/headerBG.jpg); background-repeat:no-repeat; }
#logo					{ position:absolute; width:235px; height:120px; top:-2px; left:630px; margin:0; z-index:900}

#homeHeadertext				{ position:relative; left:45px; top:35px; margin:0; width:500px }
#homeHeader	h1				{ position:relative; font-size:25px; color:#FFFFFF; margin:0; font-weight:normal }
#homeHeader	h1.cream		{ position:relative; font-size:25px; color:#EDE9C3; margin:0; font-weight:normal; padding-left:25px; padding-bottom:10px; }
#homeHeader	h2				{ position:relative; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0; font-weight:normal; width:350px; padding-bottom:10px; line-height:15px }

#header					{ position:relative; width:900px; height:210px; margin:0; background-image:url(../images/template/mainHeaderBG.jpg); background-repeat:no-repeat; }
#text					{ position:relative; left:45px; top:35px; margin:0; width:500px }
#header	h1				{ position:relative; font-size:36px; color:#FFFFFF; margin:0; font-weight:normal }
#header	h1.cream		{ position:relative; font-size:25px; color:#EDE9C3; margin:0; font-weight:normal; padding-left:25px; padding-bottom:10px; }
#header	h1.cream a		{ color:#EDE9C3; text-decoration:none; }
#header	h1.cream a:hover		{ text-decoration:underline; }

#header	h2				{ position:relative; font-size:16px; color:#FFFFFF; margin:0; font-weight:normal; width:325px; }


/* MENU  */	
#mainNav				{ position:absolute; width:880px; height:25px; left:28px; top:153px;  margin:0;}
#mainNav.default		{ position:absolute; width:880px; height:25px; left:28px; top:350px;  margin:0;}
#mainNav ul				{ position:relative; float:left; list-style-type:none; padding:0; margin:0; }
#mainNav li				{ position:relative; float:left; padding:0; margin:0;  }
#mainNav li	a			{ position:relative; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:15px 17px 15px 17px; text-align:center;  }
#mainNav li	a:hover		{ position:relative; color:#CCCCCC;   }
#mainNav li.blank		{ position:relative; width:170px; }

/* NEW NAV?  */	

/*
#mainNav				{ position:absolute; width:880px; height:46px; left:13px; top:153px;   margin:0;}
#mainNav.default		{ position:absolute; width:880px; height:46px; left:13px; top:356px;  margin:0;}
#mainNav ul				{ position:relative; float:left; list-style-type:none; padding:0; margin:0; }
#mainNav li				{ position:relative; float:left; padding:0; margin:0;  }
#mainNav li	a			{ position:relative; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;  padding:12px 28px 13px 28px; text-align:center; background-image:url(../images/template/divider.gif); background-position:right; background-repeat:repeat-y;  }
#mainNav li	a:hover		{ position:relative; color:#CCCCCC;   }
#mainNav li.blank		{ position:relative; width:170px; }
*/

#home #mainNav .home a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }	
#web #mainNav .web a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }	
#log #mainNav .log a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }	
#sof #mainNav .sof a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }
#tou #mainNav .tou a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }		
#sup #mainNav .sup a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }	
#new #mainNav .new a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }	
#con #mainNav .con a	{ position:relative; color:#4BB5F7; margin:0; cursor:default;  }	


/* HOMEPAGE ELEMENTS  */

#services				{ position:relative; width:860px; height:195px; margin:0; margin-bottom:0px; padding-left:40px; }
.serviceCol				{ position:relative; width:285px; margin:0; float:left; }
.serviceCol img			{ position:absolute; left:0px; top:0px; margin:0; border:0 }
.serviceCol	h1			{ position:relative; font-size:25px; color:#2B2B2B; margin:0; font-weight:normal; padding:15px 0px 10px 60px }
.serviceCol	h1 a		{ color:#2B2B2B; text-decoration:none }
.serviceCol	h1 a:hover	{ color:#4BB5F7; text-decoration:none }

.serviceCol ul			{ position:relative; list-style-type:none; margin:0; padding:0; margin-top:5px  }
.serviceCol ul li		{ position:relative; font-size:13px; color:#666666; margin:0; padding:0px 0px 3px 18px; background-image:url(../images/template/arrow.gif); background-repeat:no-repeat; background-position:left 30%;  }



#about					{ position:relative; width:840px;  margin:0; float:left; padding:10px 20px 10px 40px; }
#about	h1				{ position:relative; font-size:20px; color:#1687DB; margin:0; font-weight:normal; padding-left:20px; padding-bottom:30px; }
#about	h2				{ position:relative; font-size:12px; color:#FFFFFF; margin:0; font-weight:normal; padding-bottom:7px  }
#about p				{ position:relative; color:#353535; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px;margin:0; font-weight:normal; padding-bottom:7px   }


#updates				{ position:relative; float:left; width:565px;  height:125px; margin:0; background-image:url(../images/template/plainBlueBoxBG.jpg); border:0px solid #CCC; left:40px; }
#updates h1.left		{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  color:#EDE9C3; font-weight:normal; font-size:20px; padding:14px 0px 3px 20px; margin:0}
#updates h2.left		{ position:relative; font-family:Arial, Helvetica, sans-serif; width:240px; font-size:12px; color:#FFF; margin:0; font-weight:normal; left:22px }
#updates h2.left a		{ color:#EDE9C3; font-weight:bold; font-size:12px}

#updates				{ position:relative; float:left; width:565px; height:125px; margin:0;  }
#updates h1.right		{ position:relative; font-family:Georgia, "Times New Roman", Times, serif; color:#EDE9C3; font-size:20px; font-weight:normal; margin:0; padding:14px 0px 3px 0px;}
#updates h2.right		{ position:relative; font-family:Arial, Helvetica, sans-serif; width:240px; font-size:12px; color:#FFF; margin:0; padding:0; font-weight:normal; }
#updates h2.right a		{ color:#EDE9C3; font-weight:bold; font-size:12px }

#updates .colOne		{ position:relative; width:300px; margin:0; float:left; }
#updates .colTwo		{ position:relative; width:265px; margin:0; float:left;  }

#contact				{ position:relative; width:250px; float:left; margin:0; left:60px; }
#contact img			{ position:absolute; top:18px; left:0px; margin:0 }
#contact h1				{ position:relative; font-family:Georgia, "Times New Roman", Times, serif; color:#2B2B2B; font-weight:normal; font-size:25px; padding:14px 0px 6px 27px; margin:0}
#contact h2				{ position:relative;  font-size:15px; color:#2B2B2B; margin:0; font-weight:normal; padding-bottom:7px; line-height:22px;  }
#contact h2 a			{ color:#1687DB; font-weight:normal; text-decoration:none; border-bottom:1px dotted #1687DB }
#contact h2 a			{ color:#005F99; border-bottom:1px dotted #005F99; text-decoration:none }









/* SIDEBAR ELEMENTS  */
#sideBar				{ position:relative; float:left; width:200px; left:0px; padding-top:10px; padding-left:20px;   }
#sideBar h1				{ position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; color:#1687DB; font-weight:normal; padding:0px 0px 10px 0px; margin:0; margin-bottom:20px; width:90%;  background-image:url(../images/template/dotted_line.gif); background-position:bottom; background-repeat:repeat-x; }
#sideBar h2				{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2B2B2B; font-weight:normal; padding:0px 0px 10px 0px; margin:0;   }
#sideBar p				{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#2B2B2B; font-weight:normal; padding:0px 0px 10px 0px; margin:0;   }

#sideBar  a				{ color:#1687DB; margin:0; text-decoration:none }

#sideBar	ul			{ position:relative;  list-style-type:none; list-style-position:outside; margin:0; padding:0;  }
#sideBar	li			{ position:relative; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#000000;  margin:0; padding:1px 0px 1px 18px; background-image:url(../images/template/arrow.gif); background-repeat:no-repeat; background-position:left 40%;}
#sideBar	li a		{ color:#000000; margin:0; text-decoration:none }
#sideBar	li a:hover	{ color:#1687DB; text-decoration:underline }
#sideBar .blue				{ color:#1687DB }



/* CONTACT PAGE ELEMENTS  */
#contactForm p		{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:14px; color:#1687DB; font-weight:bold; margin:0; padding-bottom:5px; padding-top:5px }
.inputBox			{ position:relative; width:250px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; background-color:#FFFFFF;  overflow:hidden }
.inputArea			{ position:relative; width:250px; height: 80px; font-size:13px; padding:6px; margin:0;font-family:Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; background-color:#FFFFFF; overflow:auto }

.inputBoxErr		{ position:relative; width:250px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #1687DB; overflow:hidden }
.inputAreaErr		{ position:relative; width:250px; height: 80px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #1687DB; overflow:auto }

#content .submitBtn			{ position:relative;  height:55px; margin:0;  color:#2B2B2B; font-size:14px; padding:10px 40px 10px 40px; background-color:#e5e5e5;  text-decoration:none; text-align:center; border:1px solid #CCC }
#content .submitBtn:hover	{ background-color:#ffffff; border-bottom:1px solid #CCC }



/* SCROLLER ELEMENTS  */

div.scroller {  position:relative; width:610px; height:525px; overflow:hidden; border:1px solid #CCC; background-color:#e5e5e5}
div.scroller div.section { height:520px;  width:620px; height:620px; overflow:hidden; float:left; padding:0em;  }
div.scroller div.scrollcontent { width:12000px; }

#caseStudies				{ position:relative; width:612px; height:30px; background-color:#FFFFFF; padding:12px 0 8px 10px; background-image:url(../images/template/plainBlueBoxBG.jp); margin:0  }
#caseStudies h2				{ position:relative; float:left; color:#FFFFFF; padding-top:2px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; left:10px}

#content .controls 					{ position:relative; float:left; font-size:18px; left:-10PX   }
#content .controls a					{ position:relative; float:left; font-size:12px; font-weight:normal; color:#2B2B2B; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCCCCC;  padding:3px; text-align:center; width:20px;  margin:0; margin-right:3px; text-decoration:none }
#content .controls a:hover			{ background-color:#1687DB; background-repeat:repeat; color:#FFFFFF  }


.miniPreview				{ margin:0; padding-top:0px; padding-bottom:10px; width:100%;   }
.miniPreview .image		  	{ background-color:#333333; padding:0px; border-bottom:1px solid #CCCCCC;  margin:0; margin-bottom:5px;  }
.miniPreview img			{ border:none; margin:0 }

#my-glider .miniPreview h1  { position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:20px; color:#2B2B2B; font-weight:normal; margin:0; text-decoration:none; padding:10px 0 5px 20px}
.miniPreview h5				{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2B2B2B; font-weight:bold; margin:0; padding:0; padding-top:5px; padding-left:20px;  }
.miniPreview h5 a			{ color:#2b2b2b;  }
#my-glider .miniPreview p			{ position:relative; padding-left:20px; padding-right:20px; color:#2B2B2B; }	


.maxiPreview				{ margin:0; padding-top:10px; padding-bottom:10px; width:610px; overflow:hidden; padding-right:10px   }
.previewImage				{ position:relative; position:relative; background-image:url(../images/template/softwareBubble.jpg); background-repeat:no-repeat; height:350px; width:131px; padding:8px 0 0 8px; float:left; margin-right:20px}	
.touchPreview				{ margin:0; padding-top:0px; padding-bottom:10px; width:610px; overflow:hidden; padding-right:10px   }

#my-glider .maxiPreview h1  { position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:16px; color:#2B2B2B; font-weight:normal; margin:0; text-decoration:none; padding:0px 0 10px 20px}
.maxiPreview h5				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2B2B2B; font-weight:bold; margin:0; padding:0;  }
.maxiPreview h5 a			{ color:#2b2b2b;  }
#my-glider .maxiPreview p	{ position:relative; padding-left:20px; padding-right:20px; color:#2B2B2B; }	


#my-glider .touchPreview h1  	{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:16px; color:#2B2B2B; font-weight:normal; margin:0; text-decoration:none; padding:0px 0 10px 20px}
.touchPreview h5				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2B2B2B; font-weight:bold; margin:0; padding:0;  }
.touchPreview h5 a				{ color:#2b2b2b;  }
#my-glider .touchPreview p		{ position:relative; padding-left:20px; padding-right:20px; color:#2B2B2B; }