/*


Feel free to use and modify but please provide credits.
*/

/* default elements 
* {margin: 0; padding: 0;}
*/

body {

	
	background: #16141F url(img/bg.jpg);
	color: #000000;
	
	
	padding: 0% 0;
	font-family: Calibri, "Trebuchet MS", sans-serif;
	font-style:normal;
	
}

.class1 body{


line-height:1em;
}

#wrap
	{
	width:970px;
	text-align:left;
	margin:0 auto;
	}


	

#banner {
	
	position:relative;
	
	
	font-size: 1.3em;
	line-height: 1.3em;
	
	/*margin-left:5%;
	margin-right:5%;*/
	width: 970px;
	height: 265px;
	background-image:url(images/background4.png);
	background-repeat:no-repeat;
	border-top: 1px solid #FFFFFF;

	
}


#break {
	
	height:1px;
	width: 230px;
	border-bottom:dotted thin #ccc;
	margin:0 auto;
	
	}


#div-1 {
	
	position:relative;
	width: 970px;
	}
	
#div-1a {
 position:absolute;
 top:0;
 right:0;
 height:auto;
 width:268px;
 background-color:#696969;


 padding-top:20px;
}




#div-1as {
 position:absolute;
 top:0;
 right:0;
 height:393px;
 width:268px;
 
 background-image: url('images/flowers1.jpg');
 background-repeat: no-repeat;
 /*background-position:100% 100%;
*/
 padding-top:20px;
}


#div-1av {
 position:absolute;
 top:0;
 right:0;
 height:393px;
 width:268px;
 
 background-image: url('images/car2.jpg');
 background-repeat: no-repeat;
 /*background-position:100% 100%;
*/
 padding-top:20px;
}



#div-1b {
 
 top:0;
 left:0;
 height:auto;
 width:700px;
 border: 1px solid #ccc;
 border-top:none;
 font-style:normal;
 padding-top:20px;
 
}

#div-1bt {
 
 top:0;
 left:0;
 height:auto;
 width:100%;
 border: 1px solid #ccc;
 border-top:none;
 font-style:normal;
 padding-top:20px;
 
}

#div-1bgal {
 
 top:0;
 left:0;
 height:auto;
 width:575px;
 border: 1px solid #ccc;
 margin:0 auto;
 font-style:normal;
 padding-top:5px;
 padding-bottom:5px;
 color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
  }

#div-1bgalv {
 
 top:0;
 left:0;
 height:auto;
 width:75%;
 border: 1px solid #ccc;
 margin:0 auto;
 font-style:normal;
 padding-top:5px;
 padding-bottom:5px;
 color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
  }


#div-1bgaltrad {
 
 top:0;
 left:0;
 height:auto;
 width:631px;
 border: 1px solid #ccc;
 margin:0 auto;
 font-style:normal;
 padding-top:5px;
 padding-bottom:5px;
 color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
  }
  
  #div-1bgaleco {
 
 top:0;
 left:0;
 height:auto;
 width:800px;
 border: 1px solid #ccc;
 margin:0 auto;
 font-style:normal;
 padding-top:5px;
 padding-bottom:5px;
 color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
  }

#div-1c {
 
 top:540px;
 left:0;
 height:25px;
 width:970px;
 clear:both;
 
 margin-top:10px;
 
 border-bottom:ridge #ccc 5px;
 
}
	

#div-1d {
 
 top:20px;
 left:0;
 height:25px;
 width:970px;
 padding-top:10px;
 margin-top:5px;
 /*background-color:#696969;*/
 
 }


#div-2 {
 position:relative;
 height:50px;
 width:970px;
}
#div-2a {
 position:absolute;
 top:20px;
 right:0;
 width:200px;

}
#div-2b {
 position:absolute;
 top:5px;
 left:0;
 width:200px;
}



#use {
 position:static;
 top:18px;
 left:162px;
 height:auto;
 width:700px;
 border: 2px solid #ccc;
 
 font-style:normal;
 padding-top:20px;
 margin:0 auto;
 background-image: url('images/tlily2.png');
 background-repeat: no-repeat;
 background-position:100% 100%;
 
}

#minihead {
		width: 500px;
		height: 215px;
		background-image: url('images/hd1.jpg');
		background-repeat:no-repeat;
		border-bottom: 2px solid #CCCCCC;
		margin-bottom:15px;
		}

#topnav {
		width: 970px;
		
		
		}
				
				
				
#topnav2 {
				width: 200px;
				}
				

#faq {
	/*border:dashed thin #cf3;*/
	
	width:625px;
	height:auto;
	margin: 0 auto;
	}
		
		
#cont {
	/*border:dashed thin #cf3;*/
	
	width:525px;
	height:auto;
	margin: 0 auto;
	}

#sitemap {
	width:85%;
	height:auto;
	margin: 0 auto;
	color: #CCCCCC;
	font-family:"garamond", "Times New Roman", Times, serif;
	font-size:16px;
	}
	
	#sitemap ul {
	list-style-type:disc;
	}
		
	#sitemap .list1 {
	list-style-type:square;
	margin-left:20px;
	}
	
				
			
				
				
#testim {
	
	position:inherit;
	width: 446px;
	height: 177px;
	top: 500px;
	left: 186px;
	
}


#footer {
	
	position:relative;
	
	width: 446px;
	height: 177px;
	
	
}


.style1 {
color: #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.style2 {
color: #CCCCCC;
font-family:"garamond", "Times New Roman", Times, serif;
font-size:16px;
margin-right:10px;
margin-left:10px;

padding-top:15px;
}

.class2 .style2 {
color: #CCCCCC;
font-family:"garamond", "Times New Roman", Times, serif;
font-size:18px;
margin-right:10px;
margin-left:10px;

padding-top:15px;
}

/*
p.style2:first-letter
{
font-family:"Times New Roman", Times, serif;
font-size: 50px;
margin-top:-18px;
margin-left:10px;
padding-bottom:50px;
float: left;
}
*/

.style3 {
color: #CCCCCC;
font-family:"garamond", "Times New Roman", Times, serif;
font-size:16px;
margin-right:10px;
margin-left:10px;

padding-top:15px;
}

.style4 {font: normal 1.0em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-left:10px;}
.class2 .style4{ font: normal 1.0em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-right:10px; margin-left:10px;}

/*
h1 {
  font:normal;
  color:#CCCCCC;
  font-size: 20px;
  font-style:normal;
} 
*/

.style5 {color: #DB6E95}
.style6 {color: #9E7ADC}
.style7 {color: #7E8EFF}
.style8 {color: #76FFAF}
.style9 {color: #FFC0D3}


.style10 {
color: #CCCCCC;
font-family:"Times New Roman", Times, serif;
font-size:16px;
margin-right:10px;
}
.style11 {font: normal 1.0em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-right:15px; line-height:0.8em;}
.class4 .style11 {font: normal 1.0em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-right:15px; line-height:1.2em;}

h1 {font: normal 2.0em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; text-decoration:overline; margin-left:10px;}

h2 {font: normal 1.5em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; text-decoration:overline; margin-left:10px;}
h2 a:link  	{text-decoration: none;}

h3 {font: normal 0.7em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-left:10px;}

.class2 h3{ font: normal 0.9em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-right:10px;}
.class3 h3{ font: normal 16px Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-right:10px;}



h4 {font: normal 0.5em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; margin-left:10px;}

h5 {font: normal 1.0em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; text-decoration:overline; margin-left:10px;}

h6 {font: normal 1.0em Calibri, "Trebuchet MS", sans-serif; color:#CCCCCC; text-decoration:overline; }



A:link    { color:#ccc;}

A:visited { color: #fc3; }   

A:hover   { background-color:#333333;
			color: #fc3;
		  } 

A:active  { color: lime }  

.class1 A:link {text-decoration: none}

ul {
	list-style:disc;
	
	padding-left: 1em;
	text-indent: 0.1em;
	margin-left:10px;
	
	}






.example {
	background: #eee;
	padding: 0px;
	border-bottom:#C0C0C0 2px ridge;
	
}

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 5px;
	
	border: 3px;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #ccc;*/
	display: block;
	float:left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
	
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
	
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #eee;
	background: #16141F;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: #fc3;
	
}

.menu li li {	/* create borders around each item */
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}

/*
.menu ul>li + li {	 and remove the top border on all but first item in the list
	border-top: 0;
}
*/

.menu ul>li + li + li{	 /* adds bottom border to last menu item*/
	border-bottom: 1px solid #ccc;
}


.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}


/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/

.photogallery{ /*CSS for TABLE containing a photo album*/
font-family:"garamond", "Times New Roman", Times, serif;
font-size:18px;



}

.photogallery img{ /*CSS for images within an album*/
border: none;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
color:#CCCCCC;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;

}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
color:#fc3;
}