/* reset browsers */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body {
	line-height:1.5;
	}
	
table {
	border-collapse:separate;
	border-spacing:0;
	}

caption, th, td {
	text-align:left;
	font-weight:normal;
	}
	
table, td, th {
	vertical-align:middle;
	}
	
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
	}

blockquote, q {
	quotes:"" "";
	}
	
a img {
	border:none;
	}

/* end reset browsers */


/* containers */

.container {
	width:800px;
	margin:0 auto;
	background: #fff;
	}
	

.span-top {
	width:800px;
	float:left; 
	display: inline;
	position:relative;
	}

.inside{
	margin-left:0;
	}


.logo {
	width:325px;
	float: left;
	}

/* homepage slideshow */
.span-banner {
	width:800px;
	float:left;
/*	background:#d9e7ed url(../images/banner.jpg) 0 0 no-repeat; 
	background-position: left;*/
	height: 333px;
	position:relative;
	overflow:hidden;
	}
.span-banner-images {
	padding:0;
	margin:0;
	list-style-type:none;
	position:absolute;
	z-index:1;	
	}
.span-overlay {
	width:800px;
	height: 333px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;	
	}	
.span-cstudy {
	width:300px;
	float: right;
	margin:230px 0 0 500px;
	position: absolute;
	z-index:3;
	}	

	.span-about {
	width:800px;
	float:left;
	background:#d9e7ed url(../images/about.jpg) 0 0 no-repeat;
	background-position: left;
	height: 157px;
	}
	
	.span-approach {
	width:800px;
	float:left;
	background:#d9e7ed url(../images/approach.jpg) 0 0 no-repeat;
	background-position: left;
	height: 157px;
	}
	
	.span-services {
	width:800px;
	float:left;
	background:#d9e7ed url(../images/services.jpg) 0 0 no-repeat;
	background-position: left;
	height: 157px;
	}
	
	.span-clients {
	width:800px;
	float:left;
	background:#d9e7ed url(../images/clients.jpg) 0 0 no-repeat;
	background-position: left;
	height: 157px;
	}
	
	.span-news{
	width:800px;
	float:left;
	background:#d9e7ed url(../images/news.jpg) 0 0 no-repeat;
	background-position: left;
	height: 157px;
	}
	
	.span-crumb {
	width:800px;
	float:left;
	margin:0;
	clear:right;
	}
	
	
.span-body {
	width:800px;
	float:left; 
	clear:both;
	padding: 0;
	margin: 0;
	margin-top: 15px;
	}
	
.content {
   width:415px;
   float:left;
   margin: 25px 0 25px 35px;
   }


.sidebar {
	width:300px;
    float:left;
    margin: 25px 10px 25px 35px;
	}
	
.content2 {
   width:495px;
   float:left;
   margin: 0 0 25px 35px;
   }

.sidebar2 {
	width:200px;
    float:left;
	border-left: dashed 1px #ccc;
	margin: 25px 0 0 15px;
	padding-left: 10px;
	}

.sidebar3 {
	width:200px;
    float:left;
	border-left: dashed 1px #ccc;
	margin: 35px 0 0 15px;
	padding-left: 10px;
	}
	
.sidebar4 {
	width:200px;
    float:left;
	margin: 0 0 0 15px;
	
	}
	
	
	.sidebar4 p{
	border-left: dashed 1px #ccc;
	margin-top: 15px;
	padding-left: 10px;

	}

.span-footer {
	width:800px;
	float:left; 
	clear:both;
	text-align:center;
	margin-top:25px;
	}

.box {
	width:490px;
	background: #E5F7FD;
    float:left;
	}
	
.col2 {
	width:220px;
    float:right;
	margin: 15px 15px 15px 0;
	}
	
.col1 {
	float: left;
	width:210px;
	margin: 15px 0 15px 25px;
	}
	
.feature {
width: 475px;
margin: 0 0 20px 0;
text-align: left;
float: left;
}

.newsDes {
width:400px;
margin: 10px 0 0 10px;
text-align: left;
float: right;
}



	
/* Nav styles
-------------------------------------------------------------- */	
#span-nav *  { 
	padding:0; 
	margin: 0; 
	 }

#span-nav { 
	position: absolute;  
	z-index: 99; 
	margin: 20px 0 0 325px; 
	float: left; 
	line-height: 20px; 
	}

#span-nav a { 
	display: block; 
	text-decoration: none; 
	background: #fff;
	padding: 5px; 
	}


#span-nav ul li  { 
	width: 75px; 
	list-style-type:none; 
	float: left;
	text-align: center;
	}
	
#span-nav ul li ul li  {
	width: 150px; 
	list-style-type:none; 
	border-bottom: 1px dashed #ccc;
	text-align: left;

	} 



#span-nav ul li ul, #span-nav:hover ul li ul, #span-nav:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 90px;
	}

#span-nav:hover ul, #span-nav:hover ul li:hover ul, #span-nav:hover ul li:hover ul li:hover ul { 
	display:block; 
	}

#span-nav:hover ul li:hover ul li:hover ul { 
	position: absolute;
	margin-left: 90px;
	margin-top: -20px;
	}

/*

.span-nav {
	margin-bottom: 0px;
	}
	
#nav, #nav li, #nav li ul, #nav li ul li {
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	}

#nav li {
	float:left;
	width:95px;
	}

#nav li ul {
	position:absolute;
	left:-999em;
	}

#nav li ul li {
	clear:both;
	background-color: #fff;
	}

#nav li:hover ul, #nav li.sfhover ul {
	position:relative;
	left:auto;
	height:1%;
	} */
	
	
#navfooter, #navfooter li {
	margin:0;
	padding:5px;
	list-style:none;
	}

#navfooter li {
	display: inline;
	width:80px;
	text-align: center;
	}

/* Type styles
-------------------------------------------------------------- */	
body {
	font-size:65%;
	color:#222;
	background:#d9e7ed url(../images/main_bg.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center; 
	}
	

/* Default Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2.5em; line-height: 1.2em; margin-bottom: 0.3em; color:#041d45;}
h2 { font-size: 1.3em; line-height: 1.2em; font-weight: bold; margin-bottom: 0; color:#ee9328; text-transform: uppercase;}
h3 { font-size: 1.5em; line-height: 1.2em; margin-bottom:1em; }
h4 { font-size: 1.2em; line-height: 1; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Default Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Default Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 0; line-height: .9em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0px; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.client 	{ margin-bottom:0; color: #92c9e0; }
 
  
hr  {
	border: 0;
	height: 10px;
	color: #F5F5F5;
	background-color: #eee;
	}
	

.span-body hr  {
	border: 0;
	height: 1px;
	color: #F5F5F5;
	background-color: #ccc;
	display: block;
	margin-bottom: 1.5em;
	}
	
address {
    clear:both;
	color: #999;
	font-style:normal;
	}
	
.breadcrumb {
    clear:both;
	color: #92c9e0;
	font-size: 1.1em;
	padding-left:25px;
	}
#hlight {
    color: #ee9328;
	}
	  
.date {
	width: 50px;
	margin: 15px 0 0 0;
	text-align: left;
	float: left;
	color: #666666;
	font-weight: bold;
	font: small-caps normal 11px Arial, Helvetica, sans-serif;
}

/* Paragraph styles
-------------------------------------------------------------- */
p {
	color:#666;
	font-size:1.2em;
	line-height:1.7em;
	margin-bottom: 25px;
	}
	
.span-banner p {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #fff;
	}
	
	
.sidebar p, .sidebar2 p {
	font-size: 1em;
	line-height: 1.6em;
	}
	
.intro {
	color:#3D5483;
	font-size: 1.6em;
	line-height: 1.9em;
	margin-top:15px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	}

	
/* List styles
-------------------------------------------------------------- */
.span-body ul li {
	color:#666;
	font-size:1.2em;
	line-height:1.7em;
	margin-bottom: 5px;
	}

.col1 ul li, .col2 ul li {
	list-style:none;
	font-size: 1.2em;
	line-height: 1.4em;
}


/* Header styles
-------------------------------------------------------------- */

.span-banner h3 {
	color: #fff;
	line-height: .7em;
	}
	
.span-banner h4 {
	color: #fff;
	line-height: .7em;
	margin-bottom: .3em;
	font-weight:bold;
	}

.span-body h3 {
	color: #999;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: .3em;
	margin-top: .5em;
	}
	
.col1 h2, .col2 h2{
    color:#041d45;
	font-size: 1.3em;
	line-height: 1.2em;
	margin-bottom: .5em;
	margin-top: .5em;
	padding-left: 15px;
	}
	
.col1 h3, .col2 h3 {
	color:#3D5483;
	font-size: 1.5em;
	line-height: 1em;
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	}
	
.feature h3 {
    color:#3D5483;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-top: 0;
	}
	
#span-nav li {
	font-size: 1.3em;
	line-height: 1.2em;
	color: #041d45;
	}
	
#span-nav li ul li {
	font-size: 90%;
	color: #041d45;
	line-height: 1.2em;
	background-color: #fff;
	}

#navfooter li {
	font-size: x-small;
	line-height: 1em;
	color: #999;
	}
	
	
.content2 h1 {
	margin-top:15px;
	}
	
.content2 h2 {
	color:#746F83;	
	}

.sitemap ul li {
	margin-top: 15px;
	}

.sitemap ul li, .sitemap ul li a{ 
	font-size: 1.1em;
	line-height: 1.8em;
	color: #746F83;
	list-style-type:none;
	}

.sitemap li ul li {
font-size: 90%;
}

.sitemap ul li a:hover {
	 color: #2cabe0;
	 } 
	
/* Link styles
-------------------------------------------------------------- */
body#approach a#appnav,
body#services a#servnav,
body#clients a#clientnav,
body#about a#aboutnav,
body#news a#newsnav, body#home a#homenav {
	color:#ee9328;
	}


a {
 	text-decoration: none;
 	color: #2cabe0;
 	}

a:hover{
 	text-decoration: none;
 	color: #464646;
 	}
 
#span-nav a {
 	text-decoration: none;
 	color: #041d45;
 	}

#span-nav a:hover{
 	text-decoration: none;
 	color: #2cabe0;
 	}
	
#span-nav a:active{
 	text-decoration: none;
 	color: #041d45;
 	}
	
.span-body h3 a, .span-body  h3 a:active {
	text-decoration: none;
	color:#3D5483;
	font-weight: bold;
	}

.span-body h3 a:hover {
	text-decoration: underline;
	}
	

#navfooter a, .feature a, #navfooter a:visited, .feature a:visited {
 	text-decoration: none;
 	color: #3D5483;
 	}

#navfooter a:hover, .feature a:hover{
 	text-decoration: none;
 	color: #2cabe0;
 	}
	
#navfooter a:active, .feature a:active{
 	text-decoration: none;
 	color: #041d45;
 	}

.pRelease {
	font-size: 1.1em;
	margin: 0;
	}
	
.push {
	margin-left: 15px;
	margin-top: 25px;
	}	
	
	#gallery {
		background-color: #FFF;
		width:166px;

	}
	#gallery ul { list-style: none;
	margin:0;
	padding: 0; }
	#gallery ul li { display: inline;
	overflow:hidden; }
	#gallery ul img {
		
	}
	#gallery ul a:hover img {
		
	}
	#gallery ul a:hover { color: #fff; }