html,body
		{
		bottom:0;
		text-rendering: optimizeLegibility;/* kerning, primarily */
		zoom: 100%;
		}
html
		{
		height:100%;
		width:100%;
		min-height: 100%;
		position:relative;
		padding:0;
		margin:0;
		overflow-y : scroll;
		text-align:center;
		font-family: 'Crimson Text',Verdana, Tahoma, Geneva, sans-serif;
		font-size:14pt;
		color:#989696;
		}
body
		{
		min-height: 100%;
		height:100%;
		width:100%;
		padding:0;
		margin:0;
		}

.bodyBg_wood
{
	background-image:url('/images/bg_boards.jpg');
	background-repeat:repeat-y;
	background-position:center center;
}

img
		{
		border:0 none;
		vertical-align: middle;
		}
p,td
		{
		line-height:1;
		text-rendering: optimizeLegibility;/* kerning, primarily */
		text-align:left;
		margin-top:0px;
		font-family:'Crimson Text',Verdana, Tahoma, Geneva, sans-serif;
		font-weight:300;
		font-size:14pt;
		color:#989696;
		line-height:30px;
		}
a
		{
		color: #989696;
		text-decoration:none;
		}
a:hover
		{
		color: #00a9c6;
		text-decoration:underline;
		}

#resConfirm
	{
	display:none;
	}


/*********
   FAQS
*********/

#faqs a:hover
		{
		text-decoration:none;
		}

#faqs ul li
		{
		text-align:left;
		padding-top:3px;
		padding-bottom:3px;
		}

div.btn_backToFAQs_outer
		{
		position:relative;
		}

div.btn_backToFAQs_inner
		{
		position:absolute;
		left:620px;
		background-color:#00aac7;
		padding:0px 8px 0px 8px;
		border-radius:3px;
		}

.btn_backToFAQs
		{
		color:#FFF;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:16px;
		font-weight:300;
		letter-spacing:1px;
		text-decoration:none;
		}
.btn_backToFAQs a
		{
		color:#FFF;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:16px;
		font-weight:300;
		letter-spacing:1px;
		text-decoration:none;
		}

.btn_backToServices_outer
		{
		background-color: #00aac7; 
		padding: 3px 10px; 
		border-radius: 3px;
		display: inline-block;
		}
.services_img
		{
		width:500px;
		}

.btn_backToServices_outer_wrap
{
	margin-bottom: 30px;
}


/***********
  PROJECTS
***********/

div.btn_backToProjectss_outer
		{
		position:relative;
		}

div.btn_backToProjects_inner
{
	background-color:#00aac7;
	padding:3px 10px;
	border-radius:3px;
	display: inline-block;
}

.backToProjectBtnWrap
{
	text-align: right;
}

div.btn_backToProjects
		{
		color:#FFF;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:16px;
		font-weight:300;
		letter-spacing:1px;
		text-decoration:none;
		}

div.btn_backToProjects a
		{
		color:#FFF;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:16px;
		font-weight:300;
		letter-spacing:1px;
		text-decoration:none;
		}

#portfolioScroller li img
		{
		cursor:pointer;
		cursor:hand;
		}

/****************
   MAIN CONTENT
****************/

#maincontent_outer
		{
		z-index:9999;
		position:relative;
		}

#maincontent
		{
		position:relative;
		width:750px;
		text-align:center;
		margin:0 auto;
		z-index:1000;
		padding:0px 0px 60px 200px;
		}

#maincontentPortfolio
		{
		padding:0px 0px 0px 200px;
		width:750px;
		}

#maincontent h1, .contactFormWrap h1
		{
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:34px;
		letter-spacing:1.5px;
		font-weight:400;
		margin-top:25px;
		color:#000;
		margin-bottom:16px;
		text-align: left;
		}

#maincontent p
		{
		margin-top:0px;
		}

#maincontent td,#maincontent ul,#maincontent li
		{
		line-height:1;
		text-rendering: optimizeLegibility;/* kerning, primarily */
		text-align:left;
		margin-top:0px;
		font-family:'Crimson Text',Verdana, Tahoma, Geneva, sans-serif;
		font-weight:300;
		font-size:14pt;
		color:#989696;
		line-height:30px;
		}


/****************
   SOCIAL MEDIA
****************/

.socialMedia_container
		{
		position:relative;
		text-align:right;
		float:right;
		top:15px;
		z-index: 5;
		}

.socialMedia_container div
		{
		display:inline;
		padding-left:3px;
		padding-right:3px;
		}

div.icon_socialMedia
		{
		display:inline;
		}

.socialMedia_container_footer
{
	display: none;
}

/*************
   HEADER
*************/

#header_outer
		{
		position:fixed;
		z-index:999999;
		width:100%;
		top: 0;
		}

#header
		{
		width:950px;
		text-align:center;
		margin:0 auto;
		position:relative;
		}

#mini_vertical_lines_outer
		{
		position:relative;
		width:950px;
		text-align:center;
		margin:0 auto;
		}

#mini_vertical_lines
		{
		position:absolute;
		border-right:1pt solid #b8babc;
		border-left:1pt solid #b8babc;
		left:7px;
		width:137px;
		z-index:40000000;
		top:125px;
		height:35px;
		}

#horizontal_header_section
		{
		position:absolute;
		border-top:1pt solid #b8babc;
		height:91px;
		border-bottom:1pt solid #b8babc;
		top:30px;
		width:100%;
		background:rgba(255,255,255,0.85);
		}

#tagline_outer
		{
		position:absolute;
		height:35px;
		top:123px;
		width:100%;
		background: rgba(255,255,255,0.85);
		z-index:9;
		}

#tagline_inner
		{
		position:relative;
		color:#000;
		width:950px;
		text-align:right;
		margin:0 auto;
		font-size:16px;
		padding-top:5px;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-weight:400;
		letter-spacing:0.6px;
		}

#logo_container
		{
		position:relative;
		float:left;
		}

#logo_outer
		{
		position:absolute;
		top:5px;
		z-index:50000000;
		}

#vertical_lines_container
		{
		position:fixed;
		/*width:100%;*/
		z-index:1000;
		top:0;
		bottom:0;
		height:100%;
		}

#vertical_lines_outer
		{
		margin:0 auto;
		text-align:left;
		/*width:950px;*/
		margin-top:128px;
		border-radius:10px;
		text-align:left;
		top:0;
		bottom:0;
		height:100%;
		}

#vertical_lines_inner
		{
		position:relative;
		z-index:8000;
		left:7px;
		top:0;
		bottom:0;
		height:100%;
		}

#vertical_lines
		{
		position:static;
		border-right:1pt solid #b8babc;
		border-left:1pt solid #b8babc;
		width:137px;
		background:rgba(255,255,255,0.7);
		top:0;
		bottom:150px;
		height:100%;
		}

#vertical_lines_extra
		{
		position:static;
		border-right:1pt solid #b8babc;
		border-left:1pt solid #b8babc;
		width:137px;
		height:30px;
		margin-top:120px;
		}

#top_of_page
		{
		position:absolute;
		height:30px;
		width:100%;
		background: rgba(255,255,255,0.85);
		}

/********
   MENU
********/

#menu_container
		{
		position:relative;
		padding-top:14px;
		text-align:right;
		clear:both;
		z-index:999999999;
		width:950px;
		margin:0 auto;
		height:14px;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-weight:300;
		z-index: 4;
		}

#menu_outer
		{

		}

#menu
		{
		font-weight:normal;
		color:#414042;
		position:relative;
		top:-3px;
		display:inline-block;
		padding-left:0px;
		white-space:nowrap;
		}

#menu li
		{
		color:#414042;
		float: left;
		list-style: none;
		position: relative;
		white-space: nowrap;
		text-align: center;
		padding-left:30px;
		padding-right:0px;
		font-size:16px;
		padding-top:3px;
		}

#menu li a
		{
		color:#414042;
		text-decoration: none;
		white-space: nowrap;
		}

#menu li a:hover
		{
		font-weight:400;
		color:#009ac6;
		}

#menu li ul
		{
		padding:0px 3px 3px 3px;
		position: absolute;
		top:27px;
		visibility: hidden;
		background-color:rgba(50,127,153,0.2);
		text-align:left;
		white-space: nowrap;
		border-bottom-right-radius:3px;
		border-bottom-left-radius:3px;
		}

#menu li ul li
		{
		color:#414042;
		float: none;
		text-align: left;
		padding:5px 16px 5px 16px;
		}

#menu li ul li a
		{
		color:#414042;
		}

#menu li ul li a:hover
		{
		font-weight:400;
		color:#009ac6;
		}


/*********
  FOOTER
*********/

#footer_outer
		{
		clear:both;
		position:relative;
		background-color:#f1f2f2;
		padding-bottom:3px;
		/*position:fixed;*/
		min-width:100%;
		height:150px;
		/*bottom:0px;*/
		z-index:9999999;
		color:#aaaaaa;
		}

#footer
		{
		width:950px;
		margin:0 auto;
		padding-top:40px;
		}

#footer a
		{
		color:#aaaaaa;
		}

#siteby_content,#siteby_content a,#siteby_content p
		{
		color:#cfcfcf;
		}

div.footerIcon
		{
		position:relative;
		}
div.footerText
		{
		position:relative;
		text-align:left;
		vertical-align:middle;
		font-size:17px;
		}

#footerEmail, #footerAddress, #footerPhone
		{
		position:relative;
		}

#copyright
		{
		position:relative;
		text-align:right;
		margin-top:35px;
		}

#siteby_content
		{
		font-size:12px;
		}

#siteby_content a
		{
		font-size:12px;
		}

/**************
   PORTFOLIO
**************/

#portfolios_outer
		{
		position:relative;
		background-color:rgba(255,255,255,0.5);
		z-index:5000;
		padding: 15px;
		}

div.portfolio_brief p
		{
		font-family:'Crimson Text',Verdana, Tahoma, Geneva, sans-serif;
		font-weight:300;
		font-size:13pt;
		color:#000;
		line-height:15px;
		}

#portfolios
		{
		position:relative;
		top:-15px;
		padding-bottom:150px;
		}

#portfolios p
		{
		font-family:'Crimson Text',Verdana, Tahoma, Geneva, sans-serif;
		font-weight:300;
		font-size:13pt;
		color:#000;
		line-height:15px;
		}

#portfolios h1
		{
		margin-left:54px;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		letter-spacing:1.5px;
		font-size:34px;
		color:black;
		font-weight:normal;
		}

#portfolios h2
		{
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:34px;
		letter-spacing:1.5px;
		font-weight:300;
		margin-top:5px;
		color:#000;
		margin-bottom:16px;
		}

div.portfolio_index_image img
		{
		box-shadow: 3px 5px 5px #ABABAB;
		}

div.portfolio_brief
		{
		clear:both;
		padding-top:15px;
		height:250px;
		padding-bottom:10px;
		width:680px;
		text-align:center;
		margin:0 auto;
		}

div.portfolio_btn_view_detail_outer
		{
		position:relative;
		clear:both;
		z-index:300001;
		text-align:right;
		}
div.portfolio_btn_view_detail
		{
		display:inline-block;
		background-color:#00aac7;
		padding:0px 12px 0px 12px;
		border-radius:3px;
		color:#FFF;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:16px;
		font-weight:300;
		letter-spacing:1px;
		text-decoration:none;
		z-index:40000000;
		}

a.portfolio_btn_view_detail
		{
		color:#FFF;
		font-family:'Oswald',Verdana, Tahoma, Geneva, sans-serif;
		font-size:16px;
		font-weight:300;
		letter-spacing:1px;
		text-decoration:none;
		}

div.portfolio_index_image
		{
		position:relative;
		float:left;
		width:220px;
		text-align:center;
		}

div.portfolio_index_brief
		{
		position:relative;
		float:right;
		width:400px;
		z-index:300000;
		top:-15px;
		text-align:left;
		}


div.portfolio_index_brief h1
		{
		font-size:15px;
		font-weight:bold;
		}

#portfolio_detail_outer
		{
		clear:both;
		height:448px;
		    margin-top: 30px;
		}

#portfolio_detail_inner
		{
		position:relative;
		height:440px;
		}

#portfolio_image_btn_prev_outer,#portfolio_image_btn_next_outer
		{
		position:relative;
		}

#portfolio_image_btn_prev
		{
		position:absolute;
		top:200px;
		left:0;
		z-index:100000;
		}

#portfolio_image_btn_next
		{
		position:absolute;
		top:200px;
		right:0;
		z-index:100000;
		}

#portfolio_image_btn_prev img,#portfolio_image_btn_next img
		{
		cursor:pointer;
		cursor:hand;
		}

#portfolioScroller_outer
		{
		clear:both;
		height:100px;
		/*padding-left:45px;*/
		}

#portfolioScroller
{
	display: flex;
	display: -webkit-flex;

	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#portfolioScroller li
		{
		display: inline;
		}

.simply-scroll, .simply-scroll .simply-scroll-clip
{
	width: 100% !important;
}

/********************
   IMAGE ANIMATION
********************/

img.grow:hover
		{
		transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		z-index: 3;
		}

img.grow:not(:hover)
		{
		transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
		z-index: 3;
		}

 /*********
    NEWS
 **********/

#newsYears ul
		{
		list-style-type:none;
		margin:0;
		padding:0;0px 5px 0px 5px;
		}

#newsYears ul li
		{
		display:inline;
		padding-right:10px;
		padding-left:10px;
		background-color:#cbd1d1;
		margin-left:-2px;
		}

#newsYears ul li a
		{
		text-decoration:none;
		font-size:20px;
		}

#newsMonths ul
		{
		list-style-type:none;
		margin-left:0;
		padding-left:0;
		padding:0px 5px 0px 0px;
		}

#newsMonths ul li
		{
		display:inline;
		padding-right:10px;
		padding-left:10px;
		background-color:#E5E8E8;
		margin-left:-2px;
		font-size:18px;
		}

#newsMonths ul li a
		{
		text-decoration:none;
		font-size:18px;
		}

#calIcon_outer
		{
		position:relative;
		float:left;
		width:105px;
		margin-top:15px;
		padding-right:15px;
		}

#calIcon
		{
		text-align:center;
		color:#000;
		}

#calIcon_arrow_outer
		{
		position:relative;
		float:left;
		width:50px;
		margin-top:15px;
		padding-right:15px;
		padding-top:30px;
		}

#calIcon_arrow
		{
		text-align:center;
		color:#000;
		}

#newsArticleListing
		{
		position:relative;
		float:left;
		margin-top:20px;
		text-align: left;
		}

a.newsArticleDate
		{
		text-decoration:none;
		font-size:16px;
		}

font.newsDate
		{
		color:#009ac6;
		}

#newsArticle
		{
		position:relative;
		}

#newsArticle h2
		{
		color:#009ac6;
		margin-top:0px;
		margin-bottom:10px;
		line-height:33px;
		text-align: left;
		}

/************
   BANNER
************/

#banner
		{
		position:relative;
		margin-top: 161px;
		height: 500px;
		}

#banner > div
{
	background-size: cover;
}

.viewMoreBtnWrap
{
	text-align: right;
	margin-bottom: 30px;
}


.viewmore
{
	background-color: #00aac7;
	border-radius: 3px;
	color: #fff;
	font-family: 'Oswald',Verdana, Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 3px 10px;
	display: inline-block;
}

.viewmore a
{
	color: #fff;
	font-family: 'Oswald',Verdana, Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	text-decoration: none;
}

.surveyWrap
{
	display: inline-block;
	width: 100%;
	margin: 15px 0;
}

.surveyContactInputRelated
{
	float: left !important;
}

.surveyWrap>div>div>div
{
	display: inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	/*float: left;*/
	width: 30%;
	margin-right: 3%;
	margin-top: 2%;
}

.surveyWrap>div>div>div>div
{
	float: left;
	text-align: left;
	word-wrap: break-word;
}

.addCommentsSurvey
{
	width: 100%;
	height: 50px;
	resize: none;
	color: #09a9c6;
}

.attachfilesSurvery>span
{
	display: inline-block !important;
	width: 100% !important;
}

.attachfilesSurvery
{
	width: 100% !important;
}

.sendSurveyBtn
{
	float: right;
	clear: both;
	border: 1px solid #ccc;
    padding: 7px 50px;
    cursor: pointer;
	color: #696969;
	margin-top:30px;
	font-size: 18px;
}

.sendSurveyBtn:hover
{
	box-shadow: 1px 1px 5px #ccc;
}

.sendSurveyBtn:active
{
	box-shadow: 1px 1px 5px #0f0;
}

.addContactInfoSurvey
{
	border: none;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    outline: none;
    margin-left: 4%;
	color: #09a9c6;
}

.otherCommentsBox
{
	outline: none;
	display: none;
	color: #09a9c6;
}

/***********************************************************/
/********************** NEW CSS ****************************/
/***********************************************************/

.homePortfolioImage
{
	background: url('/images/bg_boards.jpg');
	width: 100%;
	background-repeat: no-repeat;
}

.homePageOurProcessWrap > div, .homePortfolioImage > div, .homePageServicesWrap > div
{
	width: 750px;
	margin: 0 auto;
	padding-left: 200px;
}

.homePageOurProcessWrap
{
    background-color: #f1f2f2;
	display: inline-block;
    width: 100%;
    box-sizing: border-box;
	padding-bottom: 40px !important;
	margin-bottom: 30px;
}

.headerOuterMobile
{
	display: none;
}

.headerOuterDesktop
{
	display: block;
}

.homePageOurProcess_diagram_wrap
{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	color: #000;
	font-family: 'Crimson Text',Verdana, Tahoma, Geneva, sans-serif;
}

.homePageOurProcess_diagram_wrap a
{
	color: #000;
	font-size: 24px;
}

.homePageOurProcess_diagram_wrap a:hover
{
	text-decoration: none;
	color: #000;
}

.homePageOurProcess_diagram_wrap span:hover
{
	text-decoration: underline;
	text-decoration-color: #30b7ce;
}

.homePageOurProcess_header_wrap h1
{
	text-align: left;
	font-family: 'Oswald',Verdana, Tahoma, Geneva, sans-serif;
	font-size: 34px;
    letter-spacing: 2px;
    font-weight: 400;
	color: #000;
}

.services_just_for_you_header
{
	color: #ffffff; 
	background-color: rgba(0,0,0,0.7); 
	padding: 0px 10px 5px 10px; 
	width: 290px; 
	font-family: 'Oswald',Verdana, Tahoma, Geneva, sans-serif; 
	font-size: 34px; 
	letter-spacing: 2px; 
	font-weight: 300; 
	margin-bottom: 40px;
	text-align: left;
}

.rightArrow_process_wrap
{
	vertical-align: top;
    width: 55px;
    text-align: center;
}

.googleMapWrapContact iframe
{
	width: 100%;
	vertical-align: middle;
}

.googleMapWrapContact {
    position: relative;
    z-index: 999999;
}

.processInDetailsIndeWrap
{
	display: flex;
	display: -webkit-flex;

	text-align: left;
}

.processInDetailsIndeWrap > div
{
	margin-right: 3%;
}

.processInDetailsIndeWrap > div:last-child
{
	margin-right: 0 !important;
}

.servicesHeader
{
	color: #000;
}

.portfolioPageGap
{
	height:150px;
}

.portfolioMainContent
{
	padding-bottom: 0 !important;
}

.footerDesktopContactWrap
{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

.footerDesktopContactWrap > div
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.footerDesktopContactWrap img
{
	margin-right: 10px;
}

.newsDetailsWrap
{
	display: flex;
	display: -webkit-flex;
}

#logo_outer > a
{
	display: inline-block;
	position: relative;
	z-index: 99999;
}

#intro-form *
{
	text-align: left;
}

.emptyInfrontQuestion
{
	display: inline-block;
	margin-left: 25px;
}

#contactForm input[type="text"], #contactForm textarea, #contactForm select
{
	background: #ccc;
	padding: 10px;
	border-radius: 5px;
	border: none;
	width: 100%;
	color: #848484;
	font-size: 16px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #848484;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #848484;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #848484;
}
:-moz-placeholder { /* Firefox 18- */
  color: #848484;
}

#contactForm button
{
	display: inline-block;
    background-color: #00aac7;
    padding: 5px 20px;;
    border-radius: 5px;
    color: #FFF;
    font-family: 'Oswald',Verdana, Tahoma, Geneva, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    text-decoration: none;
    z-index: 40000000;
	border: none;
}

#contactForm > div:nth-child(2)
{
	display: flex;
	display: -webkit-flex;
}

#contactForm > div > div
{
	width: 50%;
}

#contactForm > div > div:first-child
{
	margin-right: 5%;
}

#contactForm
{
	width: 750px;
	padding: 0px 0px 60px 200px;
	margin: 0 auto;
	text-align: left;
}

#contactForm span
{
	color: #00a8c5;
}

#contactForm label
{
	font-size: 15px;
}

.contactFormLeftWrap > div:last-child
{
	margin-bottom: 0 !important
}

.contactFormLeftWrap > div
{
	margin-bottom: 29px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.contactFormLeftWrap > div > div
{
	width: 100%;
}

.contactFormInputWrap
{
	display: flex;
	display: -webkit-flex;
}

#contactForm textarea
{
	height: 100px;
	resize: none;
}

.sendContactFormBtnWrap
{
	padding-top: 15px;
	text-align: right;
}


#howDidYouFindUs
{
	height: 36px;
}

.messageBoxWrap 
{
    margin-top: 15px;
}

.icon_socialMedia a:hover
{
	text-decoration: none;
}