@import url("reset.css");
@import url("adminnav.css");

/* DEFAULT TAGS */

/* px = pt / 0.75 */

html{}

body
{
	/* default font size for browsers is 16px */
	/* here, we set the default percentage to the main body text (12px) */
	font-size:75%;
	font-family:'Trebuchet MS',Helvetica,sans-serif;	
	text-align:center;
	background:#5092c9 url(img/grad.jpg) repeat-x top center;
}

#main td, div, p
{
	font-size:100%;	/* override DNN */
	font-family:'Trebuchet MS',Helvetica,sans-serif;
}

blockquote{font-family:'Trebuchet MS',Helvetica,sans-serif;}

h1
{
	font-family:'Trebuchet MS',Helvetica,sans-serif;	
	font-size:135%;	/* 16px = 16pt at 72dpi */
	color:#000;
}

.cfx:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }





/* LAYOUT */

#bg{background:url(img/bg.jpg) no-repeat top center;}

#corpus{
	width:990px;
	background:#fff;
	text-align:center;
	margin:0 auto;
}

#container
{	
	width:950px;
	margin:0 0 0 19px;
	font-size:100%;
	text-align:left;
}

/* HEADER */

#novHeader 
{
	font-size:100%;
	padding:35px 0 10px;
	position:relative;
	height:92px;
}

#logo
{
	float:left;
	width:400px;
}

#slogan
{
	float:left;	
	padding-top:42px;
}

#slogan h1
{
	color:#3a75a8;
}

#contactInfo
{
	margin:0;
	padding:0;
	width:159px;		/* + padding and border = 200px */
}

#novHeader #contactInfo
{
	border-left:solid 1px #3975a7;
	padding:0 20px;
	float:right;
}

#contactInfo p
{
	color:#3975a7;
}

#contactInfo .notice
{
	font-size:185%;	/* 22px */
	font-weight:bold;
	color:#3975a7;
	}
	#contactInfo .notice a,
	#contactInfo .notice a:hover{
		color:#3975a7;
		}
		#contactInfo .notice a:hover{
			text-decoration:underline;
		}

/* MAIN MENU */

#mainNav
{
	clear:both;
	width:937px;	/* 950px - 13px padding */
	height:31px;
	padding-left:13px;	
	background:#fff url(img/mainnavbg.jpg)  top left no-repeat;
}

#mainNav li
{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:100%;		/* 12px */
	text-transform:uppercase;	
}

#mainNav li a,
#mainNav li a:link,
#mainNav li a:visited,
#mainNav li a:hover,
#mainNav li a:active
{
	display:block;
	text-decoration:none;
	padding:0.6em;
	padding-right:2.5em;
	color:#4e5d6e;
	}
	#mainNav li a:hover{
		color:#a0a8b0;
	}

/* SUB MENU */

#submenu ul.sublist
{	
	width:100%;	
	font-size:95%;
	margin-bottom:40px;
}

#submenu ul.sublist li
{
	list-style-type:none;
	padding:0.5em 1em;
	text-transform:uppercase;
    margin-bottom:5px;
	}
	 #submenu ul.sublist li.selected{
	 	background:#F1F1F1;
 		}

#submenu ul.sublist li a,
#submenu ul.sublist li a:hover
{
	color:#4e5d6e;
	}
	#submenu ul.sublist li a:hover{
		text-decoration:underline;
		}

/* CONTENT */

#main
{
	clear:both;
}

.heroslot
{
	min-height:250px;
	height:auto!important;
	height:250px;
	background:#84b2e6 url(img/heroslot.jpg) no-repeat bottom left;
}

#columns
{
	margin-top:5px;	
}

#columns h2
{
	color:#4e5d6e;
	text-transform:uppercase;
	font-size:135%;	/* 16px */
	font-weight:bold;
	font-family:'Trebuchet MS',Helvetica,sans-serif;
}

#colOne
{
	float:left;
	width:420px;
}

#colTwo
{
	float:left;
	width:230px;
    margin:0 5px;
}

#colThree
{
	float:left;
	width:290px;
}

#admin
{
	width:100%;
	float:left;
	padding-top:20px;
}

#onecol
{
	width:100%;
	float:left;
}

#onecol .content
{
	width:710px;
	margin:0 20px;
    float:left;
    margin-top:20px;
}

#onecol #sidenav
{
	width:200px;	
	float:left;
	margin-top:20px;
}

#twocol
{
	width:100%;
	float:left;
}

#twocol .content
{
	width:510px;
	margin:0 20px;
    float:left;
    margin-top:20px;
}

#twocol #sidenav
{ 
	width:200px;
	float:left;
	margin-top:20px;
}

#twocol .sidebar
{ 
	width:200px;
	float:left;
	margin-top:25px;
}

.content
{
	color:#708495;
}

.content p
{
	margin-bottom:1em;	
}

.content h2
{
	font-size:235%;	/* 28px */
	font-weight:bold;
	color:#8781bd;
	padding-bottom:10px;
}

.content h3
{
	font-size:135%;	/* 16px */
	color:#504b7f;
	padding-bottom:10px;
}

.content ul{
	list-style-position:inside;
	padding-left:10px;
	}

.bumps
{
	float:left;
	
}

/* CONTAINERS */



/* FOOTER */

#novFooter
{
	clear:both;
	border-top:solid 1px #e1eff8;
	padding:10px 30px 30px;
	margin-top:5px;
	}
	
	

a.login
{
	float:left;	
}

a.login,
a.login:link,
a.login:visited,
a.login:hover,
a.login:active
{
	font-size:100%;	/* 12px */
	text-decoration:none;
	color:#b7c1ca;
	margin-top:7px;
}

#novFooter a:hover{
	text-decoration:underline!important;
}

#contactDetails
{
	float:right;
}

#contactDetails li
{
	float:left;
	display:block;	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:100%;	
	text-decoration:none;
	padding:0.6em;
	padding-right:2.5em;
	color:#b7c1ca;
}

#contactDetails li.contactEmail
{
	padding-right:0;
}

#contactDetails li a,
#contactDetails li a.link,
#contactDetails li a.visited,
#contactDetails li a.hover,
#contactDetails li a.active
{
	text-decoration:none;
	color:#b7c1ca;
}

#footerLinks{
	float:left;
	width:890px;
	color:#B7C1CA;
	padding-top:15px;
	}
	#footerLinks div{
		float:left;
		width:430px;
		margin-right:15px;
		}
		#footerLinks a{
			color:#8d969e;
			}
			#footerLinks a:hover,
			#footerLinks a:focus{
				color:#8d969e;
				}
				#footerLinks img{
					float:left;
					margin-right:10px;
				}

#adminNav
{
	clear:both;
}



/* CONTENT */

.heroslot{
	color:#18507d;
	}
    .heroslot .container{
        padding:0 400px 0 55px;
        }
    .heroslot .intro{
        float:left;
        padding:20px 0;
        font-size:150%;
        width:495px;
        }
    .heroslot .subIntro{
        font-size:110%;
        padding:0 0 20px;
        }
        
        .heroslot .heroQuotes{
        	padding-bottom:20px;
        }
            .heroslot blockquote{
                font-size:120%;
                font-style:italic;
                }
            .heroslot .heroQuotes .byLine{
                color:#64a4da;
                font-size:90%;
                }
                
.heading{
    background:url(img/headingBg.gif) 100% 100% no-repeat;
    margin-bottom:10px
    }
    .heading span{
        background:url(img/headingBgEnd.gif) 0 100% no-repeat;
        padding:6px 14px;
        display:block;
    }
    
/* Homepage jobs list */

#jobsHome{}
	#jobsHome .job{
		padding:0 0 10px;
		margin:0 0 10px;
		border-bottom:1px solid #e1eef4;
		float:left;
		
		}
		#jobsHome .job .txtWrap{
			float:left;
			width:335px;
			margin-right:40px;
			margin:0 40px 0 15px;
			display:inline;
			}
			#jobsHome .job .txtWrap h3{
				font-size:110%;
				color:#64a4da;
				font-weight:bold;
				}
				#jobsHome .job .txtWrap h3 a{color:#64a4da;}
				#jobsHome .job .txtWrap h3 a:hover{color:#64a4da; text-decoration:underline}
				
			#jobsHome .job .txtWrap .loc{
				color:#3c77a9;
				font-weight:bold;
			}
			#jobsHome .job .txtWrap .desc{
				font-size:95%;
				color:#708495;
			}
			#jobsHome .job .apply{
				float:left;
				width:25px;
				}
				
				.viewAllJobs{
					text-align:right;
					padding-top:10px;
					}
				
/* Quick search */

.quickSearch{}
	.quickSearch h3{
		font-weight:bold;
		font-size:110%;
		padding-bottom:10px;
		color:#7fc422;
		text-transform:uppercase;
		}
	.quickSearch .lbl{
		color:#619e0e;
		font-weight:bold;
		}
	.quickSearch .txt-box{
		margin-bottom:15px;
		}

.home .quickSearch{padding-left:15px;}
	.home .quickSearch .btn span{float:left; margin-right:10px;}
 .home .quickSearch .btn a{
 	float:left;
 }
 
 .home .jobSearchIntro{
 		color:#708495;
		font-size:95%;
		padding-bottom:20px;}
		
/* Home news */

.newsHome{
padding-left:15px;
}
	.newsHome h3{
		color:#f59805;
		text-transform:uppercase;
		font-weight:bold;
		font-size:110%;
		}
	.newsHome .date{
		font-weight:bold;
		color:#f86c06;
		}
	.newsHome .desc{
		color:#708495;
		font-size:95%;
		padding-bottom:10px;
	}
		
/* Home team */

.teamHome{padding-left:15px;}
	.teamHome h3{
		color:#8781bd;
		text-transform:uppercase;
		font-weight:bold;
		font-size:110%;
		}
	.teamHome .desc{
		color:#504b7f;
		font-weight:bold;
		padding-bottom:10px;
	}
	
	
/* Body class - anything based on the section */

body.home #navHome a,
body.aboutus #navAbout a,
body.jobs #navJobs a,
body.clients #navClients a,
body.candidates #navCandidates a,
body.contactus #navContact a{
	color:#a0a8b0!important;
}

body.aboutus .content h2 {color:#8781bd}
body.jobs .content h2 {color:#7fc422}
body.clients .content h2 {color:#64a4da}
body.candidates .content h2 {color:#64a4da}
body.contactus .content h2 {color:#64a4da}

body.aboutus .content h3 {color:#504B7F}
body.jobs .content h3 {color:#619E0E}
body.clients .content h3 {color:#3C77A9}
body.candidates .content h3 {color:#3C77A9}
body.contactus .content h3 {color:#3C77A9}


/* Feature Blocks */

.contactInfoFb{
	padding:0 15px;
}
	.contactInfoFb p{color:#3975a7;}
	.contactInfoFb p.notice{
		font-size:185%;
		font-weight:bold;
		}
		.contactInfoFb p a,
		.contactInfoFb p a:hover{
			color:#3975a7;
			}
			
.bumps .heroQuotes{
	color:#3975a7;
	padding:0 15px;
	}
	.bumps .heroQuotes blockquote{
		padding:0 0 10px;
		}
	.bumps .heroQuotes .byLine{font-weight:bold;}


.jobSearchFb{}
	.jobSearchFb h2{
		color:#4e5d6e;
		font-size:120%;
		text-transform:uppercase;
		font-weight:bold;
		}
		.jobSearchFb .txtWrap{padding:0 15px;}
		.jobSearchFb h3{
			color:#7fc422;
			text-transform:uppercase;
			font-size:110%;
			font-weight:bold;
			}
			.jobSearchFb .desc{
				color:#637585;
				font-size:95%;
				padding-bottom:10px;
				}
			.jobSearchFb .link{
				text-align:right;
				}
				
#jobsFb{}
	#jobsFb h2{
		color:#4e5d6e;
		font-size:120%;
		text-transform:uppercase;
		font-weight:bold;
		}
		#jobsFb .job{
			padding:0 15px 10px;
			}
			#jobsFb .job h3 a{
				color:#64a4da;
				font-size:110%;
				font-weight:bold;
				}
				#jobsFb .job h3 a:hover{
					color:#64a4da;
					text-decoration:underline;
					}
				#jobsFb .job .loc{
					color:#3c77a9;
					font-weight:bold;
					}
				#jobsFb .job .desc{
					font-size:95%;
					color:#637585;
					padding-bottom:10px;
					}
				#jobsFb .job .apply{
					text-align:right;
					}
.teamFb{
	padding:0 15px 30px;
	}
	.teamFb h3{
		color:#8781bd;
		font-size:110%;
		font-weight:bold;
		text-transform:uppercase;
		}
	.teamFb div{
		color:#504b7f;
		font-weight:bold;
		padding-bottom:7px;
	}			
					
/* Meet the team */

.teamMember{
	padding:20px 0 20px;
	float:left;
	}
	.teamMember .imgWrap{
		float:left;
		width:150px;
		margin-right:10px;
		}
	.teamMember .txtWrap{
		float:left;
		width:530px;
		}
		.teamMember .txtWrap h3{
			color:#504b7f;
			font-size:120%;
			font-weight:bold;
			}
		.teamMember .txtWrap .title{
			color:#504b7f;
			font-size:120%;
			}
		.teamMember .txtWrap .likes,
		.teamMember .txtWrap .dislikes,
		.teamMember .txtWrap .sayings,
		.teamMember .txtWrap .email{
			margin-bottom: 3px;
			}
			.teamMember .txtWrap .email{padding-top: 10px;}
		.teamMember .txtWrap .email a,
		.teamMember .txtWrap .email a:hover{
			color:#504b7f;
			font-weight:bold;
			}
			.teamMember .txtWrap .email a:hover{
				text-decoration:underline;
			}
			
/* Jobs search */

.jobSearch{
	padding:20px 0 20px 20px;
	background:#f7f7f7;
	width:480px;
	}
	.jobSearch .lbl{
		color:#619e0e;
		font-weight:bold;
		margin-bottom:3px;
		}
	.jobSearch .txt-box{
		margin-bottom:10px;
		}
	.jobSearch table{
		margin-bottom:10px;
		}
		.jobSearch table label{
			margin-right:10px;
			}
			
/* Job Results */

#jobResults{}
	#jobResults .job{
		padding:20px 0;
		width:710px;
		}
		#jobResults .job .jobtitle{
			font-size:120%;
			font-weight:bold;
			color:#3c77a9;
			padding-bottom:10px;
			margin-bottom:0;
			}
			
			 .job ul{
				list-style: none outside;
				padding:0;
				width:710px;
				display:block;
				float:left;
				}
				 .job ul li{
					list-style: none outside;
					float:left;
					margin-right:15px;
					}
					.job ul li b{
						font-weight:bold;
						}
					 .job ul.jobdetails2{
						padding-bottom:15px;
						}
						
/* Job detail */
#jobDetail{}

#jobDetail .job{
	padding-bottom:20px;
	float:left;
	}
	#jobDetail .job h3{
		color:#3c77a9;
		font-weight:bold;
		font-size:120%;
		padding-bottom:10px;
		}
		
		#jobDetail fieldset{
			padding:20px;
			background:#f7f7f7;
			width:480px;
			margin-bottom:20px;
			float:left;
			}
			#jobDetail fieldset .row{
				float:left;
				width:420px;
				padding-bottom:10px;
			}
			#jobDetail fieldset label{
				width:100px;
				float:left;
				display:block;
				color:#64a4da;
				font-size:120%;
				font-weight:bold;
				margin-right:10px;
				}
				#jobDetail fieldset label span{
					font-size:80%;
					display:block;
					}
				#jobDetail fieldset .txt-box,
				#jobDetail fieldset .txt-file{
					width:300px;
					float:left;
					}

/* Clients List */

.client{
	padding:20px 0 20px;
	float:left;
	}
	.client .imgWrap{
		float:left;
		width:180px;
		margin-right:10px;
		text-align:center;
		}
	.client .txtWrap{
		float:left;
		width:500px;
		}
		.client .txtWrap h3{
			color:#3c77a9;
			font-size:120%;
			font-weight:bold;
			padding-bottom:10px;
			}

		.client .txtWrap .website a,
		.client .txtWrap .website a:hover{
			color:#3c77a9;
			font-weight:normal;
			}
			.client .txtWrap .email a:hover{
				text-decoration:underline;
			}		
			
			
			
/* Testimonials pages*/

.content .heroQuotes{
     padding-bottom:10px;
    }
    .content blockquote{
        font-size:100%;
        float:left;
        width:100%;
        padding-bottom:10px;
        }
    .content .heroQuotes .byLine{
        color:#64a4da;
        font-size:100%;
        float:left;
        width:100%;
        padding-bottom:30px;
        }	
        
/* Contact us */

#contactUs{}
	#contactUs p{color:#3c77a9}
	#contactUs .address{
		font-size:120%;
		color:#3c77a9;
		padding-bottom:20px;
		}
		#contactUs .notice{
			font-size:185%;
			font-weight:bold;
			margin-bottom:15px;
			}
			#contactUs .notice a,
			#contactUs .notice a:hover{
				color:#3c77a9;
				}
				#contactUs .notice a:hover{text-decoration:underline}
				
				#contactUs #map{
					margin-top:10px;
					margin-bottom:30px;
					border:5px solid #3c77a9;
				}