/* Marble Arch Homes */

*{margin:0px; padding:0px; outline:none;}

body{color:#000; font-size:13px; font-weight:normal; font-family: 'robotoregular'; background:#D9EAFC url(../images/bg.gif) repeat-x left top;}

h1, h2, h3, h4, h5, h6, p, span, div, img, label, input, textarea, select, ul, ol{margin:0px; padding:0px; font-weight:normal; list-style:none;}

a{color:#0066ca; text-decoration:none;}
a:hover{color:#66b3ff; text-decoration:underline;}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}

.clear{clear:both;}
.alignleft, .left{float:left;}
.alignright, .right{float:right;}

/************************************************ Fixed Css End Here ****************************************************/

.container{width:1000px; margin:0px auto;}

/** Header-Start **/
.headerdiv{float:left; width:100%;}
.logodiv{float:left; margin:3px 0 10px; width:222px;}
.topright{float:right; width:778px;}
.menudiv{float:left; width:100%; background:#F1EEE9; padding:8px 0px; border-bottom:1px solid #D2CFC9;}
.menudiv li{display:inline; background:url(../images/topnav-divider.gif) no-repeat right top; padding:0 15px; position:relative;}
.menudiv li:last-child{background:none;}
.menudiv li a{color:#003e7b; font-size:14px; font-family: 'robotomedium'; text-transform:uppercase;}
.menudiv li:hover a{color:#0063c6; text-decoration:none;}

.menudiv li a.drop{cursor:pointer; padding:8px 0px;}

.menudiv li ul{display:none;}
.menudiv li:hover ul{display:block; position:absolute; top:100%; left:0px; z-index:9999; width:150px; border:1px solid #ccc; background:#fff; padding:0 6px; margin-top: 8px;}
.menudiv li ul li{float:left; width:100%; padding:9px 0px; border-bottom:1px solid #ccc; background:none;}
.menudiv li ul li:last-child{border-bottom:0px;}
.menudiv li ul li a{text-transform:inherit; float:left; width:100%; font-size:13px; font-family: 'robotoregular'; color:#000 !important;}
.menudiv li ul li a:hover{color:#0063c6 !important; text-decoration:none;}

.socialdiv{float:left; width:100%; margin-top:22px;}
.icondiv{float:left;}
.icondiv img{vertical-align:middle; margin-right:4px; transition:all 0.8s ease 0s; width:25px; height:25px;}
.icondiv img:hover{transform:scale(1.1,1.1);}

.top_smallink{float:right; margin-top:5px;}
.top_smallink img{vertical-align:middle; margin-right:4px;}
.top_smallink a{color:#59595f; font-size:13px;}
.top_smallink a:hover{color:#a5a5ab;}
.top_smallink span{margin-left:15px;}

/** Header-End **/

/** Banner-Start **/
.bannerdiv{float:left; width:100%; background:#fff; border:1px solid #ccc; padding:20px 0px; box-shadow: 2px 1px 11px #ccc;}
.flashbanner{width:959px; margin:0 auto;}
/** Banner-End **/

/** Middle-Start **/
.middlediv{float:left; width: 96.5%; background:#fff; margin:20px 0px; padding:25px 18px 20px;}
.middlediv h2 {color: #595961; font-size: 28px; line-height: 20px; padding-bottom: 30px;}
.middlediv h2 span{font-family: 'Dancing Script', cursive; font-size:58px;}
.middlediv h3{color:#003e7b; font-family: "robotomedium"; font-size:18px; text-transform:uppercase;}
.middlediv p{line-height:20px; padding-bottom:20px; text-align:justify;}

.spcl{float:right; width:100%;}
.spcl label{float:right; text-align:center; margin-right:5px; font-size:12px; width:73px; margin-top:-59px;}
.spcl label img{margin-bottom:4px;}
.spcl label img:hover{opacity:0.8;}

.leftside{float:left; width:356px; background:#EDEAE3; padding:33px 12px; border-top:1px solid #D2CFC9;}
.leftside h3{padding-bottom:16px;}
.leftside a.readmore{float:right; width:109px; height:23px; background:url(../images/Banner_ReadMore.png) no-repeat; margin-right:-12px;}
.leftside a.readmore:hover{background:url(../images/Banner_ReadMore_over.png) no-repeat;}
.leftside p{padding-right:14px;}
.leftside img.alignleft{margin-right:10px;}

.rightside{float:right; width:557px; border-top:1px solid #D2CFC9; padding:33px 14px;}
.rightside h3{padding-bottom:16px;}

.boxdiv{float:left; width:160px; min-height:275px; border-right:1px solid #DDDDDF; padding-right:18px;}
.boxdiv.mid{padding-left:16px;}
.boxdiv.last{padding-right:0px; padding-left:16px; border:0px;}
.boxdiv img{margin-bottom:10px;}
.boxdiv p{line-height:normal; padding-bottom:10px;}
.boxdiv p.title{font-size:14px; color:#262629; padding-bottom:2px;}
.boxdiv p.city{color:#68686f; font-family: 'robotobold';}
.boxdiv a{float:right;}

.inner_banner{float:left; width:100%; text-align:center;}
.inner_banner img{margin:0 1%;}
.leftside p.smbanner{padding:0 0 28px; text-align:center;}
.leftside ul{ padding-left:20px; padding-bottom:20px;}
.leftside li {color: #003e7b; font-size: 12px; list-style-type: square; padding-bottom:5px; font-family: 'robotomedium';}
.leftside li span{color:#999; font-style: italic;}

.leftside.vhight{min-height:524px;}

span.blue{color: #003e7b; font-family: 'robotobold';}
.rightside p{padding-bottom:9px;}
.rightside p.mapv{text-align:center;}
.rightside p.mapv img{border:1px solid #999;}

.leftside p.exptag{padding-bottom:5px;}
.leftside p.exptag img{vertical-align:middle; margin-right:5px;}

.leftside small, .rightside small{color:#999; font-size:12px;}


.vright{width:547px; padding:33px 14px 33px 24px;}
.smallflash{float:left; width:100%; margin-bottom:35px;}

.rightside ul{padding-bottom:20px; padding-left:15px; float:left; width:100%;}
.rightside li{list-style-type:disc; color: #59595f; padding-bottom:5px; float:left; width:100%;}
.rightside ul.mainpoint li{list-style-type:disc; color: #59595f; padding-bottom:5px; width:255px;}

.midbanner{float:left; width:100%; background:#E9E9E9; padding:20px 0px 12px; text-align:center; margin-bottom:26px;}
.midbanner img{margin:0 1%;}

.testidiv{float:left; width:100%; padding:25px 0 20px; border-bottom:1px dotted #999;}
.testidiv img{border-radius:8px;}
.testidiv img.alignleft{margin-right:20px;}
.testidiv img.alignright{margin-left:20px;}

.testidiv h4{color:#003e7b; font-size:25px; padding-bottom:8px; font-family: 'Dancing Script', cursive;}
.testidiv h5{color:#59595f; font-size:15px; padding-bottom:10px;}

.leftfrm li{line-height:20px; padding-bottom:15px;}

.formdiv{float:left; width:93%; border: 6px solid #d9eafc; color: #003e7b; font-size: 12px; margin-top:15px; padding: 35px 20px 19px;}
.formdiv li{float:left; width:258px; list-style:none; padding:0 0 20px;}
.formdiv li.right{float:right;}
.formdiv li.full{width:100%;}
.formdiv label{float:left; width:90px;}
.formdiv input[type="text"]{border: 1px solid #999; width:100px; padding:2px 10px; font-size:12px;}
.formdiv select{font-size:12px;}
.formdiv textarea{width:375px;}

.formdiv li.buttons{text-align:center;}

.formdiv input[type="submit"]{background:#003E7B; padding:4px 15px; border:0px; border-radius:3px; font-size:13px; color:#fff; cursor:pointer; margin:0 5px;}
.formdiv input[type="submit"]:hover{background:#2076FF;}

span.req{color:#FF0000;}

.flipboxdiv{float:left; width:100%; margin-bottom:32px;}
.flipbox{float:left; width:33%; text-align:center;}
.flipbox img{margin-bottom:10px;}
.flipbox p{text-align:center; padding-bottom:0px;}

/** Middle-End **/

/** Footer-Start **/
.footerdiv{float:left; width:100%; padding:20px 0px;}
.footerdiv h2{color:#003e7b; text-transform:uppercase; font-family: 'robotobold'; padding-bottom:17px; font-size:13px;}
.footerdiv li {background: url("../images/bullet.gif") no-repeat 0 6px; float: left; margin-right: 8px; padding: 0 0 5px 14px; width: 130px;}
.footerdiv a{color:#59595f;}
.footerdiv a:hover{color:#a6a6ac;}

.div_1{float:left; width:456px; border-right:1px solid #B1BDCC;}
.div_2{float:left; width:252px; padding:0 25px; border-right:1px solid #B1BDCC;}
.div_2 li{width:104px;}

.div_3{float:right; text-align:right; color:#59595f; padding-top:28px;}

/** Footer-End **/


.responsive_menu{display:none;}

@media screen and (max-width: 1024px) {
	.container{width:96%;}
	.logodiv{width:18%;}
	.flashbanner, .flashbanner img{width:100%;}
	.flashbanner iframe {margin-left: 2%; width: 96%;}
	.leftside{width:97%;}
	.rightside{float:left; width:96.5%;}
	.boxdiv {min-height: auto; width: 30%;}
	.div_1, .div_2, .div_3{width:100%; border:0px; margin-bottom:24px; text-align:center; padding:0px;}
	.div_3{float:left;}
	.footerdiv li{width:100%; padding: 0; background:none #C0DDF9; margin-bottom:5px;}
	.footerdiv li a{padding:9px 0px; display:inline-block; text-transform:capitalize;}
	.footerdiv h2{font-size:15px;}
	.inner_banner img, .midbanner img{width:30%;}
	.leftside p.smbanner{text-align:left;}
	.smbanner img {width: 100%;}
	.leftside.vhight {min-height: auto;}
	.rightside ul.mainpoint li{width:100%;}
	.leftfrm li{width:25%; float:left;}
	.formdiv li{width:100%;}
	.formdiv label {float: left; padding: 0 0 8px; width: 100%;}
	.formdiv input[type="text"]{width:97%; padding: 6px 10px;}
	.formdiv select {padding: 2px; width: 18%;}
	.formdiv textarea{width:99%;}
	.rightside iframe{width:100%;}
	.rightside ul{padding-left:0px;}
}


@media screen and (max-width: 990px) {
	.topright{width:82%;}
	.middlediv p{text-align:left;}
	.menudiv{display:none;}
	
	.responsive_menu{display:block; float:right; width:4.3%; background:#003E7B; padding:10px; padding-bottom:7px; color:#fff; text-transform:uppercase; margin-top:1%;}
	.responsive_menu button{float:right; width:30px; cursor:pointer; border:0px; background:#003E7B; margin-right:1%;}
	.responsive_menu span{font-size:0px;}
	.responsive_menu label{background:#fff; margin-bottom:3px; height:4px; float:left; width:100%;}
	ul.resmenu {background:#E8EDF1; display: none; position: absolute; top: 47px; left:0; width: 100%; z-index: 9999;}
	ul.resmenu li{display:block; float:left; width:100%; border-bottom:1px solid #D2DCE4;}
	ul.resmenu li.sub_child ul{background:#008C00;}
	ul.resmenu li.sub_child a{color:#fff;}
	ul.resmenu li.sub_child a, ul.resmenu li.sub_child a:hover{background:#003E7B url(../arrow.png) no-repeat 98% center; text-decoration:none;}
	ul.resmenu li a{float:left; width:98%; padding:8px 10px; color:#000;}
	ul.resmenu li a:hover{background:#003E7B; text-decoration:none; color:#fff;}
	
	ul.resmenu li ul{display:none !important; background:#fff;}
	ul.resmenu li:hover ul{width:100%; display:block !important; z-index:99999;}
	ul.resmenu li ul li a{padding: 1% 2%; width: 96%; color:#000 !important; background:none !important; color:#000;}
	ul.resmenu li ul li a:hover{background:#003E7B !important; text-decoration:none; color:#fff !important;}
	
	.socialdiv{margin:2% 0;}
	.top_smallink{display:none;}
	.icondiv{float:right;}
	.leftfrm li{width:100%;}
	.middlediv{width: 96.1%;}
}

@media screen and (max-width: 850px) {
	.boxdiv{ border-right: 0 none; padding-right: 0; width:100%;}
	.boxdiv.mid {padding-left: 0;}
	.boxdiv.last {padding-left: 0; padding-right: 0;}
	.boxdiv img{width:100%;}
	.boxdiv a{float:left; margin-right: 2%;}
	.middlediv {width: 95.5%;}
}

@media screen and (max-width: 769px) {
	.responsive_menu{ width: 5.3%;}
	.logodiv {width: 23%;}
	.topright {width: 73%;}
	.middlediv {width: 95.2%;}
}

@media screen and (max-width: 641px) {
	.responsive_menu{ width: 6.3%;}
	.vright{padding: 33px 14px 33px 0;}
	.leftside{width:95%;}
	.logodiv {width: 26%;}
	.middlediv {width: 94.2%;}
	.middlediv h2 {font-size: 22px;}
	.rightside {width: 94.4%;}
	.formdiv select {width: 25%;}
	.formdiv input[type="text"]{width:96%;}
}

@media screen and (max-width: 555px) {
	.smallflash{display:none;}
	.logodiv {width: 100%; text-align:center;}
	.logodiv img {width: 40%;}
	ul.resmenu{top: 141px;}
	.topright {width: 100%;}
	.responsive_menu {width: 94.3%;}
	.responsive_menu span {font-size: 13px;}
	.middlediv {width: 91.2%;}
	#outerImageContainer{width: 79% !important; height: auto !important;}
	#imageDataContainer{width: 79% !important;}
	.spcl{float:left; padding: 0 0 17px;}
	.spcl label{margin-top:0px; float:left;}
	.formdiv select {width: 33%;}
	.formdiv input[type="text"]{width:94%;}
}

@media screen and (max-width: 520px) {
	.formdiv{width:91%;}
}

@media screen and (max-width: 490px) {
	.formdiv{width:90%;}
}

@media screen and (max-width: 420px) {
	.formdiv{width:88%;}
	.formdiv input[type="text"] {width: 92%;}
	.formdiv select {width: 40%;}
}

@media screen and (max-width: 348px) {
	.formdiv{width:84%;}
	.formdiv select {width: 52%;}
}

@media screen and (max-width: 322px) {
	.middlediv {width: 87.2%;}
	.middlediv h2 {font-size: 14px;}
	.middlediv h2 span{font-size: 42px;}
	ul.resmenu {top: 112px;}
	ul.resmenu li.sub_child a, ul.resmenu li.sub_child a:hover {background: url("../arrow.png") no-repeat scroll 92% center #008c00;}
	.formdiv input[type="text"] {width: 89%;}
}