/*--------------------*/
/*---LAYOUT STYLING---*/
/*--------------------*/

/*---BASIC ELEMENTS---*/

body {
/*border-top: 4px solid #cecece;*/
}

h1 {
	margin: 0px 0px 10px 0px;
}

h2 {
	margin: 0px 0px 20px 20px;
}
h2 {
	margin: 0px 0px 20px 0px;
}

hr {
	border: none;
	height: 1px;
	background-color: #cecece;
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
}

p {
	margin: 0px 0px 15px 15px;
	width: 779px;

}

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

ul {
	margin: 0px;
}

ol {
	margin: 0px;
}
p.view {

}
p.view a {
	background-color: #f2f1f1;
	padding: 7px 7px 6px 7px;
	display: inline-block;
}
p.view a:hover {
	background-color: #dddcdc;
}
/*---FLOAT & MARGIN CLASSES---*/

.clear {
	float: left;
}

.row {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

	.row.mb0 {margin-bottom: 0px;}

.mb0 {
	margin-bottom: 0px;
}
.mr0 {
	margin-right: 0px;
}

.ml0 {
	margin-left: 0px;
}
.mt0 {
	margin-top: 0px;
}
/*---WRAPPERS---*/

#containerWrap {
	
}

#container {
	width: 850px;
	margin: 0px auto;

	padding: 60px 0px 0px 0px;
}


/*---MAIN BLOCKS---*/

#masthead {
	float: left;
	width: 100%;
	height: 50px;
}
	
	#logo h1 {
		float: left;
		border-right: 1px solid #d5d5d5;
		padding-right: 11px;
	}

	#logo h2 {
		float: left;
		
		margin-top:2px;
		padding: 0px 0px 0px 11px;
	}
#nav {
    float: right;
}

    #nav li {
    	float: left;
    	margin-left: 25px;
		margin-top: 4px;
    	display: inline;
    }
    
    #nav li a {
    	display: block;
    }
	
#main {
	float: left;
	clear: left;
	position: relative;
	width: 850px;
	padding-bottom: 20px;
}
	.bordered {
		
		border-top: 1px solid #cecece;
	}
	
	.projList {
		padding-top: 39px;
	}
	
	.projDetail {
		padding-top: 11px;
	}
		.aboutCareer {
		padding-top: 39px;
	}
	.contact {
		padding-top: 37px;
	}

	img {
		border: 1px solid #CECECE;
	}
	
	


#footer {
	padding-top: 15px;
	border-top: 1px solid #cecece;
	float: left;
	clear: both;
	width: 100%;
}
	#footer p {
		float: left;
		margin-left: 0px;
		width: auto;
	}
	
	#footer ul {
		float: right;
	}
	
	#footer ul li {
		float: left;
		list-style-type:none;
		height: 23px;
		line-height: 23px; 
	}
	
	#footer ul li a span {
		position: absolute;
		left: -9999px;
	}
	#footer ul li#twitter {
		margin-left: 12px;
	}
	#footer ul li#twitter a {
		background: transparent url(../images/icons/twitter.gif) left top no-repeat scroll;
		width: 24px;
		height: 23px;
		display: block;
	}
	#footer ul li#twitter a:hover {
		background: transparent url(../images/icons/twitter-hover.gif) left top no-repeat scroll;
	}
	#footer ul li#linkedin {
		margin-left: 4px;
	}
	#footer ul li#linkedin a {
		background: transparent url(../images/icons/linkedin.gif) left top no-repeat scroll;
		width: 23px;
		height: 23px;
		display: block;
	}

	#footer ul li#linkedin a:hover {
		background: transparent url(../images/icons/linkedin-hover.gif) left top no-repeat scroll;
	}
	
/*---HOME PAGE SPECIFIC STYLING---*/

.home .feature {
	float: left;
	width: 100%;
	border-bottom: 1px solid #cecece;
	margin-bottom: 10px;
}


.home .feature a.banner img, .home .feature a.banner { 
	
	overflow: hidden; 
	float: left; 
}
.home .feature a.banner {
	margin-bottom: 28px;
}

.home .feature a.banner:hover { 
	border: 4px solid #b3d4b0; 
}
.home .feature a.banner:hover img { 
	margin: -4px; 
}
.home .feature h1 {
	margin-top: 30px;
}


.home .row {
	padding-bottom: 10px;
	border-top: 1px solid #CECECE;
	padding-top: 30px;
}
.home .projectList {
	margin-bottom: 0px;
}
.home .projectList .row {
	border: none;
	padding: 0px 0px 10px 0px;
	margin-bottom: 0px;
	
}
/*---PROJECT LISTINGS---*/

.projectList {
	float: left;
	width: 850px;
	margin-bottom: 15px;
}

.projectList h2 {
	border-bottom: 1px solid #CECECE;
	padding-bottom: 16px;
	margin-bottom: 10px;
}
.projectList h3 {
	width: 265px;
	position: relative;
	float: left;
	margin-top: 10px;
}

.projectList div.row {
	margin-bottom: 15px;
	padding-bottom: 10px;
	width: 100%;
}

.projectList div.cell {
	float: left;
	display: inline;
	margin-left: 14px;
	list-style-type: none;
	width: 274px;
	position: relative;
}

.projectList div.row div:first-child {
	margin-left: 0px;
}


.projectList div.cell a img, .projectList a { 
	
	overflow: hidden; 
	float: left; 
}
.projectList div.cell a:hover { 
	border: 4px solid #b3d4b0; 
}
.projectList div.cell a:hover img { 
	margin: -4px; 
}

.projectList div.cell h3 a, .projectList div.cell h3 a:hover {
	border: none;

}
.projectList div.cell p {
	width: 265px;
	margin-left: 0px;
	margin-bottom: 0px;
	position: relative;
	float: left;
	clear: both;
}

.paging {
	float: left;
	clear: left;
	width: 850px;
	margin-bottom: 8px;
}
.paging p {
	margin: 0px 0px 0px 0px;
	width: auto;
}
.paging p.count {
	float: left;
	margin-top: 10px;	
}

.paging p.buttons {
	float: right;
}

	.paging p.buttons img {
		border: none;
	}
	
	
	.paging p.buttons a:hover img {
		margin: 0px;
	}

.projDesc h1 {
	margin-bottom: 5px;
}
table.solutions {
	margin-bottom: 35px;
	table-layout:fixed;
	width:848px;
}
table.solutions th {
	background-color: #f8f8f8;
	border-bottom: 1px solid #cecece;
	padding: 9px 8px 7px 8px;
}

table.solutions td {
	border-bottom: 1px solid #cecece;
	padding: 8px 40px 8px 8px;
}

table.solutions td:first-child {
	padding-right: 65px;
}
p.download {
	clear: both;	
	margin-bottom: 30px;
}
p.ml0 {
	margin-left:0px;
}
p.download a {
	background: #f2f1f1 url(../images/icons/pdf.gif) left center no-repeat scroll;
	padding: 5px 8px 5px 28px;
	display: inline-block;
}
p.download a:hover {
	background-color: #dddcdc;
}
p.paypal a {
	background: #f2f1f1 url(../images/icons/paypal-lock.gif) left center no-repeat scroll;
	padding: 5px 8px 5px 28px;
	display: inline-block;
}
p.paypal a:hover {
	background-color: #dddcdc;
}
p.approval a {
	background: #f2f1f1 url(../images/icons/thumbs-up-icon.gif) left center no-repeat scroll;
	padding: 5px 8px 5px 28px;
	display: inline-block;
	float: left;
}
p.approval a:hover {
	background-color: #dddcdc;
}
/*----Image Slideshow----*/

#slideshow {
	float: left;
	clear: left;
	width: 850px;
	height: 342px;
	margin-bottom: 30px;
}

#slideNav {
	float: left;
	width: 848px;
	position: absolute;
	z-index: 9999;
	top: 220px;
	left: 1px;
}

#slideNav a span {
	position: absolute;
	left: -9999px;
}

#slideNav a#nextSlide {
	background: transparent url(../images/icons/next-slide.gif) left top no-repeat scroll;
	width: 48px;
	height: 39px;
	line-height: 39px;
	float: right;
}

#slideNav a#nextSlide:hover {
	background: transparent url(../images/icons/next-slide-hover.gif) left top no-repeat scroll;
}

#slideNav a#prevSlide {
	background: transparent url(../images/icons/prev-slide.gif) left top no-repeat scroll;
	width: 48px;
	height: 39px;
	line-height: 39px;
	float: left;
}

#slideNav a#prevSlide:hover {
	background: transparent url(../images/icons/prev-slide-hover.gif) left top no-repeat scroll;
}

/*----ABOUT----*/

.about {
	padding-bottom: 20px;
}
.left {
	float: left;
	width: 546px;
	clear: both;
	margin-top: -10px;
}

.left p {
	width: 510px;
	margin-bottom: 20px;
}

.left ul.emphasis {
	width: 510px;
	border-top: 1px solid #cecece;
	margin-left: 30px;
	margin-bottom: 30px;
	float: left;
}

.left ul.emphasis li {
	list-style-type: none;
	padding: 8px 4px;
	width: 502px;
	float: left;
	clear: left;
	border-bottom: 1px solid #cecece;
	
}
.aboutCareer {
	float: left;
	width: 840px;
	margin-bottom: 15px;
}
.aboutCareer div.download {
margin-top: 75px;
}
.aboutCareer div.leftColumn {
	float: left;
	display: inline;
	margin-left: 14px;
	list-style-type: none;
	width: 520px;
	position: relative;
}
.aboutCareer div.leftColumn p {
	width: 520px;
	margin-left: 0px;
	margin-bottom: 10px;
	position: relative;
	float: right;
	clear: both;
}
.aboutCareer div.rightColumn {
	float: right;
	display: inline;
	margin-left: 14px;
	margin-left: 10px;
	list-style-type: none;
	width: 265px;
	position: relative;
}
.aboutCareer div.rightColumn p {
	width: 265px;
	margin-left: 0px;
	margin-bottom: 30px;
	position: relative;
	float: right;
	clear: both;
}

/*----CONTACT----*/
.left #emailform p {
	width: 364px;
	margin: 0px 0px 20px 0px;
	float: left;
}

#emailform {
	width: 364px;
	float: left;
	clear: left;
	margin-left: 30px;
}

#emailform label {
	float: left;
	clear: left;
	margin-bottom: 10px;
}

#emailform input {
	width: 344px;
	border: 1px solid #cecece;
	float: left;
	clear: left;
	height: 28px;
	line-height: 28px;
	padding: 0px 10px 0px 10px;

}
#emailform input#sendMail {
	width: auto;
	background-color: #ececec;
	border: none;
	padding: 0px 14px 3px 14px;
	float: right;
}
#emailform textarea {
	border: 1px solid #cecece;
	float: left;
	clear: both;
	width: 344px;
	padding: 10px;
}
.left #emailform .msgVisible {
	border: 1px solid #C0C0C0;

	font-weight:bold;
	width: 355px;
	color: #3b8686;
	padding: 5px 0px 5px 10px;
	 
}

#msg {

}