/*-- 2014 © Interior Systems Inc. --*/
/*-- Secondary CSS Document --*/


.SecondaryContent,
.SecondaryContentSd {
    width: 1024px;
    min-height: 500px;
    overflow: hidden;
    margin: 20px auto;
    padding: 0;
    background: #fff;
}

    .SecondaryContent h1 {
        margin: 0;
    }
	
	.SecondaryContent .ImgBg {
		width: 100%;
	}
	
.SecondaryContentSd {
	background: #f2f2f2 !important;
}

.ServicesContent,
.ProjectContent,
.StaffContent,
.JobContent,
.JobApplication,
.LinkContent,
.AboutContent,
.ContactContent,
.ContactHeading,
.EmployeeContent {
    padding: 15px 10px;
    margin: 0;
	overflow: hidden;
}

/*-- Projects Page--*/

.ProjectDetailsWrap {
	padding: 0 20px !important;
}

.ProjectContent .ShowProjectWrap {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 22px 20px 20px 20px;
}

.ProjectContent .ShowProject {
	width: 28%;
	float: left;
	margin-bottom: 10px;
	margin-right: 1%;
    padding: 1.5% 1.5% 1% 1.5%;
	background: #dedede;
	border: 2px solid #f2f2f2;
}

    .ProjectContent .ShowProject .ProjectTitle {
        text-wrap: none;
        overflow: hidden;
    }

.ProjectContent .ShowProject:nth-child(3n) {
    margin-right: 0;
    
}

.ProjectContent .ShowProject img {
	margin-bottom: 5px;
}

.ProjectContent .Project {
	width: 785px;
	float: left;
	display: block;
}

.ProjectContent .ProjectInfo {
	padding: 20px;
	background: #3E373F;
}

.ProjectContent .ProjectInfo div span {

}

.ProjectContent .ProjectInfo .Thumbs {
	margin-top: 20px;
	background: #fff;
	padding: 10px;
}

.ProjectContent .ProjectInfo .Thumbs img {
	margin: 15px;
	opacity: .8;
}

.ProjectContent .ProjectInfo .Thumbs img:hover {
	opacity: 1;
}

.ProjectContent a {
	color: #222;
}

.ProjectContent a:hover {
	color: #888;
	text-decoration: none;
}

.ProjectInfo .InfoWrapper {
	margin: 0;
	padding: 20px;
	background: #fff;
	border-top: 20px solid #3E373F;
}

.ProjectInfo .PTitle {
	font-weight: 600;
    padding-bottom: 10px;
}

.ProjectInfo .DTitle {
	font-weight: 100;
}

.ProjectInfo .LTitle {
	font-style: italic;
	padding-top: 5px;
}

.ProjectInfo .OTitle {
	font-weight: 100;
}

.ProjectInfo .CTitle {
	font-weight: 100;
}

.ProjectInfo .VTitle {
	font-weight: 100;
}

.ProjectInfo .OCVWrap {
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #f2f2f2;
}

.ProjectContent .ProjectDetailsWrap .ProjectListReturn {
    width: 150px;
	background: #8F91DD;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 4px;
}

.ProjectContent .ProjectDetailsWrap .ProjectListReturn a {
	color: #fff;
}

.ProjectContent .ProjectDetailsWrap .ProjectListReturn:hover {
	background: #6265cf;
}

/*-- Contact Page --*/

.ContactHeading {
	padding: 15px 20px;
}

.ContactHeading ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}

.ContactHeading b {
	font-weight: 600;
}

.ContactHeading strong {
	font-size: 1.250em;
	font-weight: 600;
}

.ContactContent {
    margin: 0;
    padding: 0 20px 20px 20px;
}

    .ContactContent div {
        margin-left: 0;
		margin-bottom: 4px;
    }
	
    .ContactContent h1 {
        padding: 0 0 15px 0;
        margin: 0 0 0 25px !important;
    }
	
	.ContactContent h2 {
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		font-weight: 600;
	}

    .ContactContent b {
        width: 100px;
        margin: 0;
        float: left;
        clear: both;
		font-weight: 400;
    }
	
	.ContactContent .FormControl {
		border: 1px solid #BABABA !important;
	}
	
	.ContactContent .ButtonControl {
		margin-left: 0;
	}
	
	.JobApplication .ButtonControl {
		margin-left: 140px;
	}
	
.ContactColumn {
	width: 340px;
	float: left;
	margin: 8px 0 0 20px;
	padding: 10px 20px 20px 20px;
	border: 1px solid #E0E0E0;
	background: #F2F2F2;
}

.ContactFormColumn {
	width: 580px;
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
}

.PhoneBtn {
	float: left;
	display: block;
	background: #3E373F;
	padding: 8px 10px;
	margin-top: 10px;
	color: #fff;
	width: 90%;
}

.PhoneWrapper {
	float: right;
	width: 190px;
	margin: 40px 0 0 10px;
}
	
/*-- Staff Page --*/

.StaffContent span {
	clear: both;
}

.StaffBlock {
	float: left;
	width: 460px; 
	min-height: 300px;
	padding: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	background: #f2f2f2;
	border: 1px solid #6C97F7;
}

.StaffBlock:nth-child(2n+2) {
	margin-left: 20px;
}

.StaffBlock h2 { 
    padding: 0;
	margin: 0 0 10px 0;
}

.StaffBlock span {
	line-height: 1;
}

.StaffBlock img {
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0;
}

/*-- Employment Pages --*/

.JobContent {
	overflow: hidden;
}

.JobContent p {
	padding: 0 20px 20px 20px;
}

.JobPosition {
	width: 460px;
	float: left;
	background: #f2f2f2;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.JobPosition:nth-child(2n+2) {
	margin-left: 20px;
}

.JobPosition div {
	margin-bottom: 5px;
}

.JobTitle {
	font-weight: 600;
    color: #222;
}

.JobApplication {
    padding: 30px;
}

    .JobApplication h1 {
        padding: 0 0 15px 0;
        margin: 0 0 0 25px !important;
    }
	
	.RadUploadFix {
		margin: 20px 0 0 142px !important;
	}

    .JobApplication .ManageBtn {
        margin: 25px 0;
    }

    .JobApplication label {
        width: 140px;
        margin: 7px 0;
        float: left;
        clear: both;
		font-weight: 400;
    }
	
.CareersImage {
	width: 1000px;
	padding-bottom: 20px;
	margin: 0 auto;
}

.EmployeeImage {
	float: right;
	clear: both;
	padding: 20px 20px 10px 20px;
}


/*-- Links and Resources Page --*/

.LinkContent {
	overflow: hidden;
}

.LinkInfo {
	width: 96%;
	clear: both;
	background: #f2f2f2;
	padding: 10px;
	margin: 5px 10px;
	
}

/*-- About Page --*/

.AboutContent {
	overflow: hidden;
}
	
.AboutInfo {
	float: left;
	background: #f2f2f2;
	padding: 10px 10px 50px 10px;
	margin: 0 15px 20px 15px;
	border: 1px solid #6C97F7;
}

.AboutInfo img {
	float: right;
	padding-left: 8px;
	padding-top: 20px;
}

.AboutInfo p {
	text-align: left;
}

.AboutInfo h2 {
	margin: 10px 0;
}

/*-- Services Page --*/

.ServicesInfo {
	overflow: hidden;
	background: #f2f2f2;
	padding: 10px;
	margin-bottom: 20px;
}

.ServicesInfo ul {
	float: left;
	width: 400px;
	margin: 0 0 0 20px;
	padding: 10px 0;
}

.ServicesInfo h2 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.ServicesColumn {
	float: left;
	width: 490px;
}

.ServicesColumn img {
	padding: 15px 0 10px 25px;
	width: 450px;
	height: 300px;
}

/*-- Employee Resources Page --*/

.EmployeeWrap {
	margin-bottom: 20px;
	padding: 10px 10px 15px 10px;
	border: 1px solid #DBC7B7;
	background: #f2f2f2;
}

.EmployeeWrap:nth-of-type(1) {
	border-bottom: 1px solid #DBC7B7;
}

.EmployeeContent {
	    border: 1px solid #DBC7B7;
		margin-bottom: 30px;
		background: #fff;
}

.EmployeeCategory {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 1.125em;
}

div.RadDropDownList {
	width: inherit;
}

.MetroTouch.RadEditor {
	margin-bottom: 20px !important;
}



/*-- Employee Responsive --*/

@media only screen 
and (min-width : 300px) 
and (max-width : 600px) {
	.Header,
	.ManageWrapper,
	.EmployeeWrapper,
	.SecondaryContent,
	.Footer,
	.ImgBg {
		width: 100%;
		clear: both;
	}
	
	.SecondaryContentSd {
		background: #f2f2f2;
        width: inherit;
	}
	
	.MainNav ul li {
		width: 150px;
		border: 1px solid #f2f2f2;
	}
	
	.LoginContent {
		width: 300px;
	}
	
	.LoginContent h1,
	.LoginContent span  {
		margin: 0 !important;
	}
	
	.LoginContent label,
	.FormControl {
		width: 233px;
		float: none;
	}
	
	.LoginContent div {
		margin: 0;
	}
	
	.ManageWrapper,
	.EmployeeWrapper,
	.EmployeeWrapper h1,
	.ManageWrapper h1,
	.MainNavWrapper,
	.MainNav,
	.MainNav ul,
	.Footer ul li,
	.Footer > .Social {
		display: none;
	}
	
	.EmployeeContent,
	.EmployeeWrap {
		width: inherit;
		font-size: 100%;
	}
	
	.EmployeeContent {
		margin-left: 1px;
	}
	
	.EmployeeWrap div {
	    padding-right: 20px;
		word-wrap: break-word;
	}
	
	.EmployeeWrap span {
		font-weight: 600;
	}
	
	.MobileEmp {
		width: 300px;
		margin: 0 auto;
		margin-left: 8px;
		margin-top: 5px;
	}
	
	.MobileEmp a {
		background: #fff;
		padding: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		color: #222;
		border: 2px solid #9C887F;
	}
	
	.Footer div:first-child {
		display: none;
	}
	
}

@media only screen 
and (min-width : 480px) {
    .MobileEmp {
		display: none;
	}

}

/*-- End --*/