@import url('http://pujatech.com/demo/demo77/css/my.css');
html, body {margin: 0px 0px 0px 0px; padding: 0px;}body {text-align: left; background: #FFF url(../images/miami_impact_windows_bg.png) repeat-x;}body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; color: #585858;}#page {width: 950px; margin: 0px auto 0px auto; background: url(../images/miami_landscaping_main.html) no-repeat top;}#header {width: 950px; float: left; background: url(../images/miami_impact_windows_header.gif) no-repeat; padding: 0; margin: 0;}#logo {width: 269px; height:107px; float: left; margin: 11px 0 0 0;}#linkbar {width: 950px; height: 40px; float: left; margin: 21px 0 0 0;}#feature {width: 950px; float: left; margin: 0;}#featureshadow {width: 950px; float: left; height: 17px; background: url(../images/miami_impact_windows_feature_shadow.gif) no-repeat; margin: 0; padding: 0;}#featurealt {width:946px; height:170px; overflow:hidden; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; background-color: #FFFFFF; float: left;}#footer {width: 950px; height: 32px; float: left; margin: 20px 0 0 0; background: url(../images/miami_impact_windows_footer.gif) no-repeat; padding: 30px 0 30px 0;}#footer_left {width: 300px; float: left; display: inline; color: #939393;}#footer_right {width: 445px; float: right; text-align: right; display: inline; margin: 0 10px 0 0; color: #606060;}#contactbar {width: 455px; height: 28px; float: right; margin: 83px 0 0 0; background: url(../images/miami_impact_windows_contact_top.gif) no-repeat; padding: 8px 0 0 13px;}#frontcontent {width: 950px; float: left; margin: 0; padding: 15px 0 15px 0;}#frontcontent2 {width: 950px; float: left; margin: 0; padding: 45px 0 15px 0;}#altcontent {width: 648px; float: left; margin: 0 15px 0 0;}#altlinks {width: 233px; float: right;}#gallwrapper {width: 648px; float: left; margin: 15px 0 0 0;}#formwrap {width: 633px; float: left; margin: 25px 0 0 0;}#contact_right {width: 225px; float: left; margin: 3px 0 0 10px;}#sidecontact {width: 233px; float: left; margin: 10px 0 0 0;}#sidecontactd {width: 278px; float: left; margin: 15px 0 0 0;}.featuresub {width: 292px; height: 141px; margin: 0 0 23px 0; float: right; border: 1px solid #655647; background-color: #d3c5b7;}a:link, a:visited, a:active {text-decoration: none; color: #3f869d;}a:hover {text-decoration: none; color: #71b6cc;}a.ul:link, a.ul:visited, a.ul:active {font-size: 12px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; color: #1c4b93;}a.ul:hover {font-size: 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #245e8d;}a.large:link, a.large:visited, a.large:active {font-size: 14px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #70a662;}a.large:hover {font-size: 14px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #366a2a;}a.footlink:link, a.footlink:visited, a.footlink:active {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #3f869d; margin-left: 10px; padding-left: 10px; border-left: 1px solid #e1e1e1;}a.footlink:hover {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #71b6cc; margin-left: 10px; padding-left: 10px; border-left: 1px solid #e1e1e1;}a.sidelink:link, a.sidelink:visited, a.sidelink:active {color: #365030; font-size: 11px; font-weight: bold; background: url(../images/miami_impact_windows_sidelink.gif) no-repeat 0 0; padding: 8px 0 0 8px; display: block; height: 26px; margin: 1px 0 1px 0; width: 255px; font-family: Arial, Helvetica, sans-serif;}a.sidelink:hover {color: #365030; font-size: 11px; font-weight: bold; background: url(../images/miami_impact_windows_sidelink.gif) no-repeat 0 -35px; padding: 8px 0 0 8px; display: block; height: 26px; margin: 1px 0 1px 0; width: 255px; font-family: Arial, Helvetica, sans-serif;}p {margin: 12px 0 5px 0;}h1 {color: #FFFFFF; font-size: 11px; background: url(../images/miami_landscaping_title.html) no-repeat; height: 27px; margin: 0; padding: 9px 0 0 9px;}h2 {color: #FFFFFF; font-size: 11px; background: url(../images/miami_landscaping_title_long.html) repeat-x; height: 27px; margin: 0; padding: 9px 0 5px 9px;}h3 {color: #00ff0c; repeat-x; font-size: 11px; height: 27px; margin: 0;}ul {list-style: none; margin-top: 18px;}ul li {padding: 0 0 5px 15px; background: url(../images/miami_impact_windows_li.gif) no-repeat left center; margin-left: -30px; margin-top: 3px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #d1e4b9;}img {border:0;}.contacthead {font-size: 11px;}.contactdetails {margin-right: 18px; color: #999999; font-size: 11px;}.frontbox {width: 648px; float: left; margin: 0 15px 0 0;}.frontboxr {width: 278px; float: right; margin: 0;}.frontboximg {width: auto; height: auto; margin: 25px 0 0 0; padding: 0; border:1px solid #38658a; border-bottom: 3px solid #38658a; overflow: hidden; float: left;}.frontboximg2 {width: auto; height: auto; margin: 25px 0 0 0; padding: 0; border:1px solid #38658a; border-bottom: 3px solid #38658a; overflow: hidden; float: right;}.frontboxtitle {width: 633px; height: 26px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e); margin: 0 0 25px 0; padding: 10px 0 0 15px; font-weight: bold; color: #FFFFFF;border-radius: 12px 12px 0px 0px;qaz#}.frontboxtitle2 {width: 263px; height: 26px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e); margin: 0 0 25px 0; padding: 10px 0 0 15px; font-weight: bold; color: #FFFFFF;border-radius: 12px 12px 0px 0px;}.altboximg {width: 205px; border-bottom: 3px solid #38658a; margin: 25px 16px 0 0; padding: 0; float: left;}.altboximgright {width: 205px; border-bottom: 3px solid #38658a; margin: 25px 0 0 0; padding: 0; float: right;}.fbox_txt {width: 648px; float: right; margin: 15px 0 0 0;}.fbox_txt2 {width: 648px; float: right; margin: 0 0 20px 0;}.fbox_split {width: 215px; float: left;}.big_highlight {font-size: 14px; color: #1e3f5e; font-weight: bold;}.big {font-size: 16px;  margin-left: 10px; color: #727272; font-weight: bold;}.bigish {font-size: 14px;  margin-left: 10px; color: #727272; font-weight: bold;}.formmessage {display: block;   color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 560px; height: 280px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #38658a; }.formname {display: block; background: #FFFFFF url(../images/miami_pavers_form_bg.html) repeat-x; color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 560px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #38658a;}.input {display: block; background: #FFFFFF url(../images/miami_pavers_form_bg.html) repeat-x; color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 560px; margin: 15px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 2px solid #38658a;}.validateInvalid {display: block; background-color: #f9ecec; color: #576d7f; font-size: 11px; padding: 6px 6px 6px 6px; width: 360px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #d53636;}.validateValid {display: block; background: #FFFFFF url(../images/miami_pavers_form_bg.html) repeat-x; color: #585858; font-size: 11px; padding: 6px 6px 6px 6px; width: 560px; margin: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #38658a;}.titleform {font-size: 12px; font-weight: bold; color: #38658a;}.home {width: 95px; height: 41px;  background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e); cursor: pointer; float: left; border-radius: 12px 0px 0px 0px;border: 2px solid #fff;}.home:hover {width: 95px; height: 41px; background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942); cursor: pointer; float: left;}.about {width: 98px; height: 41px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e); cursor: pointer; float: left;border: 2px solid #fff;    border-left: 0px;}.about:hover {width: 98px; height: 41px; background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942); cursor: pointer; float: left;}.services {width: 119px; height: 41px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e);cursor: pointer; float: left;border: 2px solid #fff;    border-left: 0px;}.services:hover {width: 119px; height: 41px; background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942); cursor: pointer; float: left;}.ctact {width: 118px; height: 41px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);   background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e); cursor: pointer; float: left;border: 2px solid #fff;    border-left: 0px;}.ctact:hover {width: 118px; height: 41px; background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942); cursor: pointer; float: left;}.call {width: 508px; height: 41px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e); float: left;border: 2px solid #fff;    border-left: 0px;    border-radius: 0px 12px 0px 0px;}.call:hover {width: 508px; height: 41px; background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942); float: left; cursor: pointer;}.estimatea {width: 278px; height: 47px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e); cursor: pointer; float: left; margin: 15px 0 25px 0;border: 2px solid #fff;}.estimatea:hover {width: 278px; height: 47px; background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942); cursor: pointer; float: left; margin: 15px 0 25px 0;}.estimateside {width: 176px; height: 59px; background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e); cursor: pointer; float: left; margin: 14px 0 0 0;border: 2px solid #fff;}.estimateside:hover {width: 176px; height: 59px; background: url(../images/rollovers/miami_pavers_request_an_estimate_left.html) no-repeat 0 -59px; cursor: pointer; float: left; margin: 14px 0 0 0;}.menuorother{  color: #fff;  text-align: center;  font-weight: 800;  text-shadow: 1px 1px 1px #595959;  font-size: 12px;text-transform: uppercase;  padding-top: 0px; }  #conhm img{float:left;}  #conhm  .big{margin-left:35px;  padding-top: 7px;}      #conhm {width: 100%;  clear: both;  height: 29px;}
  
  .frontboxr .estimatea {  background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);  background-image: linear-gradient(to bottom, #0083db, #00446e); border-radius: 12px 12px 0px 0px;}.frontboxr .estimatea:hover {   background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942);  border-radius: 12px 12px 0px 0px;}
  
    @media screen and (min-width: 980px) {label.show-menu,#show-menu,.menuliststy{display:none;}
	
	}
  
  @media screen and (max-width: 980px) {
	  body .mobiledevel{height:270px !important}
	  body .mobiledevel #featureInner{height:230px !important}
	  body{max-width:450px;margin:auto;}
	  #page,#header,#feature,#frontcontent,#footer,#contactbar,#frontcontent2,#featurealt,#formwrap,.formname,.formmessage{width:100%}
	  #featureInner img{width:100% !important}
	 #featureInner,div.show,.frontbox, #gallery,#featureshadow,.frontboxtitle{width:100% !important}
	 
	 #linkbar{display:none}
	 
	 #contactbar {
    
	 margin: 30px 0 24px 0;}
	 #contactbar{width:96%;float:none; clear:both;min-height: 40px;}
	 
	 .frontboxr,.frontbox{width:100%;clear:both;margin-top:20px;}
	 .frontboxtitle2,.frontboxtitle {
	 width: 96% !important;background-size:100% 100%;}
	 
	 #footer_left {
    width: 100%;
   
    text-align: center;
}#footer_right {
    width: 100%;
     
text-align: center;}
#logo {
width: 100%;}
#logo img{width:70%;height:auto !important}
.frontbox img{ width:100% !Important;margin-bottom:20px;height:auto !important}

.formname, .formmessage {
width: 95%;}
    
}

  @media screen and (max-width: 450px) {
	  body{max-width:96%;margin:auto;}
	  
  }










 
/*Hover state for top level links*/
li:hover a {
	background: #19c589;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 980px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	 
	text-decoration: none;
	    color: #000;
    background: #EEEE22;
	text-align: center;
	padding: 10px 0;
	display: none;    font-size: 12px;
    font-weight: bolder;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	label.show-menu{clear:both;}
	.menuliststy{list-style:none}
	body .menuliststy li{margin-left:-15px;background:none;    border-bottom: 0px solid #d1e4b9;    margin-bottom: -8px;}
	body .menuliststy li a{background: #0083db;  background-image: -webkit-linear-gradient(top, #0083db, #00446e);  background-image: -moz-linear-gradient(top, #0083db, #00446e);  background-image: -ms-linear-gradient(top, #0083db, #00446e);  background-image: -o-linear-gradient(top, #0083db, #00446e);color:#fff;}
	body .menuliststy li a:hover{background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942);}
	
	
#footermain{background: url(../images/footernew.png) repeat-x;background-size:auto 100% ;    clear: both;}	
.call .menuorother	{        background: url(../images/ttttd.png);    background-size: 12px 12px;    background-repeat: no-repeat;    background-position: 47px;}	.bigmy{font-size:14px;    margin-left: 10px;    color: #727272;    font-weight: normal;}	.bigmy b{font-weight:bold;color:#005D99;}	.callmy{ margin-top:15px;   width: 263px;    height: 26px;    background: #0083db;    background-image: -webkit-linear-gradient(top, #0083db, #00446e);    background-image: -moz-linear-gradient(top, #0083db, #00446e);    background-image: -ms-linear-gradient(top, #0083db, #00446e);    background-image: -o-linear-gradient(top, #0083db, #00446e);    margin: 15 0 25px 0;    padding: 10px 0 0 15px;    font-weight: bold;    color: #FFFFFF;    border-radius: 12px 12px 12px 12px;}	.callmy:hover{background: #0086e0;  background-image: -webkit-linear-gradient(top, #0086e0, #012942);  background-image: -moz-linear-gradient(top, #0086e0, #012942);  background-image: -ms-linear-gradient(top, #0086e0, #012942);  background-image: -o-linear-gradient(top, #0086e0, #012942);  background-image: linear-gradient(to bottom, #0086e0, #012942);}			.callmy .menuorother{      background: url(../images/ttttd.png);    background-size: 12px 12px;    background-repeat: no-repeat;    background-position: 47px;margin-top: 2px;}			.estimate {    width: 278px;    height: 47px;    background: url(../images/callnowbutton.png) no-repeat 0 0;    cursor: pointer;    float: left;    margin: 15px 0 25px 0;}.estimate:hover{width: 278px; height: 47px; background: url(../images/callnowbutton.png) no-repeat 0 -47px; cursor: pointer; float: left; margin: 15px 0 25px 0;}