@import url(http://fonts.googleapis.com/css?family=Roboto:400,600,300,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);

html,body {
				height:100%;
				font-family: 'Droid Serif', 'Georgia', sans-serif;
				font-size: 1em;
				color: #444;
				margin: 0 auto;
				background: url(../img/bg.jpg) repeat-x #3c3c3c;
				
		}

		a{
			text-decoration: none;
			color: #fff;
		}
			
		a:hover{
				color: #666;
		}
			
		img {
			max-width: 100%;
		}
		
		p{
		line-height: 155%;
		font-size: 1em;
		font-family: 'Droid Serif', 'Georgia', sans-serif;
		}
		
		h1, h2{
		font-family: 'Droid Serif', 'Georgia', serif;
		font-weight: 400;
		color:#0e4473;
		font-style: italic;
		margin-top: -1px;
		}
		
		
		h3 {
		font-weight: 400;
		font-size: 1.2em;
		font-family: 'Droid Serif', Georgia, serif;
		font-style:italic;
		letter-spacing: 1px;
		text-align: center;
		color:#1f4470;
		}
		
		h4{
		font-weight: 700;
		font-size: 1em;
		font-family:  Georgia, serif;
		font-style:italic;
		text-align: center;
		color:#599cd0;}
		
ul.contentli { list-style:none }
ul.contentli li:before {
		 content:"\2023 ";
padding-right:10px;
	     }

	/* Layout Elements */	

		
		.container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px 0;
		}	
		
		.header-container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 20px;
			background: url(../img/headerbg.jpg) no-repeat;
		    -webkit-background-size: cover; 
		    -moz-background-size: cover; 
		    -o-background-size: cover; 
		    background-size: cover; 
		}	
		
		.navbar{
			min-height:40px;
			margin: 0 auto;
			background: url(../img/navbg.jpg) repeat-x #3c3c3c;
		}
		
		
		.clearfix::after{
			content: '';
			display: table;
			clear: both;
		}

		/* Columns */
		.onethird{
		width: 30%;
		padding: 1%;
		float: left;
		}
		
		.onefourth{
		width: 21%;
		margin: 1%;
		padding: 1%;
		float: left;
		}
		
		.threefourths{
		width: 75%;
		float: left;
		margin-top: -18px;
		}
		
		.onehalf{
		width: 44%;
		margin: 2%;
		padding:1%;
		float: left;
		}
		
		.twothirds{
		width: 60%;
		margin: 1%;
		padding-right: 4%;
		float: left;
		}
		
		
		/* Fourth Column Beside Slider Styles*/
		
		.onefourthtop{
		width: 21%;
		max-width: 21%;
		float: left;
		padding: 10px 2% 48px 2%;
		background: url(../img/marble2.jpg) no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
		margin-top:-20px;
		max-height: 364px;
		}
		
		
		.onefourthtop h3 {
		font-weight: 400;
		font-size: 1.2em;
		font-family: 'Droid Serif', Georgia, serif;
		font-style:italic;
		letter-spacing: 1px;
		text-align: center;
		color:#1f4470;
		}
		
		.onefourthtop h4{
		font-weight: 700;
		font-size: 1em;
		font-family:  Georgia, serif;
		font-style:italic;
		text-align: center;
		color:#1f4470;
		margin-top: -10px;}
		
		.onefourthtop p{
		font-family: Georgia, serif;
		font-style: italic;
		margin-top: -10px;
		}
		
		
		/* Inner Page Sidebars */
		
		.sidebar{
		width: 19%;
		max-width: 19%;
		float: right;
		padding: 10px 1%;
		background: url(../img/marble.jpg) no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
		margin-top:-20px;
		min-height: 400px;
        max-height: 423px;
		}
		
        .sidebar-home{
		width: 19%;
		max-width: 19%;
		float: right;
		padding: 10px 1%;
		background: url(../img/marble2.jpg) no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
		margin-top:-20px;
		min-height: 400px;
        max-height: 423px;
		}

		.sidebar-full{
		width: 19%;
		max-width: 19%;
		float: right;
		padding: 10px 1%;
		background: url(../img/marble.jpg) no-repeat;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover; 
		margin-top:-20px;
		min-height: 402px;
		font-family: 'Droid Serif', Georgia, serif;
		}
		
		.sidebar-full ul{
		font-size: 0.9em;
		}
		
		.sidebar-full li{
		margin-bottom: 6px;
		}
		
		.white{
		background: #fff;
		padding: 20px 2%;
		margin-top: -20px;
		min-height: 382px;}
		
		
		/* Custom Home Thirds */
		
		.homes-third{
		width: 100%;
		background:#0b0b0b;
		padding-bottom: 5px;
		min-height: 435px;
		}
		
		.homes-third h3{
		color: #fff;
		margin-bottom: -10px;
		}
		
		.homes-third p{
		padding: 0 15px;
		color: #f2f2f2;
		font-family: Georgia, serif;
		font-style: italic;}
		
		.homes-bg{
		width: 30.25%;
		padding: 0.5%;
		float: left;
		background:rgba(255,255,255,0.4);
		margin-top: -40px;
		z-index: 12;
		position: relative;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 30px;
		}
		
		
	/*Navigation*/
	
		.header a {
		color: #fff;}
		
		.headerNavButton {
				display: inline-block;
				height: 100%;
				position: absolute;
				font-family: 'Roboto', sans-serif;
				float:right;
			}

            .headerNavButton a {
                text-decoration: none;
                color: #fff;
                margin-left: 1em;
                line-height: 0px;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }

                #hamburger-icon {
                    position: relative;
                    top: 2.5%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-65%);
                }

                #hamburgerMenu {
                    position: relative;
                    top:1%;
					left: 35px;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
					
					

                }
				
				
				
    #hamburger-icon {
        width:25px;
        height:12px;
        position:relative;
        display:block;
        /*margin: 25px auto 12px auto;*/
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        #hamburger-icon .line {
            display:block;
            background: #fff;
            width:25px;
            height:2px;
            position:absolute;
            left:0;
            border-radius: 4px;
            transition: all 0.4s;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
        }
        
            #hamburger-icon .line.line-1 {
                top:0;
            }
            #hamburger-icon .line.line-2 {
                top:50%;
            }
            #hamburger-icon .line.line-3 {
                top:100%;
            }

        #hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
            transform: translateY(-4px);
            -webkit-transform: translateY(-4px);
            -moz-transform: translateY(-4px);
        }
        #hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
            transform: translateY(4px);
            -webkit-transform: translateY(4px);
            -moz-transform: translateY(4px);
        }

        #hamburger-icon.active .line-1 {
            transform: translateY(6px) translateX(0) rotate(45deg);
            -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
            -moz-transform: translateY(6px) translateX(0) rotate(45deg);
        }
        #hamburger-icon.active .line-2 {
            opacity:0;
        }
        #hamburger-icon.active .line-3 {
            transform: translateY(-6px) translateX(0) rotate(-45deg);
            -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
            -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
        }

        
        .headerNav {
            display: none;
            font-family: 'Droid Serif', Georgia, serif;
            
        }

        .headerNav.active {
            display: block;
        }

        .headerNav a {
            text-decoration: none;
            color: #ccc;
            width: 100%;
            display: block;
            padding: 1em 0;
			font-weight:400;
   
        }
			



        .headerNav ul {
            list-style: none;
        }
			

			
        .headerNav>ul {
             margin: 0;
            padding: 0;
        }

                
		.headerNav ul li {
			padding-right: 20px;
        }
				
		.headerNav ul li  ul li{
            border-right: none;
					
        }
        .header-logo{
        	margin-bottom: 18px;margin-left:20px;
        }
		
	/* Typography */
		
		.bold{
		font-weight: 700;}

		.center{
		margin-left: auto;
		margin-right: auto;
		text-align: center;}

		.tagline{
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		color: #f2f2f2;
		font-family: Georgia, serif;
		font-size: 1.2em;
		font-style:italic;
		position:absolute;
		top: 5px;
		right: 25%;
		max-width: 700px;}
		
		.right{
		float: right;
		margin-right: 15px;}
		
		.sitemap a{
		color: #00233f;
		font-family: "Droid Serif", Georgia, serif;
		line-height: 160%;
		}
		
		.sitemap a:hover{
		color: #333;
		}
		
	/* Form */
		
		form {
		margin:0 auto;
		max-width: 100%;

		}


		input, textarea, file {
			width: 80%;
			height:5px;
			background-color:#eee;
			padding: 20px;
			margin: 5px 0;
			font-size:0.9em;
			color:#111;
			font-family: 'Roboto', sans-serif;
			max-width: 90%;
			border: none;
			
		}

		
		textarea 
		{
			height:80px;
			background-color: #eee;
			font-family: 'Roboto', sans-serif;

		}

		#submit {
			display: inline-block;
			padding: 12px 10px 30px 10px;
			width: 130px;
			margin-top: .9em;
			margin-bottom: 20px;
			background-color: #1f4470;
			font-size: 14px;
			font-weight: 700;
			letter-spacing: 1px;
			color: #fff;
			border: none;
			text-transform: uppercase;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
			-webkit-transition: background-color 0.3s;
			-moz-transition: background-color 0.3s;
			transition: background-color 0.3s;
			-webkit-appearance: none;
		}

		#submit:hover {
			color:#fff;
			background-color: #599cd0;

		}
		


	/* Footer */
	
		.copyright {
			
			font-family: 'Droid Serif', Georgia, serif;
			font-size: 0.8em;
			letter-spacing: 1px;
			text-align: center;
			color: #aaa;
			padding: 15px;
			font-style: italic;
		}

	
	/*Social Links */
	
		.fb, .in, .tw, .fl{
		padding: 0 5px;
		font-size: 1.5em;
		color: #5c7e9a;}
	
		.fb:hover{
			color: #fff;}
		
		.tw:hover {
			color:#00aced;}
		
		
		.in:hover{
			color:#007bb5;}
			
		.fl:hover{
			color:#f848a0;}
		
		
			

	/* Back to Top */
		.cd-top {
		  display: inline-block;
		  height: 50px;
		  width: 50px;
		  position: fixed;
		  bottom: 30px;
		  right: 20px;
		  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
		  /* image replacement properties */
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  background: rgba(240, 123, 9, 0.9) url(../img/top-arrow.png) no-repeat center 50%;
		  visibility: hidden;
		  opacity: 0;
		  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
		  -moz-transition: opacity .3s 0s, visibility 0s .3s;
		  transition: opacity .3s 0s, visibility 0s .3s;
		  z-index: 1;
		}
		.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
		  -moz-transition: opacity .3s 0s, visibility 0s 0s;
		  transition: opacity .3s 0s, visibility 0s 0s;
		}
		.cd-top.cd-is-visible {
		  visibility: visible;
		  opacity: 1;
		}
		.cd-top.cd-fade-out {
		  opacity: .7;
		}
		.no-touch .cd-top:hover {
		  background-color: #ffac1b;
		  opacity: 1;
		}
		

	/* Media Queries */
	.desktop-stealth{
	display: none;
	}

		@media only screen and (max-width: 900px) {
	   
			.headerNav {
				position: absolute;
				right: 16px;
				width: 80%;
				z-index: 1337;
				padding: 0 2em;
				border-bottom: solid 3px #333;
				background-color: #111;
				margin-top: 40px;
			}

			.headerNav a {
				border-top: solid 1px #333;
				color: #ccc;
				font-weight: 300;
							
			}
						
			.headerNav a:hover {
				color: #9bc9fb;
			}
						
			.headerNav ul li ul li  a{
				border-top: solid 1px #333;		
			}
					
					
		}
  
    @media only screen and (min-width: 900px) {

         .headerNavButton {
         display: none;
         }

         .headerNav {
            display: block;
            margin-top: -20px;
			height: 30px;
        }

        .headerNav .subnav {
            display: none;
        }

        .headerNav>a {
            text-align: center;
            font-weight: 300;
            padding: 0;
            color: #8d8977;
            font-size: 1.3em;
			
			
        }

        .headerNav>ul {
            float: clear;
		}

        .headerNav>ul>li{
            display: inline-block;
            margin-left: 1.8em;
            font-size: 1em;	
			padding-top: 10px;
			font-style:italic;
		}

        .headerNav ul li a {
            padding: 0.1em;
		}

        .headerNav>ul>li:hover>a {
            color: #9fceff;
        }

        .headerNav ul li:hover ul {
            display: block;
            position: absolute;
            z-index: 1337;
            background-color: rgba(240,240,240,.95);
            padding: 0;
            margin-left: -28px;
		}

        .headerNav ul li ul li {
            display: block;
            margin: 0 1em;
        }

        .headerNav ul li ul li a {
            border-bottom: solid 1px #ccc;
            padding: 1em 0;
			color: #555;
			font-size: 0.9em;
		}
									
		.headerNav ul li ul li a:hover {
           color: #ffac1b;
		}
		
    }


    @media only screen and (min-width: 1200px) {
  
                .headerNav>ul>li{
                    margin-left: 1em;
                    font-size: 1em;
                }

              
					
				.headerNav ul li ul li a {
                    border-bottom: solid 1px #ccc;
                    padding: 1em 0;
					color: #555; }
									
				.headerNav ul li ul li a:hover {          
					color: #ffac1b;
                }
         
    }	
	

	
	@media only screen and (max-width: 1150px) {
	.onefourthtop p{
		font-size: 0.85em;
		}
		
		.tagline{
				font-size: 1em;
				right: 15%;
				max-width: 50%;
				}
				
			

		}

	@media only screen and (max-width: 1024px) {
			
				.onefourthtop{
				width: 96%;
				max-width: 100%;
				margin-top: -20px;}
				
				.threefourths{
				width: 98%;
				max-width: 98%;}
				
				.sidebar{
				width: 100%;
				max-width: 100%;
				float:left;
				}
				
				.icons{
			display: none;}
			
				.homes-bg{
		margin-top: -10px;
			}
			
			.sidebar-full{
			display: none;
			}
				
	}	

				
	@media only screen and (max-width: 768px) {
			.onehalf{
			width: 95%;
			max-width: 100%;}
			
			.onefourth{
			width: 45%;
			max-width: 50%;}
			
			.mobile-stealth{
			display: none;}
			
			.desktop-stealth{
			display: block;
			}
			
			.homes-bg{
			width: 98%;
			padding: 1%;
			float: left;
			background:rgba(255,255,255,0.4);
			margin-top: 0px;
			z-index: 12;
			position: relative;
			margin-left: 0;
			margin-right: 1%;
			}
			.header-logo{
			margin-bottom: 18px;margin-left:20px;width:140px;
		}
	}
		
	@media only screen and (max-width: 580px) {
			.onefourth{
			width: 100%;
			max-width: 100%;}
			
			.onethird{
			width: 100%;
			max-width: 100%;}
			
			.tagline{
				font-size: 0.85em;
				right: 5%;
				max-width: 50%;
				}
				

	}
	
	
	@media only screen and (max-width: 330px) {
			.tagline{
				font-size: 0.75em;
				right: 3%;
				max-width: 50%;
				}
				

	}