f@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

a, a img                                { border: 0; text-decoration: none; outline: 0; color:#000000; }

body  {
	font-family: Georgia,"museo-1","museo-2", serif;font-size:100%;
	background:#eae9dd;	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h2 {
	
}
.twoColFixLtHdr #container { 
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#FFFFFF;
} 
.twoColFixLtHdr #header { 
	height:206px;
	background-image:url('/images/bg7-wc.jpg');
	background-repeat:no-repeat;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	
	float: left; /* since this element is floated, a width must be given */
	width: 195px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	  /* the background color will be displayed for the length of the content in the column, but no further */
	
	margin:-32px 0px 10px 20px;padding: 25px 15px 15px 15px;
	background:#eef1e1;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;

}
#facebook_like {
	float:right;
}
.twoColFixLtHdr #mainContent { 
	float:right;
	margin: 0;
	padding: 30px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #fff;
	text-align:left;
} 
.twoColFixLtHdr #footer {
    background-color: #A6CF81;
    background-image: url("/images/sky-bg4.jpg");
    background-repeat: no-repeat;
    margin: -115px 0 0;
    padding: 220px 10px 40px 200px;
    text-align: center;
}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 30px 20px 30px 20px
}
.lft { /* this class can be used to float an element left in your page */
	float: left;
	margin: -22px 0px 0px -30px
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



.midtext {
	width:345px;
	float:right;
	text-align:right;margin:30px 20px 20px 30px;
	padding-left:30;}
	
.midtext2 {
	width:330px;
	float:left;
	margin:20px 10px 20px 20px;
	padding-left:20;}
.midtext3 {
	width:280px;
	float:left;
	margin:20px 10px 20px 10px;
	padding-left:20;}
.midtext4 {
	width:315px;
	float:right;
	text-align:left;
	margin:30px 20px 20px 30px;
	padding-left:30;}
.xmas {
	width:295px;
	float:right;
	text-align:right;
	margin:30px 20px 20px 30px;
	padding-left:30;
	}
	
.hfh {
	text-align:left;
	width:535px;
	float:left;
	padding:30px 20px 20px 30px;
}

.full{
	width:285px;
	float:left;
	padding:20px 25px 20px 30px;
	margin:5px 0px 20px 130px;
	border:solid;
	border-width:thin;
		-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;
}
.inst{
	width:295px;
	float:right;
	padding:22px 25px 20px 30px;
	margin:5px 130px 20px 0px;
	border:solid;
	border-width:thin;
		-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;
}
#benifit{
	margin: 0px -30px -20px -30px ;
	
	font-family:"georgia, serif;font-size:100%";
	
}

.pay {
	float:right;
	padding:30px 0 0 0;
	width:230px;
}
.pic {
	float:right;
	margin:25px 25px;
	
}
.box {
	float:right;
	margin:15px;
	padding:15px;
	width:190px;
	border-style:solid;
	border-width:2px;
}

.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(images/border-radius.htc);}

.center{
	text-align:center;
	}
	
.left{padding:10px;
float:left;}

.right {text-align:right; margin-right:10px; padding:20px 20px 20px 10px; float:right}
.rightslider {float:right}
.right-quo {
	text-align:right;
	float:right;
	padding:60px 4px 0px 0px;
}
#C9{
	text-align:center;
	width:618px;
	float:right;
	padding:30px;
	}

#fix-contain {
width:1000px; padding:10px;}

#fixsize {
	width:390px;padding:20px 20px 20px 0;
	}
	

	
	

#menu-wrapper{
	margin:5px;
	
	min-height:35px;
	width:750px;
	float:right;
}	
ul#menu {
  font-family: 'Quattrocento', serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 4px 4px 4px #bbb;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
	margin:5px;
	padding-right:10px;
	list-style:none; /* remove bullets */ 
    	background:none; 
    	overflow:visible; /* span the width of the container */ 
    	
    } 
ul#menu li { 
    display:inline; /* line-up the list items horizontally */ 
    
    } 



ul#menu li a { 
  margin:2px;
	padding:3px 9px 3px 9px ; 
    background:#87b6d5; 
    color:#fff; 
    text-decoration:none; 
	text-align:center;
    display:block; /* block it baby! */ 
    float:right; /* float each list item to the left */ 
    -webkit-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-box-shadow:rgba(0,0,0,.20) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.20) 0px 2px 7px ;
} 
 

ul#menu li a:hover { 
    	background:#6b9fc2;
	
    }

	



ul#quote { 
    	
	 font-family: 'Quattrocento', serif;
  font-style: normal;
  font-weight: 400;
  text-shadow: 4px 4px 4px #bbb;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
	font-size:18px;
	list-style:none; /* remove bullets */ 
    	background:none; 
    	overflow:visible; /* span the width of the container */ 
    	
    } 
ul#quote li {
	display: block;
	
}

ul#quote li a { 
  
	padding:6px 12px 6px 10px ; 
    	background:#f6c708;
    	color:#fff; 
    	text-decoration:none; 
    	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-box-shadow:rgba(0,0,0,.20) 0px 2px 8px;
	-moz-box-shadow:rgba(0,0,0,.20) 0px 2px 8px ;
} 
 

ul#quote li a:hover { 
    	background:#fbd125;

    } 


#nav-fixed-wrapper{
	top:0px;
	height:120px;
	width: 610px;
	float:right;
	margin-right:29px;
}	
#nav-fixed li {
  	
 font-family: 'Quattrocento', serif;
  font-style: normal;
  font-weight: 400;
  text-shadow: 4px 4px 4px #bbb;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
	font-size:19px;
	display: block;
  	height: 3em;
  	margin: 0 3px;
  	padding: 12px 8px;
  	background: none;
  	float: right;
  	text-align: center;
  	line-height: 3em;
	list-style:none;
}

#nav-fixed .double-line-left {
  line-height: 1.5em;float:left;
}

#nav-fixed .double-line-right {
  line-height: 1.5em;float:right;
}
#nav-fixed a { 
    padding:5px;
    background:none; 
    color:#fff; 
    text-decoration:none; 
    text-align: center;
    display: block;
    } 
#nav-fixed a:hover { 
    color:#FCFCC7; padding:5px;
    } 
	
	
#logo{
	float:left;
	width:100px;
	height:162px;
	overflow:visible;
	padding-left:20px;
	}
#dyk{	
background-image:url('/images/y-back.jpg');
	background-repeat:repeat-x;
	padding:2px;-webkit-border-radius:13px;
	-moz-border-radius:13px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;}
#front {float:right;width:640px;margin:42px;}	
ul#list-nav-top li {
	display:inline; font-family: 'Quattrocento', serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 4px 4px 4px #bbb;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;}

ul#list-nav-top li a {
	text-decoration:none;
	padding:0px 4px 0 2px;
	font-size:16px;
	color:#ffffff;
	
	text-align:center;}
	

ul#list-nav-top li a:hover {
	color:#000;}


ul#list-nav {
	list-style:none;
	width:900px;  
}

ul#list-nav li {
	display:inline;
}

ul#list-nav li a {
	text-decoration:none;
	padding:0px 0;
	width:960px;
	color:#fff;
	float:left;
	text-align:center;
}

ul#list-nav li a:hover {
	background:#f6c708


}
.style1 {
	font-size: small
}
.style2 {font-size: small; font-weight: bold; }

#mini {top:10px;margin-left:100px;}



#FAQ {
	margin:5px;
	float:right;
	padding: 0 20px;
	width:590px;
	background:#FFFFFF
}
ul#FAQ li {

	list-style:none; /* remove bullets */ 
    	background:none; 
    	overflow:visible; /* span the width of the container */ 
}
	
.answers {
	width:770px;
	margin:20px;
	float:right;
	padding: 0 40px;
	background:#FFFFFF
}
	
.style10 {
	color: #7aa1c5;
	margin:15px 0 15px 0;
}
.shadowed {
  background-color: #7aabcc;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}
#quote.shadowed {
  background-color: #fbd125;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}	

.yellow {
	background:#fbfcc8; 
	margin:30px;
	padding: 20px;
	list-style-image: url(/images/christmas-bulb-green.gif);
	color:#000000;
font-family:georgia,"museo-1","museo-2",serif;
font-size:100%;}
	
}
#footpanel {
	position: fixed;
	bottom: 0; left: 695px;
	z-index: 99999999999999; /*--Keeps the panel on top of all other elements--*/
	background-image: url(images/greybg.gif);
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 290px;
	margin: 0 3%;font: 10px normal Verdana, Arial, Helvetica, sans-serif;
}


#footpanel ul {
	padding: 0, 5px,0,5px; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0, 5px,0,5px; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 9999999999999; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(favicon.ico) no-repeat 15px center;
	width: 100px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}
a.profile{	background: url(favicon.ico) no-repeat center center;  }
a.contacts{	background: url(address_book.png) no-repeat center center; }
a.playlist{	background: url(document_music_playlist.png) no-repeat center center; }
a.videos{	background: url(film.png) no-repeat center center; }
a.fb{	background: url(images/facebook.png) no-repeat center center; }
a.editprofile{	background: url(wrench_screwdriver.png) no-repeat center center; }
#footpanel a.chat{	
	text-align:left;
	background: url(images/balloon.png) no-repeat 15px ;
	width: 150px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{	background: url(favicon.ico) no-repeat center center;	 }


#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 999999999999999;
}





#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 255px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}





#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}
.gift{
	margin:10px;
	padding:5px;
	width:400px;
	float:right;

	}
#estimate {

background: #EEF1E1;
text-align:left;
float:right;
margin:15px 60px 20px 0px;
padding:20px 25px 20px 30px;
width:240px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;
}
.estimate {

background: #EEF1E1;
text-align:left;
float:right;
margin:15px 60px 20px 0px;
padding:20px 25px 20px 30px;
width:240px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;
}
#mailing {

background: #EEF1E1;
text-align:left;
float:left;
margin:15px 10px 20px 90px;
padding:20px 25px 20px 30px;
width:240px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;
}
.mailing {

background: #EEF1E1;
text-align:left;
float:left;
margin:15px 10px 20px 90px;
padding:20px 25px 20px 30px;
width:240px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 2px 7px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 2px 7px ;
}
#push{
margin:40px 0 0 0;}
.white{
color:#ffffff;}
#testimony{width:600px;}

#testimony{width:575px;
margin:10px 50px;padding:20 15px;
overflow: hidden;
font-size:24px;
}
#bulbs{float:right;width:700px;margin-top:20px;margin-right:110px;padding:20px;background-color: #F4F4F4}
#tree{
	float:right;
	width:550px;

	margin-left:80px;
	margin-right:70px;
	}
.famous{float:right; width:680px; padding:0px; margin:30px}
.thanks{float:right; width:620px; padding:0px; margin:50px}