@charset "UTF-8";


#smallNavBlock {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #231f20;
	opacity: 1;
	
	display: none;
	

}


#leftDiv {
	position:fixed;
	left:0;
	width: 13px;
	height:100%;
	background-color: #ffffff;
	
}

#rightDiv {
	position:fixed;
	right:0;
	width: 13px;
	height:100%;
	background-color: #ffffff;
	
}

#topDiv {
	position:fixed;
	top:0;
	width: 100%;
	height: 13px;
	background-color: #ffffff;
	
}
	


#bottomDiv {
	position:fixed;
	bottom:0;
	width: 100%;
	height: 13px;
	background-color: #ffffff;
	
}

#navDiv {
	display: none;
	position: fixed;
	width: 100%;
	height: 90px;
	background-color: rgba(255, 255, 255, .98);
}


#hamMenu {
	
	position: fixed;
	width: 25px;
	height: 25px;
	right: 25px;
	top: 25px;
	cursor:  pointer;
	
	
}


#closeMenu {
	
	position: fixed;
	width: 25px;
	height: 25px;
	right: 25px;
	top: 25px;
	cursor:  pointer;
	
	
}


#smallCh {
	
	position: fixed;
	width: auto;
	height: auto;
	left: 25px;
	top: 25px;
	cursor:  pointer;
	
}

#smallnavDiv {
	display: none;
	position: fixed;
	width: 100%;
	height: 105px;
	background-color: rgba(255, 255, 255, .98);
}

#logoDiv {
	display: ;
	position: absolute;
	
	height: 90px;
	background-color: ;
}

.tblBorder {
	border: #231f20 5px solid;
}

.tblBorderWhite {
	border: #fff 5px solid;
}

#smalllogoDiv
{
	display: ;
	position: absolute;
	left: 25px;
	top:25px;
	
	}

#linksDiv {
	display: ;
	position: absolute;
	
	height: 80px;
	right: 0;
}

.meimgPadd {
	padding-bottom: 20px;
}

.navType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 40px;
	
}

.closeBudget {
	
	font-family: 'Roboto', sans-serif;
	font-size: 80px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 40px;
	
}

.closeBudget a:link {
	
	
	color: #ffffff;
	
	
}

.closeBudget a:hover {
	
	
	color: #ffffff;
	
}


.closeBudget a:active {
	
	
	color: #ffffff;
	
	
}

.closeBudget a:visited {
	
	
	color: #ffffff;
	
	
}



.titleType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 100px;
	line-height: 90px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 170px;
	
}


.titleTypeWhite {
	
	font-family: 'Roboto', sans-serif;
	font-size: 100px;
	line-height: 90px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 100px;
	
}


.paddingLeft {
	padding-left: 40px;
}

.shortLine {
	border-top: #231f20 2px solid;
	
}

.quoteType {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	font-style: italic;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 100px;
	
}


.quoteType2 {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 50px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 20px;
	
}

.sloganType {
	font-family: 'Roboto Slab', serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 400;
	padding-bottom: 0px;
	padding-left: 7px;
	padding-right: 0px;
	padding-top: 40px;
	
}

.serifTitle {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 100px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 80px;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}


.serifTitleBl {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 60px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 64px;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}

.sayhello {
	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	
}

.sayhello2 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	
}

.sayhello3 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	
}



.sayhello2Opacity {
	
	font-family: 'Roboto', sans-serif;
	opacity: 0;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	
}

.followMe {
	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}

.footerType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 8px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 600;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}

.footerType2 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 8px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 600;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}


.footerType3 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 8px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 600;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}



.contactBg {
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-image: url(../images/desk.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
}



.contactInfo {
	
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}


.contactInfo a:link {
	
	
	color: #ffffff;
	
	
}

.contactInfo a:hover {
	
	
	color: #988f8c;
	
	
}

.contactInfo a:active {
	
	
	color: #ffffff;
	
	
}

.contactInfo a:visited {
	
	
	color: #ffffff;
	
	
}

.contactInfo2 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	line-height: 34px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}

.contactInfo3 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	line-height: 34px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}



.contactInfo2 a:link {
	
	
	color: #988f8c;
	
	
}

.contactInfo2 a:hover {
	
	
	color: #231f20;
	
	
}

.contactInfo2 a:active {
	
	
	color: #988f8c;
	
	
}

.contactInfo2 a:visited {
	
	
	color: #988f8c;
	
	
}



.contactInfo3 a:link {
	
	
	color: #fff;
	
	
}

.contactInfo3 a:hover {
	
	
	color: #988f8c;
	
	
}

.contactInfo3 a:active {
	
	
	color: #988f8c;
	
	
}

.contactInfo3 a:visited {
	
	
	color: #fff;
	
	
}




.contactInfoFooter a:link {
	
	
	color: #988f8c;
	
	
}

.contactInfoFooter a:hover {
	
	
	color: #231f20;
	
	
}

.contactInfoFooter a:active {
	
	
	color: #231f20;
	
	
}

.contactInfoFooter a:visited {
	
	
	color: #988f8c;
	
	
}

.contactInfoFooter {
	
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	line-height: 34px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}




.projectTypeLeft {
	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 0px;
	
}

.projectTypeRight {
	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 30px;
	padding-top: 0px;
	
}

.sansBody {
	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}



.sansBodyLink {
	
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	line-height: 22px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 700;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	-o-transition: color .3s ease-out, background 1s ease-in;
	-ms-transition: color .3s ease-out, background 1s ease-in;
	-moz-transition: color .3s ease-out, background 1s ease-in;
	-webkit-transition: color .3s ease-out, background 1s ease-in;
	/* ...and now override with proper CSS property */
	transition: color .3s ease-out, background 1s ease-in;
	
}

.sansBodyLink: a:link{
	
	color: #231f20;
	
}

.sansBodyLink: a:hover{
	
	color: #231f20;
	
}

.sansBodyLink: a:active{
	
	color: #231f20;
	
}

.sansBodyLink: a:visited{
	
	color: #231f20;
	
}


.sansBody22px {
	
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
	
}


.aboutBody22px {
	
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 34px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #988f8c;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 300;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
	
}



.waitingType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	line-height: px;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	-o-transition: color .3s ease-out, background 1s ease-in;
	-ms-transition: color .3s ease-out, background 1s ease-in;
	-moz-transition: color .3s ease-out, background 1s ease-in;
	-webkit-transition: color .3s ease-out, background 1s ease-in;
	/* ...and now override with proper CSS property */
	transition: color .3s ease-out, background 1s ease-in;
	
	
}

.waitingType: a:link{
	
	color: #231f20;
	
}

.waitingType: a:hover{
	
	color: #231f20;
	
}

.waitingType: a:active{
	
	color: #231f20;
	
}

.waitingType: a:visited{
	
	color: #231f20;
	
}



.smallTitle {
	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 700;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 70px;
	
}

.leftImgPadd {
	padding-left: 30px;
	
}


.portImgPadd {
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0px;	
}

.portImgPaddTop {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
}


.portImgPaddLeft {
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 0px;	
}

.portImgPaddRight {
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 40px;
	padding-top: 0px;	
}

.ImgPadd1 {
	padding-left: 30px;
	padding-right: 30px;
	opacity: 1;
}

.ImgPadd2 {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
	opacity: 1;
}


.ImgPaddSmall {
	padding-left: 10px;
	padding-right: 10px;
	cursor:  pointer;
}


.ImgPaddSmall2 {
	padding-left: 10px;
	padding-right: 10px;
	
}


.ImgPadd {
	padding-left: 30px;
	padding-right: 30px;
	opacity: 0;
}


.rightImgPadd {
	padding-right: 30px;
}



.portfolioBodyType {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 26px;
	line-height: 32px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 150px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
}


.portfolioBodyTitle {
	
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	line-height: 36px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 150px;
	
}


.portfolioBodyTitle2 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 400;
	padding-bottom: 150px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 150px;
	
}

#contentDivPages {
	
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}


#contentDivPages2 {
	
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;


	
	
}

#contentDiv2 {
	display: none;
	position: absolute;
	width: 100%;
	
}

#contentDivSmall {
	display: none;
	position: absolute;
	width: 100%;
	background-color: #fff; 
	
}

#contentDivSmall2 {
	display: none;
	position: absolute;
	width: 100%;
	
}

#budgetDiv {
	
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	overflow-y: auto;
	
}

#budgetBg {
	
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #231f20;
	opacity: .95;
	background-blend-mode: multiply;
	
}

#budgetLink
{
	position: fixed;
	width: 100%;
}
#budgetForm
{
	position: absolute;
	width: 100%;
}



.logoTypeWhite a:link {
	
	
	color: #fff;
	
	
}

.logoTypeWhite a:hover {
	
	
	color: #fff;
	
	
}

.logoTypeWhite a:active {
	
	
	color: #fff;
	
	
}

.logoTypeWhite a:visited {
	
	
	color: #fff;
	
	
}

.logoTypeWhite {
	
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 0px;
	padding-top: 40px;
	
}



.logoType a:link {
	
	
	color: #231f20;
	
	
}

.logoType a:hover {
	
	
	color: #231f20;
	
	
}

.logoType a:active {
	
	
	color: #231f20;
	
	
}

.logoType a:visited {
	
	
	color: #231f20;
	
	
}

.logoType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 0px;
	padding-top: 40px;
	
}





.startedType {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 20px;
	font-style: italic;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 30px;
	padding-left: 00px;
	padding-right: 0px;
	padding-top: 00px;
	
	
}


.contentOpacity {
	opacity: 0;
}

#contentDiv {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	
}

.logoTbl {
	font-family: 'Roboto', sans-serif;
	font-size: 120px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 700;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 50px;
	line-height: 100px ;
	
}

.logoBdr {
	border: solid 10px #ffffff;
	
}

.logoTitle {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	
}

	#whaleDiv {
	background: url(../images/bg_images/whaleBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}

#tigersDiv {
	background: url(../images/bg_images/tigersBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}

#carDiv {
	background: url(../images/bg_images/carBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}

#astroDiv {
	background: url(../images/bg_images/astroBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}



#archDiv {
	background: url(../images/bg_images/archBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}


#adamDiv {
	background: url(../images/bg_images/adamBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}




#streetDiv {
	background: url(../images/bg_images/streetBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}



#cityDiv {
	background: url(../images/bg_images/cityBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	
}





#hideme
{
 opacity:0;
}


.tableBrdr {
	border-bottom: solid thin #ffffff;
	border-top: solid thin #ffffff;
	
	
}

.cardsBG {
	
	background: url(../images/bg_images/cardsBg.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
	
}





@media screen and (max-width: 800px) {
	
	
	
	.projectTypeLeft {
	
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	padding-bottom: 0px;
	
}

.projectTypeRight {
	
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	padding-bottom: 0px;
	
	
}

	
	
	.contactInfoFooter {
	
	
	font-size: 24px;
	
	
}
	
	.contactInfo3 {
	
	
	font-size: 24px;
	
	
}
	
	.contactInfo2 {
	
	padding-right: 50px;
	font-size: 24px;
	
	
}
	
	
	.contactInfo2 a:link {
	
	
	color: #988f8c;
	
	
}

.contactInfo2 a:hover {
	
	
	color: #fff;
	
	
}

.contactInfo2 a:active {
	
	
	color: #fff;
	
	
}

.contactInfo2 a:visited {
	
	
	color: #988f8c;
	
	
}
	
	.portfolioBodyType {
	
	
	font-size: 26px;
	line-height: 32px;
	
	padding-bottom: 75px;
	
}
	
	.portfolioBodyTitle {
	
	
	padding-top: 75px;
	
}


.portfolioBodyTitle2 {
	
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 400;
	padding-bottom: 75px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 75px;
	
}

	
	#whaleDiv {
	display: none;
	
}

#tigersDiv {
	display: none;
	
}

#carDiv {
	display: none;
	
}

#astroDiv {
	display: none;
}



#archDiv {
	display: none;
	
}


#adamDiv {
	display: none;
}




#streetDiv {
	display: none;
	
}



#cityDiv {
	
	display: none;
	
	
}
	
	
	
	
	
.navType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 80px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 300;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 50px;
	padding-top: 120px;
	
}
	
	.navType a:link {
	
	
	color: #ffffff;
	
	
}

.navType a:hover {
	
	
	color: #ffffff;
	
}


.navType a:active {
	
	
	color: #ffffff;
	
	
}

.navType a:visited {
	
	
	color: #ffffff;
	
	
}
	
	
	.logoType {
	
	
	font-size: 32px;
	
	padding: 10px;
	
}
	
	.logoTypeWhite {
	
	
	font-size: 32px;
	
	padding: 10px;
	
}
	
	.waitingType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 25px;
	
	
	
}

	
	.sansBody22px {
	
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 25px;
	
	
}
	
	.serifTitleBl {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 40px;
	
	line-height: 44px;
	
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	
}
	
	
	.serifTitle {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 50px;
	line-height: 40px;
	
}
	
	
	.quoteType {
	
	font-family: 'Cormorant Garamond', serif;
	font-size: 25px;
	font-style: normal;
	font-varian: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	font-style: italic;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 30px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 50px;
	
}
	
	#smallnavDiv {
	display: block;
		height: 120px;
	
}
	
	#smalllogoDiv {
	display: block;
		height: 120px;
	
}


#navDiv {
	display: none;
	height: 105px;
	opacity: 0;
	
}
	
	#contentDivSmall {
	display: block;
	
}
	
	
	#contentDiv {
	display: none;
	
}
	
	#contentDiv2 {
	display: none;
	
}
	
	#contentDivSmall2 {
	display: block;
	
}
	
	.titleType {
	
	font-family: 'Roboto', sans-serif;
	font-size: 60px;
	line-height: 64px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #231f20;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 170px;
	
}
	
	
	
	.projectTypeLeft {
	
	
	
	
}

.projectTypeRight {

	
	
	
	
}



}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​