/* Chalet La Luge CSS */

* {margin: 0; padding: 0; text-align: left; color: #333;}
.clear {clear: both;}

body {background: #f8f8f8 url(../images/bg.gif) repeat-x top left; font-size: 0.1px;}
#container {background: url(../images/body_grad.gif) repeat-x top left;}

/* Text  */

h1, h2, h3, h4, h5 {font-weight: normal; color: #006633; font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size: 14px; background: url(../images/logo.gif) no-repeat left; line-height: 100px; text-indent: -9999px; margin-left: 20px;}
h2 {font-size: 24px; padding: 30px 0; margin-left: 40px; line-height: 28px;}
h3 {font-size: 18px; padding: 30px 0 12px 20px;}
h4 {font-size: 14px; padding: 5px 0 12px 40px;}

p {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 18px; padding: 0 150px 14px 40px;}

strong {font-size: 14px;}

a {color: #333399; text-decoration: none;}
a:hover {text-decoration: underline;}

a.small {font-size: 12px;}

/* Occuring Classes */

.h2ind {width: 380px; padding: 40px 0;}

.serviceList {background: url(../images/h4list_bg.gif) repeat-x left bottom; padding: 10px 0 10px 0;}
.serviceList:hover {background: #efefef url(../images/h4list_bg.gif) repeat-x left bottom;}
.serviceList h3 {padding-top: 5px;}
.serviceList p {padding-bottom: 6px;}

/* List */

ul, ol {margin: 0 180px 20px 120px;}
li {font-size: 12px; line-height: 18px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

ul.sub {margin: 5px 50px 10px 50px; list-style-type: circle;}

/* Page Layout */

#header {width: 940px; height: 100px; background: url(../images/head_bg.jpg) no-repeat left; position: relative;}
.headtel {display: block; width: 435px; height: 30px; text-indent: -9999px; background: url(../images/headtel_bg.gif) no-repeat left; position: absolute; left: 491px; top: 53px;}

#content {width: 920px; background: url(../images/topfade.gif) repeat-x top; border-top: 1px solid #fff; margin: 0 0 50px 20px; padding: 0;}
#content.other {padding: 20px 0 0 0;}
#contentEnd {background: url(../images/topfade.gif) repeat-x top; border-top: 1px solid #fff; width: 920px; height: 100px; margin-left: 20px;}
#contentEnd p {padding: 30px 0 0 30px;}
#contentEnd a {font-size: 12px;}

.indImage {
	position: absolute;
	left: 459px;
	top: 112px;
}

/* Index Left Col */

#left {width: 400px; float: left; display: inline;}
#left p {padding-right: 30px;}

#indFeat {width: 390px; background: #eeeeee url(../images/indfeat_bottom.gif) bottom no-repeat; padding-bottom: 10px;}
#indFeat h3 {background: url(../images/indfeat_top.gif) top no-repeat; padding: 20px 0 10px 20px;}
#indFeat h4 {padding: 0 0 10px 20px;}
#indFeat p {padding-left: 20px;}
#indFeat img {float: left; margin: 0 15px 10px 20px; border: 5px solid #dbdbdb; background: #fff; padding: 2px;}


/* Index Left Col */

#right {width: 480px; float: left; display: inline; margin-left: 40px; background: #eeeeee url(../images/servicelist_bottom.gif) no-repeat left bottom; padding-bottom: 15px;}

ul#services {margin: 0 40px 20px 40px; list-style-type: square; }
ul#services li {font-size: 12px; line-height: 28px; border-bottom: 1px solid #ccc;}

/* Footer */

#footer {height: 50px; background: #3f3a35 url(../images/footer_bg.gif) repeat-x top; border-top: 5px solid #716c67;}
#footer p {color: #fff; font-size: 12px; padding: 18px 0 0 40px;}
#footer a {color: #ccc; margin-left: 100px;}


/* Main Site Navigation */

ul#nav {height: 40px; width: 940px; position: relative; margin: 0 0 8px 0; background: transparent url(../images/mainnav.gif) no-repeat;}
ul#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#nav li, ul#nav a	{height: 40px; display: block;}
ul#nav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 18px; width: 68px;}
#opt2 {left: 86px; width: 87px;}
#opt3 {left: 173px; width: 161px;}
#opt4 {left: 334px; width: 98px;}

#opt1 a:hover {background: transparent url(../images/mainnav.gif) -18px -80px no-repeat;}
#opt2 a:hover {background: transparent url(../images/mainnav.gif) -86px -80px no-repeat;}
#opt3 a:hover {background: transparent url(../images/mainnav.gif) -173px -80px no-repeat;}
#opt4 a:hover {background: transparent url(../images/mainnav.gif) -334px -80px no-repeat;}

#opt1 a.current {background: transparent url(../images/mainnav.gif) -18px -40px no-repeat;}
#opt2 a.current {background: transparent url(../images/mainnav.gif) -86px -40px no-repeat;}
#opt3 a.current {background: transparent url(../images/mainnav.gif) -173px -40px no-repeat;}
#opt4 a.current {background: transparent url(../images/mainnav.gif) -334px -40px no-repeat;}

/*- Generic Form -*/
 
form#contact {padding: 0; margin-left: 40px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: none;}
form#contact p {padding: 0 20px 14px 20px;}

form#contact fieldset {padding: 12px 0; margin-bottom: 14px; border: none;}
form#contact label, textarea, select {display: block; float: left; padding-top: 3px; font-size: 12px;}
form#contact label {margin: 0 5px 5px 0; text-align: left; width: 150px; padding-right: 5px;}
form#contact input {display: block; float: left; height: 16px; width: 200px; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px;}
form#contact textarea {width: 250px; height: 150px; border: 1px solid #ccc; padding: 4px; font-size: 11px;}

form#contact .submit {float: none; height: 20px; width: 137px; padding: 0; margin: 6px 0 10px 150px; border: 0;}
form#contact br {clear: left;}