body {
	margin: 0;
	padding: 0;
	background: #c2c2c2;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #464646;
	text-align: center;
	}

p {
	margin: 0 0 15px 0;
	font-size: 11px;
	line-height: 18px;
}


td {
	font-size: 12px;
	line-height: 17px;
	}
	
	
a:link, a:active, a:visited {
	color: #0590c5;
	text-decoration: none;
	outline: none;
}
	
a:hover {
	color: #ec5219;
	text-decoration: underline;
	outline: none;
}


h1 {
	margin: 5px 0 8px 0;
	font: 18px Helvetica, Verdana, Helvetica, Arial, sans-serif;
	color: #666;
	font-weight: bold;
	}


h2 {
	margin: 0;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	}

h3 {
	margin: 0 0 5px 0;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #016489;
}

h4 {
	font-size: 13px;
	color: #000;
	margin: 0 0 5px 0;
	}
	
.right {
  float:right;
}

.left {
  float:left;
}
.clear {
	clear:both;
}
img {border: 0px;}

/* TEMPLATE */
#outer {
	width:916px;
	background: url(bg_container.gif) repeat-y;
	padding-left:8px;
	padding-right:8px;
	margin: 0px auto;

}


#container {
	background:#fff;
	width:900px;
	float: left;
}

#container form{
margin: 0px;
padding: 0px;
}

#content {
	width: 840px;
	text-align: left;
	margin: 5px 30px 20px;
	}

#header {
	width: 900px;
	background:#fff url(sub_main_1.jpg) no-repeat right top;
	margin: 0;
	padding: 0;
	height: 170px;
}

#home #header {
	background:#fff url(hm_main_3.jpg) no-repeat right top;
	height: 300px;
}

#logo {
	float: left;
	width: 265px;
	height: 47px;
	margin: 0;
	padding: 0;
	background: url(logo.gif) no-repeat right top;
	text-indent:-9999px;
	margin-top: 50px;
}	

#logo  a {
	width: 265px;
	height: 47px;
	display: block;
	outline: none;
}

#home #logo {
	margin-top: 120px;
}
	
	
.bc {
	color: #666;
	font-size: 10px;
	text-align: left;
	padding: 10px 30px 10px 20px;
	display: block;
	background: #fff;
	border-bottom: 1px dotted #ccc;
}

.bc a:link, .bc a:visited, .bc a {
	color:#5d94ae;
	text-decoration: underline;
	padding: 0 1px;
	font-variant: normal;
}
.bc a:hover {
	text-decoration: underline;
	text-align: left;
	color: #346f03;
}

#ctleft {
	width: 460px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 30px 0 0;
	text-align: left;
	}
	
#ctleftWide {
	width: 800px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 30px 0 0;
	text-align: left;
	}
	
.lefttext p {
	margin: 0 0 8px 0;
	padding: 0;
	}


#ctright {
	width: 300px;
	float: right;
	margin: 4px 0 0 0;
	padding: 0;
	text-align: left;
	}

#ctleft_cs {
	width: 650px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 30px 0 0;
	text-align: left;
}
	
#ctright_cs {
	width: 150px;
	float: right;
	margin: 4px 0 0 0;
	padding: 0;
	text-align: left;
}

.pageBottom {
	width:916px;
	height: 8px;
	background: url(bg_pageBottom.gif) no-repeat;
	padding-left:8px;
	padding-right:8px;
	margin: 0px auto;
}



.hr {
	height: 1px;
	width: 100%;
	margin: 10px 0 10px 0;
	font-size: 1px;
	line-height: 1px;
	background: url(hr.gif) repeat-x;
	clear: both;
}
	

ol {
  margin: 5px 0 10px 15px;
  padding: 0 0 0 7px;
  }
  
ol li {
  margin: 0;
  padding: 0 0 5px 0;
  }

ul {
  margin: 5px 0 10px 10px;
  padding: 0 0 0 7px;
 }
  
ul .arrow {
  padding:0px;
  margin:0px;
}

/* NAV */

#topNav {
	PADDING: 0px;
	FLOAT: right; 
	MARGIN: 0px; 
	WIDTH: 500px;
}

#topNav UL { 
	FLOAT: left;  
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING: 0px; 
	LIST-STYLE-TYPE: none;
}

#topNav LI {
	DISPLAY: block; 
	FLOAT: left; 
	PADDING: 0;
	text-indent:-9999px;
}

#topNav a {
	outline: none;
}
	
#topNav .portfolio a {
	background: url(tn_portfolio_off.gif) no-repeat right top; 
	width: 125px;
	height: 30px;
	display: block;
}

#topNav .portfolio .on {
	background: url(tn_portfolio_on.gif) no-repeat right top; 
}

#topNav .caseStudies a {
	background: url(tn_case_off.gif) no-repeat right top; 
	width: 125px;
	height: 30px;
	display: block;
}

#topNav .caseStudies .on {
	background: url(tn_case_on.gif) no-repeat right top; 
}

#topNav .contact a {
	background: url(tn_contact_off.gif) no-repeat right top; 
	width: 125px;
	height: 30px;
	display: block;
}

#topNav .contact .on {
	background: url(tn_contact_on.gif) no-repeat right top; 
}

#topNav .clients a {
	background: url(tn_clients_off.gif) no-repeat right top; 
	width: 125px;
	height: 30px;
	display: block;
}

#topNav .clients .on {
	background: url(tn_clients_on.gif) no-repeat right top; 
}




.arrow li {
	background: url(bg_li.gif) no-repeat;
	padding: 3px 0 3px 18px;
	list-style: none;	
	margin-left: 0px;
	line-height: 18px;
}
	
.date {font-size: 11px;color: #464646;display:block;clear: right;}

.wsLink a{
	background: url(bg_externalLink.gif) no-repeat;
	padding: 1px 0 5px 23px;
	color: #0399d1 !important;
	font-size: 11px;
	display: block;
}

.acrobatLink {
	background: url(acrobat_icon.gif) no-repeat;
	padding: 1px 0 3px 23px;
	color: #0399d1 !important;
	font-size: 11px;
	display: block;
}


.req {color: #ec0000;}
.small {font-size: 10px; color: #999;}


/* FOOTER */

#footer {
	width:830px;
	margin: 0px auto;
	padding-left:0px;
	padding-right:0px;
	height: 100px;
	clear: both;
	color: #666;
	font-size: 10px;
}

.copyright {float: left;margin-top:8px;}
.ftrlinks {float: right;margin-top:8px;}
.ftrlinks a {color: #3b8c90;}


/* Project Spotlight */


.projectSpotlight {
	vertical-align: top;
	display: block;
	padding: 0px;
}

.projectSpotlight h3 {
	margin: 0;
	background: url(bg_projectSpotlight.gif) no-repeat;
	padding: 2px 0 6px 35px;
	text-indent:-9999px;
	width: 200px;
	height: 15px;
}

.projectSpotlight ul {
	margin: 0px;
	padding: 0px;
}

.projectSpotlight li {
	display: block;
	COLOR: #464646;
	TEXT-DECORATION: none;
	font-Size:11px;
	background: url(bg_spotlight_li.gif) no-repeat;
	padding: 2px 0 6px 35px;
	list-style: none;	
	border-bottom: 1px dashed #e1e1e1;
	margin-bottom: 8px;
}

.projectSpotlight li a:link, .leadNav li a:visited {
	COLOR: #4a7c0b;
	TEXT-DECORATION: none;
}

.projectSpotlight li a:hover, .projectSpotlight li a:active {
	COLOR: #42939e;
}

.projectSpotlight em {
	COLOR: #464646;
	TEXT-DECORATION: underline;
}





.screenshots ul {
	margin: 0px;
	padding: 0px;
}


.screenshots li {
	float: left;
	width: 320px;
	COLOR: #464646;
	TEXT-DECORATION: none;
	font-Size:11px;
	list-style: none;	
	margin: 20px 0 0;
}

.showLarger ul {
	margin-left: 70px;
}

.showLarger li {
	width: 255px;
}

.showLarger li h3 {
	background: url(bg_viewLarger.gif) no-repeat;
	padding: 3px 0 3px 23px;
	font-size: 10px;
	margin-left: 50px;
}

.screenshots h3 {
	margin: 3px 0 5px 0;
	padding: 0 0 0 20px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #016489;
	border: 0px;
	background: url(bg_arrowDown.gif) no-repeat;
}

.csHome ul {
	margin: 0px;
	padding: 0px;
	width:500px;
}


.csHome li {
	float: left;
	width: 250px;
	COLOR: #464646;
	TEXT-DECORATION: none;
	font-Size:11px;
	list-style: none;	
	margin: 10px 0 0;
}

.csHome li img{
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}

.csHome li a:hover img{
	border: 1px solid #666;
	background-color: #4395a4;
}

.csHome h3 {
	margin: 3px 0 5px 0;
	padding: 0 0 0 20px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #016489;
	border: 0px;
	background: url(bg_arrowDown.gif) no-repeat;
}


/* CS SIDE */

.csSide ul {
	margin: 0px;
	padding: 0px;
	width:150px;
}


.csSide li {
	float: left;
	width: 150px;
	COLOR: #464646;
	TEXT-DECORATION: none;
	font-Size:11px;
	list-style: none;	
	margin: 0 0 20px;
	border-bottom: #e1e1e1;
}

.csSide h2 {
	margin: 3px 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	border: 0px;
	padding: 0px;
}

.csSide h3 {
	margin: 3px 0 5px 0;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #999;
	border: 0px;
}

.csSide li a {color: #88b20e;}


.csSide li img{
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
}

.csSide li a:hover img{
	border: 1px solid #666;
	background-color: #bcdf56;
}

.clientTable td {
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}

.hdrTop {color: #fff;text-transform: uppercase;font-size: 10px;font-weight: bold;}
.contactFormTbl input, .contactFormTbl textarea {
	border: 1px solid #999;
}
/* PORTFOLIO */

.porth1 {color: #358884;}


.portHome ul {
	margin: 10px 0 0;
	padding: 0px;
}

.portHome li {
	float: left; 
	margin-right: 10px;
	margin-top: 10px;
	list-style: none;
	border: 1px dotted #e1e1e1;
	height: 170px;
	width: 145px;	
}

.portHome li a {
}

.last {margin-right: 0px; border: 1px solid red;}


.portHome h2 {
	margin: 3px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #225260;
	border: 0px;
	padding: 12px 0 8px 10px;
	background: url(bg_h2_port.gif) #fff repeat-x;
	border-bottom: 1px solid #9cc4d3;
	
}

.portHome h2 a {
	font-size: 11px;
	border: 0px;
	padding: 0px;
	margin-left: 10px;
}

.portHmeTitle {
	margin: 10px 0px 0px 15px;
	font-size: 11px;
	color: #4093a2;
	height: 20px;
}

.portHome a img {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
	margin-left:15px;
}

.viewAll {margin-top: 10px;}
.viewAll a {
	margin: 0 20px 10px 0;
	color: #225260;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
}

.hpLower {
	text-align: left;
	padding: 10px 0 20px;
	background: url(hp_lower.gif) #0e3c4c repeat-x;
	width:900px;
}

.hpportHome ul {
	margin: 0;
	padding: 0;
}

.hpportHome li {
	float: left; 
	margin-top: 5px;
	list-style: none;
}

.hpportHome a img {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
	margin-left:15px;
}

.hpviewAll {clear: both;}

.hpviewAll a {
	margin: 0 25px 10px;
	font-size: 12px;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
}

.hpportHome h2 {
	margin: 15px 0 5px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border: 0px;
	padding: 0px;
}

.hpportHome h2 a {
	font-size: 10px;
	border: 0px;
	padding: 0px;
	color: #ccc;
	margin-left:10px;
}

.printBig {float: left; width: 400px; margin-right: 20px;}
.printLinks {float: left; width: 200px;margin-top: 50px;}