@charset "utf-8";
/* CSS Document */

/*   Legendary Homes Mobile Site CSS
---------------------------------------------
Customize Template Colors
---------------------------------------------
*/

#header { background:#FFCC00} /*Background color of header*/
#header a { color:#FFFFFF} /*Color of text in header*/
#content { background:#ffcc00} /*Background color of main content area*/
#nav { background:#FFCC00} /*Background color of main menu*/
#nav ul li a { color:#000000} /*Color of text in main menu*/
#nav ul li { border-top:1px solid #FFCC00} /*Color of separator lines in main menu*/
#footer { background:#222222} /*Background color of footer*/
#footer p { color:#FFFFFF} /*Color of text in footer*/

/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0;  padding:0;  text-align:left;}

img { border:1px solid #8F8F8F}
fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal}

body { font-size:100%; font-family:Tahoma, Helvetica, sans-serif; background:#ffcc00;

/*background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.5, rgb(221,219,220)),
    color-stop(0.92, rgb(101,99,100))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(221,219,220) 50%,
    rgb(101,99,100) 92%
);
*/
}

a:link, a:visited {color:#3D73B7; text-decoration: underline}
a:hover {color:#3D73B7; text-decoration: none}

p { font-size:1.0em; color:#333; line-height:1.4em;font-weight:500;}

h1 { font-size:1em; color:#FFFFFF; font-weight:bold; text-align:center;text-shadow: #222 1px 1px 2px; font-family:'Impact','Helvetica Narrow','Helvetica';}
h2 { font-size:1.5em; color:#2F3940; font-weight:bold; padding:10px 0 10px 0}

/*
---------------------------------------------
02. header
---------------------------------------------
*/
#header {width:100%; float:left; padding:0}

XXX#page {width:98%; border:1px #999;

-moz-box-shadow: 0px 0px 10px #777;
  -webkit-box-shadow: 0px 0px 10px #777;
  box-shadow: 0px 0px 10px #777;

}

#header img { width:100%; height:auto; float:left; XXpadding:5px 5% 6px 5%;text-align:center; margin-left:0%; margin-right:0%; margin-bottom:10px;

background: #000000; /* Old browsers */
/*background: -moz-linear-gradient(top, #000000 0%, #282828 6%, #4c4c4c 17%, #7a7a7a 35%, #2d2d2d 78%, #1c1c1c 89%, #161616 94%, #020202 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(6%,#282828), color-stop(17%,#4c4c4c), color-stop(35%,#7a7a7a), color-stop(78%,#2d2d2d), color-stop(89%,#1c1c1c), color-stop(94%,#161616), color-stop(99%,#020202)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%,#282828 6%,#4c4c4c 17%,#7a7a7a 35%,#2d2d2d 78%,#1c1c1c 89%,#161616 94%,#020202 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#282828 6%,#4c4c4c 17%,#7a7a7a 35%,#2d2d2d 78%,#1c1c1c 89%,#161616 94%,#020202 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #000000 0%,#282828 6%,#4c4c4c 17%,#7a7a7a 35%,#2d2d2d 78%,#1c1c1c 89%,#161616 94%,#020202 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#020202',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #000000 0%,#282828 6%,#4c4c4c 17%,#7a7a7a 35%,#2d2d2d 78%,#1c1c1c 89%,#161616 94%,#020202 99%); /* W3C */

-moz-box-shadow: 5px 5px 10px #777;
  -webkit-box-shadow: 5px 5px 10px #777;
  box-shadow: 5px 5px 10px #777;
*/
  border-radius:1ex 1ex 2ex 2ex ;
  -moz-border-radius: 1ex 1ex 2ex 2ex ;
  -webkit-border-top-left-radius:1ex;
  -webkit-border-top-right-radius:1ex;
  -webkit-border-bottom-right-radius:2ex;
  -webkit-border-bottom-left-radius:2ex;


}
#header a { font-size:1.062em; font-weight:bold; text-align:center; text-decoration:none; text-shadow: #333 1px 1px 2px; font-family:'Helvetica Narrow','Helvetica';} 

/*.shadow { -moz-box-shadow: 5px 5px 5px #aaaba9;
  -webkit-box-shadow: 5px 5px 5px #aaaba9;
  box-shadow: 5px 5px 5px #aaaba9; */
}

/*
---------------------------------------------
03. wrapper and content
---------------------------------------------
*/

#wrapper { width:92%; float:left; padding:0px 4% 20px 4%;background:transparent;}

.buttonclick { width:80%; float:left;font-family:Arial, Helvetica, sans-serif; font-size:1.250em; font-weight:bold; XXXpadding:16px 5% 22px 5%;margin:10px 10% 10px 10%;
border:solid 2px #black;-webkit-border-radius: 1.125em; -moz-border-radius: 1.125em; border-radius: 1.125em; text-decoration:none; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#595959+0,b5b5b5+33,0e0e0e+100 */
background: rgb(89,89,89); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(89,89,89,1) 0%, rgba(181,181,181,1) 33%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(89,89,89,1) 0%,rgba(181,181,181,1) 33%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(89,89,89,1) 0%,rgba(181,181,181,1) 33%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */


}
.buttonclick a { width:90%; height:1.875em; color:white; float:left; padding:14px 5% 0 5%; text-align:center; position:relative;text-decoration:none;text-shadow: #776 -1.3px 1px 1.2px;}

#content { width:99.8%; float:left; position:relative}

/*

/*
---------------------------------------------
03. content
---------------------------------------------
*/

#contentinner .content {background:transparent; width:95%; float:left; padding:15px 2.5% 15px 2.5%;

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.5, rgb(255,255,255)),
    color-stop(0.92, rgb(216,215,217))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(255,255,255) 50%,
    rgb(216,215,217) 92%
);

}
#content p { padding:5px 0 8px 0}
#content .welcome p { text-align:center;font-weight:bold;font-size:120%;text-shadow: #ddc 1px 1px 2px;letter-spacing:-.11px;}

#content .click {text-align:center;width:50%;padding-left:25%;
}
#content .click p { text-align:center; 
font-weight:600;font-size:130%;text-shadow: #332 1px 1px 2px; letter-spacing:.1px;

border:1px #555;

background: #8e0000; /* Old browsers */
background: -moz-linear-gradient(top, #8e0000 3%, #b2252c 22%, #c96868 29%, #af030f 58%, #600600 87%, #49000b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#8e0000), color-stop(22%,#b2252c), color-stop(29%,#c96868), color-stop(58%,#af030f), color-stop(87%,#600600), color-stop(100%,#49000b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e0000', endColorstr='#49000b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* W3C */


  border-radius:2ex 2ex 2ex 2ex ;
  -moz-border-radius: 2ex 2ex 2ex 2ex ;
  -webkit-border-top-left-radius:2ex;
  -webkit-border-top-right-radius:2ex;
  -webkit-border-bottom-right-radius:2ex;
  -webkit-border-bottom-left-radius:2ex;

-moz-box-shadow: 2px 3px 5px #999;
  -webkit-box-shadow: 2px 3px 5px #999;
  box-shadow: 2px 3px 5px #999;


}
#content .click p a {text-decoration:none; color:#fff;}

#content .error p { color:#FF0000}
#content .logo { width:100%; float:left; text-align:center; padding-bottom:8px; padding-top:8px}
#content .logo img { border:none;}

#content .call {

}
/*
---------------------------------------------
06. innerpage contents
---------------------------------------------
*/
#content {}
#content p {padding:0 3% 0 3%;color:black;}
#content span { font-weight:bold}

#content .form { width:100%; float:left; padding-top:20px; padding-bottom:20px}
#content .form ul li { width:100%; float:left; padding-bottom:20px}
#content .form label { width:100%; float:left; font-size:1.0em; color:#2F393D; font-weight:bold; padding-bottom:8px}
#content .form .input { width:93.8%; float:left; border:1px solid #666666; font-size:1.0em; color:#2F393D; padding:7px 3%}
#content .form .textarea { width:93.8%; height:8.75em; float:left; border:1px solid #666666; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#2F393D; padding:10px 3%}
#content .form .button { border: 2px solid #EEEEEE; background-color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.125em; color:#FFFFFF; padding:8px 25px 8px 25px; cursor: pointer}

#content .timings { width:105%; float:left; margin:0 -2.5%}
#content .timings ul { width:100%; float:left}
#content .timings ul li { width:95%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0625em; font-weight:normal; color:#2F393D; border-top:1px solid #BBBBBB; padding:12px 2.5%}
#content .timings ul li.menu { font-size:1.0em; color:#2F393D; border-top:none; padding:4px 2.5%}
#content .timings ul li span { width:65%; float:left}
#content .timings ul li .right { width:35%; text-align:right; font-weight:bold}

#content .offer { width:79.9%; float:left; background:#FCFFAD; border:1px solid #666666; text-align:center; padding:18px 10% 18px 10%;

  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffdd), to(#cccc11));
  background: -webkit-radial-gradient(circle, #ffffdd, #cccc11);
  background: -moz-radial-gradient(circle, #ffffdd, #cccc11);
  background: -ms-radial-gradient(circle, #fffdd, #cccc11);

}
#content .offer h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#2F393D; font-weight:bold; text-align:center; padding-bottom:10px}
#content .offer h4 {  font-size:1.0em; color:#2F393D; font-weight:bold; text-align:center; padding-bottom:8px}
#content .offer p { text-align:center}

#contentinner .content .headline {font-family:Tahoma,Helvetica,sans-serif; font-size:1.4em;color:#229;font-weight:900;text-shadowXX:#eec -1px 1px 5px;text-align:center;letter-spacing:-.05em;line-spacing:1.9em;}

#contentinner .content .caption {width:80%;margin:0 5% 15px 5%;text-align:center;xxxborder:solid 1px #999;color:#777;font-size:8px;padding:10px;}

#contentinner .content .rounded {padding:10px;text-align:center;font-weight:bold;border-radius: 20px 20px 20px 20px ;background:white;
  -moz-border-radius: 20px 20px 20px 20px ;-webkit-border-radius: 20px 20px 20px 20px ;}

/*
---------------------------------------------
04. nav
---------------------------------------------
*/

#nav { width:92%; float:left; padding:0 4% 0px 4%}


#nav ul { width:100%; float:left}
#nav ul li a { width:100%; float:left; text-decoration:none; padding:16px 0 18px 5px;}
#nav ul li { width:98%; float:left; font-family:'Arial','Helvetica','Sans';font-variant: small-caps;letter-spacing:.07em;font-weight:400; font-size:118%; padding:0 1%; XXXtext-shadow: #776 -1.3px 1px 1.2px;
-moz-box-shadow: 2px 5px 3px #766;
  -webkit-box-shadow: 2px 5px 3px #766;
  box-shadow: 2px 5px 3px #766;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424242+0,28343b+100&0.1+0,0.63+100 */
background: -moz-linear-gradient(left,  rgba(66,66,66,0.1) 0%, rgba(40,52,59,0.63) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(66,66,66,0.1) 0%,rgba(40,52,59,0.63) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(66,66,66,0.1) 0%,rgba(40,52,59,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a424242', endColorstr='#a128343b',GradientType=1 ); /* IE6-9 */



}

#nav ul li a span { float:left}
#nav ul li a .arrow { float:right; padding:4px 5px 4px 7px; margin-top:-4px; font-size:1.0em;} 

#nav ul li.one { border-top:none}
#nav ul li.top { border-top:none}
#nav ul li.top a { width:100%; float:left; text-decoration:none; padding:10px 0 10px 0}

#space {height:100px;width:100%;background:#fff;}
#qr {text-align:center;

-moz-box-shadow: 0px 0px 10px #333;
  -webkit-box-shadow: 0px 0px 10px #333;
  box-shadow: 0px 0px 10px #333;

}

/*
---------------------------------------------
05. footer
---------------------------------------------
*/

#footer { width:90%; height:5.3em; float:left; padding:20px 5% 0 5%;

background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.36, rgb(101,99,100)),
    color-stop(0.81, rgb(51,48,51))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(101,99,100) 36%,
    rgb(51,48,51) 81%
);

}
#footer p { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center}


/*
-------
ARTICLES
-------
*/
.img1 {background:url('../images/camper.gif') no-repeat;background-position:left;}
.img2 {background:url('../images/fave.gif') no-repeat;background-position:left;}
.img3 {background:url('../images/wedgetail.gif') no-repeat;background-position:left;}
.img4 {background:url('../images/workbench.gif') no-repeat;background-position:left;}
.img5 {background:url('../images/fridge.gif') no-repeat;background-position:left;}
.img6 {background:url('../images/ac.gif') no-repeat;background-position:left;}
.img7 {background:url('../images/solar.gif') no-repeat;background-position:left;}
.img8 {background:url('../images/sucrets.gif') no-repeat;background-position:left;}
.img9 {background:url('../images/catcanstove.gif') no-repeat;background-position:left;}
.img10 {background:url('../images/fire.gif') no-repeat;background-position:left;}
.post-links a {color:#f52;text-decoration:none;margin: 0 5% 10px 0px;padding:8% 5% 15% 170px;font-size:22px;font-weight:bold;line-height:27px;display:block;text-align:center;border:solid 3px #999;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;xxxtext-shadow: #ffd 1px 1px 20px}


/*
---------------------------------------------
06. innerpage - header top nav
---------------------------------------------
*/
.topnav p a { width:100%;height:auto; float:left; text-align:center;text-decoration:none; padding:5px 0 16px 5px;color:white;}
.topnav { width:95%; float:left; padding:0px 5% 0px 5%;margin-bottom:20px;}
.topnav p { height:1.875em;width:95%; float:left; font-family:'Tahoma','Helvetica','Sans';font-weight:400; font-size:118%; padding:0 2.5%; text-shadow: #776 -1.3px 1px 1.2px;
-moz-box-shadow: 2px 5px 3px #766;
  -webkit-box-shadow: 2px 5px 3px #766;
  box-shadow: 2px 5px 3px #766;

background: #8e0000; /* Old browsers */
background: -moz-linear-gradient(top, #8e0000 3%, #b2252c 22%, #c96868 29%, #af030f 58%, #600600 87%, #49000b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#8e0000), color-stop(22%,#b2252c), color-stop(29%,#c96868), color-stop(58%,#af030f), color-stop(87%,#600600), color-stop(100%,#49000b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e0000', endColorstr='#49000b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #8e0000 3%,#b2252c 22%,#c96868 29%,#af030f 58%,#600600 87%,#49000b 100%); /* W3C */

  border-radius:4ex 3ex 4ex 3ex ;
  -moz-border-radius: 4ex 3ex 4ex 3ex ;
  -webkit-border-top-left-radius:4ex;
  -webkit-border-top-right-radius:3ex;
  -webkit-border-bottom-right-radius:4ex;
  -webkit-border-bottom-left-radius:4ex;

}


---------------------------------------------
07. innerpage - content inner
---------------------------------------------
*/

#contentinner { width:99.8%; float:left; -webkit-border-radius:1.250em; -moz-border-radius:1.250em; border-radius:1.250em; padding:25px 0 25px 0;background:transparent;}

#contentinner .content { background:transparent;}

#contentinner h1 { padding-bottom:5px}
#contentinner h2 { padding-bottom:5px}
#contentinner h3 { padding-bottom:5px}
#contentinner p { padding-bottom:13px}
#contentinner p span { font-weight:bold}
#contentinner p a { text-decoration:underline}

#contentinner ol{ width:100%; float:left; padding:5px 0 15px 20px}
#contentinner ol li{ width:100%; float:left; font-size:0.875em; line-height:1.4em; list-style:decimal; padding-bottom:2px}
#contentinner ol li a{text-decoration:underline}

#contentinner ul{ width:100%; float:left; padding:5px 0 15px 0px}
#contentinner ul li{ width:100%; float:left; font-size:0.875em; line-height:1.4em; background:url(../images/border.gif) no-repeat 0 7px; padding:0 0 2px 8px}
#contentinner ul li a{text-decoration:underline}

#contentinner .services { width:100%; float:left; padding-bottom:15px}
#contentinner .services h3 { border-bottom:1px solid #7d7d7d; padding:20px 0 10px 0}
#contentinner .services ul { width:100%; float:left; padding:10px 0 20px 0}
#contentinner .services ul li { width:100%; float:left; font-size:0.814em; line-height:1.4em; background:none; padding:0 0 8px 0}
#contentinner .services ul li span { width:49%; float:left}
#contentinner .services ul li .right { width:50%; text-align:right; font-weight:normal}

#contentinner .timings p { text-align:center}

#contentinner .items { width:100%; float:left; padding-bottom:30px}
#contentinner .items ul { width:100%; float:left; border-bottom:1px solid #7d7d7d; padding:0}
#contentinner .items ul li { width:100%; float:left; font-size:1.000em; color:#000000; font-weight:bold; border-top:1px solid #7d7d7d; background:none; padding:0}
#contentinner .items ul li a { width:100%; float:left; color:#000000; text-decoration:none; background:url(../images/li_arrow_item.gif) no-repeat right center; padding:20px 0}

#contentinner p.divider { border-bottom:1px solid #7D7D7D; margin-bottom:10px}

#contentinner .headline { width:100%; float:left; padding-top:10px; padding-bottom:10px}
#contentinner h1.black { color:#000000; text-align:center}
#contentinner h1.red { color:#D00000; text-align:center}
#contentinner h1.blue { color:#062E71; text-align:center}

#contentinner .centeredtext { width:100%; float:left; padding-bottom:0px}
#contentinner .centeredtext h2 { text-align:center}
#contentinner .centeredtext p { text-align:center}



/*
    MISC
*/

.note {text-align:center;display:block;xxbackground:#ffff99;width:50%;padding:15px;margin:10px auto 10px auto;}