body {
	margin: 0;
	padding: 10px 0 20px;
	text-align: center;
	color: #333;
	background: #fff;
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 140%;
}

* html body {
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for IE6,7*/
}

table {
	line-height: 140%;
	font-size: 100%;
	}

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

h2, h3 {
	color: #183889;
	}

h2 {
font-size: 150%;
line-height: 120%;
}

h4 {
font-size: 110%;
line-height: 110%;
}

/* layout structure */

#container {
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	text-align: left;
	width: 940px;
	background: #FFF;
	}

#footer p {
	font-family: Helvetica, Arial, sans-serif;
	color: #0C3889;
	font-size: 85%;
	font-weight: normal;
	line-height: 150%;
	}

/* Masthead */

#header {
	float: left;
	width: 100%;
	background: #fff;
	}

#center {
	margin-bottom: 15px;
	margin-top: 15px;
	float: left;
	}

#logo {
/*	float: left;*/
	text-align: left;
	display: block;
	}

#left_col {
	width: 560px;
	float: left;
	margin-right: 10px;
	}
	
#right_col {
	width: 315px;
	float: right;
	background-color: #C9FFD3;
	padding: 17px;
	margin: 0 0 5px 5px;
	}

/* nav structure */

#nav_wrap {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
    color:#000;
    text-align: center;
    background:#fff url("images/bg.gif") repeat-x bottom;
/*    border: 1px solid red;*/
	}
	
#nav {
	float: right;
	display: inline; /* fixes IE/Win double margin bug */
	margin: 0;
	list-style: none;
	background:white;
 	font-size: 105%;
 	line-height:normal;
	text-align: center;
 	margin-top: 0px;
	width: 515px;
	background:#fff url("images/bg.gif") repeat-x bottom;
	}

#nav li {
	float: left;
	display: inline; /* fixes IE/Win double margin bug */
	margin: 0;
	padding: 0;
	}	

#nav li a {
	float: left;
	margin: 0;
	padding: 0 5px 0 9px; /* 9px is the width of left_both.gif */
	text-decoration: none;
	background: url("images/left_both.gif") no-repeat left top;
 	color: #0D328F;
	}

#nav a span {
	float: left;
	display: block;
	margin: 0;
	padding:7px 15px 4px 6px;
 	color:#0D328F;
	font-weight: bold;
	white-space: nowrap;
	background: url("images/right_both.gif") no-repeat right top;
	}	

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span { float:none; }
/* End IE5-Mac hack */

#nav a:hover span {
	color: #333;
	}

#nav a:hover {
	background-position:0% -150px;
 	color:#333;
	}
	
#nav a:hover span {
	background-position:100% -150px;
 	color:#333;
	}

.home #nav-home a, .design #nav-home a,
.software #nav-software a, 
.pricing #nav-software a, 
.fivefeatures #nav-software a, 
.features #nav-software a, 
.feature1 #nav-software a, 
.feature2 #nav-software a, 
.feature3 #nav-software a, 
.feature4 #nav-software a, 
.feature5 #nav-software a, 
.feature6 #nav-software a, 
.services #nav-services a, .careers #nav-careers a, 
.blog #nav-blog a, .clients #nav-clients a, .about #nav-about a, .contact #nav-contact a, .demo #nav-contact a, .thankyou #nav-contact a {
	background-position:0 -150px;
	border-width:0;
}

.home #nav-home a span, .design #nav-home a span, .software #nav-software a span, .pricing #nav-software a span, .fivefeatures #nav-software a span, .features #nav-software a span, .feature1 #nav-software a span, .feature2 #nav-software a span, .feature3 #nav-software a span, .feature4 #nav-software a span, .feature5 #nav-software a span, .feature6 #nav-software a span, .services #nav-services a span, .careers #nav-careers a span, .blog #nav-blog a span, .clients #nav-clients a span, .about #nav-about a span, .contact #nav-contact a span, .demo #nav-contact a span, .thankyou #nav-contact a span {
	background-position: 100% -150px;
	color:#333;
	padding-bottom:6px;
}

a, a:visited {
	color: #00845D;
	font-weight: bold;
	text-decoration: underline;
}

a.jobanchor {
text-decoration: none;
font-weight: bold;
color: black;
}

a:hover, a:active {
	text-decoration: underline;
	font-weight: bold;
}

#big_col .column1 {
	float: left;
	width: 350px;
padding-top: 10px;
}

#big_col .column2 {
 	float: left;
	width: 425px;
	padding-left: 50px;
padding-top: 10px;
}

.thumbnail a span {
margin: 0 0 15px 15px;
clear: right;
float: right;
border-color: #183889;
border-width: 2px;
border-style: solid;
}

.thumbnail a:hover span {
border-color: yellow;
}

.thumbnail2 a span, .thumbnail2 a:visited span {
margin: 0 15px 15px 0;
border-color: #183889;
border-width: 2px;
border-style: solid;
text-decoration: none;
float: left;
}

.thumbnail2 a:hover span {
border-color: yellow;
text-decoration: none;
}

.thumbnail3 a span, .thumbnail3 a:visited span {
margin: 0 15px 15px 0;
border-color: #183889;
border-width: 2px;
border-style: solid;
text-decoration: none;
clear: right;
float: left;
}

.thumbnail3 a:hover span {
border-color: yellow;
text-decoration: none;
}

#right_col.congrats {background-color:#fff;color:#15327d;border:2px solid #1d44a8;margin:0 0 1.25em;padding:0;width:345px;}
#right_col.congrats h3 {font-size:1.6em;line-height:1.1em;font-weight:normal;background-color:#2a63f2;padding:.5em;color:#fff;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;}
#right_col.congrats ul {margin:1em 1.2em 0;padding:.3em 0 .5em;}
#right_col.congrats li {font-size:1em;margin-bottom:.8em;list-style:none;}
#right_col.congrats strong {font-size:1.2em;margin-bottom:.8em;list-style:none;}
